@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700");
@import url(/fonts/3785ea0fa3df7716fb97045e6f9e1437/font.css?family=CambridgeRoundW01-BoldCond);
@font-face {
  font-family: icons;
  src: url("../../fonts/icons.eot");
  src: url("../../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../../fonts/icons.woff") format("woff"), url("../../fonts/icons.ttf") format("truetype"), url("../../fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: CambridgeRoundW01-BoldCond;
  src: url("/fonts/3785ea0fa3df7716fb97045e6f9e1437/3785ea0fa3df7716fb97045e6f9e1437.eot");
  src: url("/fonts/3785ea0fa3df7716fb97045e6f9e1437/3785ea0fa3df7716fb97045e6f9e1437.eot?#iefix") format("embedded-opentype"), url("/fonts/3785ea0fa3df7716fb97045e6f9e1437/3785ea0fa3df7716fb97045e6f9e1437.woff2") format("woff2"), url("/fonts/3785ea0fa3df7716fb97045e6f9e1437/3785ea0fa3df7716fb97045e6f9e1437.woff") format("woff"), url("/fonts/3785ea0fa3df7716fb97045e6f9e1437/3785ea0fa3df7716fb97045e6f9e1437.ttf") format("truetype"), url("/fonts/3785ea0fa3df7716fb97045e6f9e1437/3785ea0fa3df7716fb97045e6f9e1437.svg#CambridgeRoundW01-BoldCond") format("svg"); }

.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "";
  font-family: 'icons';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none; }

.icon.-facebook:before {
  content: ""; }

.icon.-instagram:before {
  content: ""; }

.icon.-twitter:before {
  content: ""; }

.icon.-facebook2:before {
  content: ""; }

@media only screen and (max-width: 40em) {
  .is-desktop {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) {
  .is-mobile {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) {
  .is-narrow {
    display: none !important; } }

@media only screen and (max-width: 40em) {
  .is-wide {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) {
  .is-small-only {
    display: none !important; } }

@media only screen and (max-width: 40em) {
  .is-medium-up {
    display: none !important; } }

@media only screen and (max-width: 40em) {
  .is-medium-only {
    display: none !important; } }

@media only screen and (min-width: 64.0625em) {
  .is-medium-only {
    display: none !important; } }

@media only screen and (min-width: 64.0625em) {
  .is-medium-down {
    display: none !important; } }

@media only screen and (max-width: 40em) {
  .is-large-only {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .is-large-only {
    display: none !important; } }

@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
  .is-large-only {
    display: none !important; } }

@media only screen and (max-width: 40em) {
  .is-large-up {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .is-large-up {
    display: none !important; } }

@media only screen and (min-width: 90.0625em) {
  .is-large-down {
    display: none !important; } }

@media only screen and (max-width: 40em) {
  .is-xlarge-up {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .is-xlarge-up {
    display: none !important; } }

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .is-xlarge-up {
    display: none !important; } }

.is-visible {
  visibility: visible;
  opacity: 1; }

.is-hidden {
  visibility: hidden;
  opacity: 0; }

body {
  overflow-x: hidden;
  width: 100%;
  position: relative; }

a {
  color: #00C3FF; }
  a:hover {
    color: #00C3FF; }

#container_v2 {
  background: #fff;
  position: relative; }

.content-section {
  margin: 64px 0; }
  .content-section:first-child {
    margin-top: 0; }
  .content-section:last-child {
    margin-bottom: 0; }

.page-header {
  zoom: 1; }
  .page-header:before, .page-header:after {
    content: "";
    display: table; }
  .page-header:after {
    clear: both; }
  .page-header .background {
    padding: 64px 0 0 0; }
  .page-header h1 {
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 32px;
    font-size: 2rem;
    margin: 64px 0;
    line-height: 1.0;
    text-align: center; }
  .page-header h1,
  .page-header li,
  .page-header a {
    color: #4A4A4A; }
  .page-header h1 small {
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-size: 1rem; }
  .page-header h1 .title {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 56px;
    line-height: 3.5rem;
    margin-top: 14px;
    display: block; }

.row {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }
  @media only screen and (min-width: 40.0625em) {
    .row {
      width: 1200px; } }
  @media only screen and (max-width: 40em) {
    .row {
      width: 100%; } }

@media only screen and (min-width: 64.0625em) {
  .row-full {
    width: 100%; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .row-full {
    width: 100%; } }

@media only screen and (max-width: 40em) {
  .row-full {
    width: 100%; } }

.row-full > .columns {
  padding: 0;
  float: none;
  clear: both; }

@media only screen and (min-width: 64.0625em) {
  .row-large {
    width: 100%; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .row-large {
    width: 100%; } }

@media only screen and (max-width: 40em) {
  .row-large {
    width: 100%; } }

::selection {
  color: #18100e;
  background: #FFE600; }

meta.foundation-version {
  font-family: "/{{VERSION}}/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

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

html,
body {
  font-size: 100%; }

body {
  background: #FFFFFF;
  color: #222222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 150%;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -1.5625rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    float: left; }
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0 !important; }
  .small-offset-1 {
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.33333% !important; }
  .small-offset-11 {
    margin-left: 91.66667% !important; }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    float: left; } }

@media only screen and (min-width: 40.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    float: left; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0 !important; }
  .medium-offset-1 {
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.33333% !important; }
  .medium-offset-11 {
    margin-left: 91.66667% !important; }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    float: left; }
  .large-1 {
    width: 8.33333%; }
  .large-2 {
    width: 16.66667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.33333%; }
  .large-5 {
    width: 41.66667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.33333%; }
  .large-8 {
    width: 66.66667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.33333%; }
  .large-11 {
    width: 91.66667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0 !important; }
  .large-offset-1 {
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.33333% !important; }
  .large-offset-11 {
    margin-left: 91.66667% !important; }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #23242e;
  border-color: #1e1f27;
  color: #FFFFFF; }
  .alert-box .close {
    right: 0.25rem;
    background: inherit;
    color: #333333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -0.6875rem;
    opacity: 0.3;
    padding: 9px 6px 4px;
    position: absolute;
    top: 50%; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 3px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #43AC6A;
    border-color: #3a945b;
    color: #FFFFFF; }
  .alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: #FFFFFF; }
  .alert-box.secondary {
    background-color: #e7e7e7;
    border-color: #c7c7c7;
    color: #4f4f4f; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #FFFFFF; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f; }
  .alert-box.alert-close {
    opacity: 0; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

.breadcrumbs {
  border-style: solid;
  border-width: 1px;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem;
  background-color: #EFF0F2;
  border-color: transparent;
  border-radius: 3px; }
  .breadcrumbs > * {
    color: #23242e;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    margin: 0;
    text-transform: uppercase; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #23242e; }
    .breadcrumbs > *.current {
      color: #333333;
      cursor: default; }
      .breadcrumbs > *.current a {
        color: #333333;
        cursor: default; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover,
      .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        color: #999999;
        cursor: not-allowed;
        text-decoration: none; }
    .breadcrumbs > *:after {
      color: #AAAAAA;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:last-child:after {
      content: " ";
      margin: 0; }

/* Accessibility - hides the backward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:before {
  content: "/"; }

button, .button, .button_small, .button_medium, .button_add_user, .button_remove_user, .btnLv01S, .button_mail_project, .button_action, .button_submit_next, .button_submit_back, .button_submit, .button_sns, .button_edit, .button_next, .button_back, .button_unsubscribe, .button_back_large, .button_address, .button_sign, .btnLv01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #23242e;
  border-color: #1c1d25;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button_small:hover, .button_medium:hover, .button_add_user:hover, .button_remove_user:hover, .btnLv01S:hover, .button_mail_project:hover, .button_action:hover, .button_submit_next:hover, .button_submit_back:hover, .button_submit:hover, .button_sns:hover, .button_edit:hover, .button_next:hover, .button_back:hover, .button_unsubscribe:hover, .button_back_large:hover, .button_address:hover, .button_sign:hover, .btnLv01:hover, .button:focus, .button_small:focus, .button_medium:focus, .button_add_user:focus, .button_remove_user:focus, .btnLv01S:focus, .button_mail_project:focus, .button_action:focus, .button_submit_next:focus, .button_submit_back:focus, .button_submit:focus, .button_sns:focus, .button_edit:focus, .button_next:focus, .button_back:focus, .button_unsubscribe:focus, .button_back_large:focus, .button_address:focus, .button_sign:focus, .btnLv01:focus {
    background-color: #1c1d25; }
  button:hover, button:focus, .button:hover, .button_small:hover, .button_medium:hover, .button_add_user:hover, .button_remove_user:hover, .btnLv01S:hover, .button_mail_project:hover, .button_action:hover, .button_submit_next:hover, .button_submit_back:hover, .button_submit:hover, .button_sns:hover, .button_edit:hover, .button_next:hover, .button_back:hover, .button_unsubscribe:hover, .button_back_large:hover, .button_address:hover, .button_sign:hover, .btnLv01:hover, .button:focus, .button_small:focus, .button_medium:focus, .button_add_user:focus, .button_remove_user:focus, .btnLv01S:focus, .button_mail_project:focus, .button_action:focus, .button_submit_next:focus, .button_submit_back:focus, .button_submit:focus, .button_sns:focus, .button_edit:focus, .button_next:focus, .button_back:focus, .button_unsubscribe:focus, .button_back_large:focus, .button_address:focus, .button_sign:focus, .btnLv01:focus {
    color: #FFFFFF; }
  button.secondary, .button.secondary, .secondary.button_small, .secondary.button_medium, .secondary.button_add_user, .secondary.button_remove_user, .secondary.btnLv01S, .secondary.button_mail_project, .secondary.button_action, .secondary.button_submit_next, .secondary.button_submit_back, .secondary.button_submit, .secondary.button_sns, .secondary.button_edit, .secondary.button_next, .secondary.button_back, .secondary.button_unsubscribe, .secondary.button_back_large, .secondary.button_address, .secondary.button_sign, .secondary.btnLv01 {
    background-color: #e7e7e7;
    border-color: #b9b9b9;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .secondary.button_small:hover, .secondary.button_medium:hover, .secondary.button_add_user:hover, .secondary.button_remove_user:hover, .secondary.btnLv01S:hover, .secondary.button_mail_project:hover, .secondary.button_action:hover, .secondary.button_submit_next:hover, .secondary.button_submit_back:hover, .secondary.button_submit:hover, .secondary.button_sns:hover, .secondary.button_edit:hover, .secondary.button_next:hover, .secondary.button_back:hover, .secondary.button_unsubscribe:hover, .secondary.button_back_large:hover, .secondary.button_address:hover, .secondary.button_sign:hover, .secondary.btnLv01:hover, .button.secondary:focus, .secondary.button_small:focus, .secondary.button_medium:focus, .secondary.button_add_user:focus, .secondary.button_remove_user:focus, .secondary.btnLv01S:focus, .secondary.button_mail_project:focus, .secondary.button_action:focus, .secondary.button_submit_next:focus, .secondary.button_submit_back:focus, .secondary.button_submit:focus, .secondary.button_sns:focus, .secondary.button_edit:focus, .secondary.button_next:focus, .secondary.button_back:focus, .secondary.button_unsubscribe:focus, .secondary.button_back_large:focus, .secondary.button_address:focus, .secondary.button_sign:focus, .secondary.btnLv01:focus {
      background-color: #b9b9b9; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .secondary.button_small:hover, .secondary.button_medium:hover, .secondary.button_add_user:hover, .secondary.button_remove_user:hover, .secondary.btnLv01S:hover, .secondary.button_mail_project:hover, .secondary.button_action:hover, .secondary.button_submit_next:hover, .secondary.button_submit_back:hover, .secondary.button_submit:hover, .secondary.button_sns:hover, .secondary.button_edit:hover, .secondary.button_next:hover, .secondary.button_back:hover, .secondary.button_unsubscribe:hover, .secondary.button_back_large:hover, .secondary.button_address:hover, .secondary.button_sign:hover, .secondary.btnLv01:hover, .button.secondary:focus, .secondary.button_small:focus, .secondary.button_medium:focus, .secondary.button_add_user:focus, .secondary.button_remove_user:focus, .secondary.btnLv01S:focus, .secondary.button_mail_project:focus, .secondary.button_action:focus, .secondary.button_submit_next:focus, .secondary.button_submit_back:focus, .secondary.button_submit:focus, .secondary.button_sns:focus, .secondary.button_edit:focus, .secondary.button_next:focus, .secondary.button_back:focus, .secondary.button_unsubscribe:focus, .secondary.button_back_large:focus, .secondary.button_address:focus, .secondary.button_sign:focus, .secondary.btnLv01:focus {
      color: #333333; }
  button.success, .button.success, .success.button_small, .success.button_medium, .success.button_add_user, .success.button_remove_user, .success.btnLv01S, .success.button_mail_project, .success.button_action, .success.button_submit_next, .success.button_submit_back, .success.button_submit, .success.button_sns, .success.button_edit, .success.button_next, .success.button_back, .success.button_unsubscribe, .success.button_back_large, .success.button_address, .success.button_sign, .success.btnLv01 {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF; }
    button.success:hover, button.success:focus, .button.success:hover, .success.button_small:hover, .success.button_medium:hover, .success.button_add_user:hover, .success.button_remove_user:hover, .success.btnLv01S:hover, .success.button_mail_project:hover, .success.button_action:hover, .success.button_submit_next:hover, .success.button_submit_back:hover, .success.button_submit:hover, .success.button_sns:hover, .success.button_edit:hover, .success.button_next:hover, .success.button_back:hover, .success.button_unsubscribe:hover, .success.button_back_large:hover, .success.button_address:hover, .success.button_sign:hover, .success.btnLv01:hover, .button.success:focus, .success.button_small:focus, .success.button_medium:focus, .success.button_add_user:focus, .success.button_remove_user:focus, .success.btnLv01S:focus, .success.button_mail_project:focus, .success.button_action:focus, .success.button_submit_next:focus, .success.button_submit_back:focus, .success.button_submit:focus, .success.button_sns:focus, .success.button_edit:focus, .success.button_next:focus, .success.button_back:focus, .success.button_unsubscribe:focus, .success.button_back_large:focus, .success.button_address:focus, .success.button_sign:focus, .success.btnLv01:focus {
      background-color: #368a55; }
    button.success:hover, button.success:focus, .button.success:hover, .success.button_small:hover, .success.button_medium:hover, .success.button_add_user:hover, .success.button_remove_user:hover, .success.btnLv01S:hover, .success.button_mail_project:hover, .success.button_action:hover, .success.button_submit_next:hover, .success.button_submit_back:hover, .success.button_submit:hover, .success.button_sns:hover, .success.button_edit:hover, .success.button_next:hover, .success.button_back:hover, .success.button_unsubscribe:hover, .success.button_back_large:hover, .success.button_address:hover, .success.button_sign:hover, .success.btnLv01:hover, .button.success:focus, .success.button_small:focus, .success.button_medium:focus, .success.button_add_user:focus, .success.button_remove_user:focus, .success.btnLv01S:focus, .success.button_mail_project:focus, .success.button_action:focus, .success.button_submit_next:focus, .success.button_submit_back:focus, .success.button_submit:focus, .success.button_sns:focus, .success.button_edit:focus, .success.button_next:focus, .success.button_back:focus, .success.button_unsubscribe:focus, .success.button_back_large:focus, .success.button_address:focus, .success.button_sign:focus, .success.btnLv01:focus {
      color: #FFFFFF; }
  button.alert, .button.alert, .alert.button_small, .alert.button_medium, .alert.button_add_user, .alert.button_remove_user, .alert.btnLv01S, .alert.button_mail_project, .alert.button_action, .alert.button_submit_next, .alert.button_submit_back, .alert.button_submit, .alert.button_sns, .alert.button_edit, .alert.button_next, .alert.button_back, .alert.button_unsubscribe, .alert.button_back_large, .alert.button_address, .alert.button_sign, .alert.btnLv01 {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .alert.button_small:hover, .alert.button_medium:hover, .alert.button_add_user:hover, .alert.button_remove_user:hover, .alert.btnLv01S:hover, .alert.button_mail_project:hover, .alert.button_action:hover, .alert.button_submit_next:hover, .alert.button_submit_back:hover, .alert.button_submit:hover, .alert.button_sns:hover, .alert.button_edit:hover, .alert.button_next:hover, .alert.button_back:hover, .alert.button_unsubscribe:hover, .alert.button_back_large:hover, .alert.button_address:hover, .alert.button_sign:hover, .alert.btnLv01:hover, .button.alert:focus, .alert.button_small:focus, .alert.button_medium:focus, .alert.button_add_user:focus, .alert.button_remove_user:focus, .alert.btnLv01S:focus, .alert.button_mail_project:focus, .alert.button_action:focus, .alert.button_submit_next:focus, .alert.button_submit_back:focus, .alert.button_submit:focus, .alert.button_sns:focus, .alert.button_edit:focus, .alert.button_next:focus, .alert.button_back:focus, .alert.button_unsubscribe:focus, .alert.button_back_large:focus, .alert.button_address:focus, .alert.button_sign:focus, .alert.btnLv01:focus {
      background-color: #cf2a0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .alert.button_small:hover, .alert.button_medium:hover, .alert.button_add_user:hover, .alert.button_remove_user:hover, .alert.btnLv01S:hover, .alert.button_mail_project:hover, .alert.button_action:hover, .alert.button_submit_next:hover, .alert.button_submit_back:hover, .alert.button_submit:hover, .alert.button_sns:hover, .alert.button_edit:hover, .alert.button_next:hover, .alert.button_back:hover, .alert.button_unsubscribe:hover, .alert.button_back_large:hover, .alert.button_address:hover, .alert.button_sign:hover, .alert.btnLv01:hover, .button.alert:focus, .alert.button_small:focus, .alert.button_medium:focus, .alert.button_add_user:focus, .alert.button_remove_user:focus, .alert.btnLv01S:focus, .alert.button_mail_project:focus, .alert.button_action:focus, .alert.button_submit_next:focus, .alert.button_submit_back:focus, .alert.button_submit:focus, .alert.button_sns:focus, .alert.button_edit:focus, .alert.button_next:focus, .alert.button_back:focus, .alert.button_unsubscribe:focus, .alert.button_back_large:focus, .alert.button_address:focus, .alert.button_sign:focus, .alert.btnLv01:focus {
      color: #FFFFFF; }
  button.warning, .button.warning, .warning.button_small, .warning.button_medium, .warning.button_add_user, .warning.button_remove_user, .warning.btnLv01S, .warning.button_mail_project, .warning.button_action, .warning.button_submit_next, .warning.button_submit_back, .warning.button_submit, .warning.button_sns, .warning.button_edit, .warning.button_next, .warning.button_back, .warning.button_unsubscribe, .warning.button_back_large, .warning.button_address, .warning.button_sign, .warning.btnLv01 {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .warning.button_small:hover, .warning.button_medium:hover, .warning.button_add_user:hover, .warning.button_remove_user:hover, .warning.btnLv01S:hover, .warning.button_mail_project:hover, .warning.button_action:hover, .warning.button_submit_next:hover, .warning.button_submit_back:hover, .warning.button_submit:hover, .warning.button_sns:hover, .warning.button_edit:hover, .warning.button_next:hover, .warning.button_back:hover, .warning.button_unsubscribe:hover, .warning.button_back_large:hover, .warning.button_address:hover, .warning.button_sign:hover, .warning.btnLv01:hover, .button.warning:focus, .warning.button_small:focus, .warning.button_medium:focus, .warning.button_add_user:focus, .warning.button_remove_user:focus, .warning.btnLv01S:focus, .warning.button_mail_project:focus, .warning.button_action:focus, .warning.button_submit_next:focus, .warning.button_submit_back:focus, .warning.button_submit:focus, .warning.button_sns:focus, .warning.button_edit:focus, .warning.button_next:focus, .warning.button_back:focus, .warning.button_unsubscribe:focus, .warning.button_back_large:focus, .warning.button_address:focus, .warning.button_sign:focus, .warning.btnLv01:focus {
      background-color: #cf6e0e; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .warning.button_small:hover, .warning.button_medium:hover, .warning.button_add_user:hover, .warning.button_remove_user:hover, .warning.btnLv01S:hover, .warning.button_mail_project:hover, .warning.button_action:hover, .warning.button_submit_next:hover, .warning.button_submit_back:hover, .warning.button_submit:hover, .warning.button_sns:hover, .warning.button_edit:hover, .warning.button_next:hover, .warning.button_back:hover, .warning.button_unsubscribe:hover, .warning.button_back_large:hover, .warning.button_address:hover, .warning.button_sign:hover, .warning.btnLv01:hover, .button.warning:focus, .warning.button_small:focus, .warning.button_medium:focus, .warning.button_add_user:focus, .warning.button_remove_user:focus, .warning.btnLv01S:focus, .warning.button_mail_project:focus, .warning.button_action:focus, .warning.button_submit_next:focus, .warning.button_submit_back:focus, .warning.button_submit:focus, .warning.button_sns:focus, .warning.button_edit:focus, .warning.button_next:focus, .warning.button_back:focus, .warning.button_unsubscribe:focus, .warning.button_back_large:focus, .warning.button_address:focus, .warning.button_sign:focus, .warning.btnLv01:focus {
      color: #FFFFFF; }
  button.info, .button.info, .info.button_small, .info.button_medium, .info.button_add_user, .info.button_remove_user, .info.btnLv01S, .info.button_mail_project, .info.button_action, .info.button_submit_next, .info.button_submit_back, .info.button_submit, .info.button_sns, .info.button_edit, .info.button_next, .info.button_back, .info.button_unsubscribe, .info.button_back_large, .info.button_address, .info.button_sign, .info.btnLv01 {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
    button.info:hover, button.info:focus, .button.info:hover, .info.button_small:hover, .info.button_medium:hover, .info.button_add_user:hover, .info.button_remove_user:hover, .info.btnLv01S:hover, .info.button_mail_project:hover, .info.button_action:hover, .info.button_submit_next:hover, .info.button_submit_back:hover, .info.button_submit:hover, .info.button_sns:hover, .info.button_edit:hover, .info.button_next:hover, .info.button_back:hover, .info.button_unsubscribe:hover, .info.button_back_large:hover, .info.button_address:hover, .info.button_sign:hover, .info.btnLv01:hover, .button.info:focus, .info.button_small:focus, .info.button_medium:focus, .info.button_add_user:focus, .info.button_remove_user:focus, .info.btnLv01S:focus, .info.button_mail_project:focus, .info.button_action:focus, .info.button_submit_next:focus, .info.button_submit_back:focus, .info.button_submit:focus, .info.button_sns:focus, .info.button_edit:focus, .info.button_next:focus, .info.button_back:focus, .info.button_unsubscribe:focus, .info.button_back_large:focus, .info.button_address:focus, .info.button_sign:focus, .info.btnLv01:focus {
      background-color: #61b6d9; }
    button.info:hover, button.info:focus, .button.info:hover, .info.button_small:hover, .info.button_medium:hover, .info.button_add_user:hover, .info.button_remove_user:hover, .info.btnLv01S:hover, .info.button_mail_project:hover, .info.button_action:hover, .info.button_submit_next:hover, .info.button_submit_back:hover, .info.button_submit:hover, .info.button_sns:hover, .info.button_edit:hover, .info.button_next:hover, .info.button_back:hover, .info.button_unsubscribe:hover, .info.button_back_large:hover, .info.button_address:hover, .info.button_sign:hover, .info.btnLv01:hover, .button.info:focus, .info.button_small:focus, .info.button_medium:focus, .info.button_add_user:focus, .info.button_remove_user:focus, .info.btnLv01S:focus, .info.button_mail_project:focus, .info.button_action:focus, .info.button_submit_next:focus, .info.button_submit_back:focus, .info.button_submit:focus, .info.button_sns:focus, .info.button_edit:focus, .info.button_next:focus, .info.button_back:focus, .info.button_unsubscribe:focus, .info.button_back_large:focus, .info.button_address:focus, .info.button_sign:focus, .info.btnLv01:focus {
      color: #FFFFFF; }
  button.large, .button.large, .large.button_small, .large.button_medium, .large.button_add_user, .large.button_remove_user, .large.btnLv01S, .large.button_mail_project, .large.button_action, .large.button_submit_next, .large.button_submit_back, .large.button_submit, .large.button_sns, .large.button_edit, .large.button_next, .large.button_back, .large.button_unsubscribe, .large.button_back_large, .large.button_address, .large.button_sign, .large.btnLv01 {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small, .small.button_small, .small.button_medium, .small.button_add_user, .small.button_remove_user, .small.btnLv01S, .small.button_mail_project, .small.button_action, .small.button_submit_next, .small.button_submit_back, .small.button_submit, .small.button_sns, .small.button_edit, .small.button_next, .small.button_back, .small.button_unsubscribe, .small.button_back_large, .small.button_address, .small.button_sign, .small.btnLv01 {
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny, .tiny.button_small, .tiny.button_medium, .tiny.button_add_user, .tiny.button_remove_user, .tiny.btnLv01S, .tiny.button_mail_project, .tiny.button_action, .tiny.button_submit_next, .tiny.button_submit_back, .tiny.button_submit, .tiny.button_sns, .tiny.button_edit, .tiny.button_next, .tiny.button_back, .tiny.button_unsubscribe, .tiny.button_back_large, .tiny.button_address, .tiny.button_sign, .tiny.btnLv01 {
    padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand, .expand.button_small, .expand.button_medium, .expand.button_add_user, .expand.button_remove_user, .expand.btnLv01S, .expand.button_mail_project, .expand.button_action, .expand.button_submit_next, .expand.button_submit_back, .expand.button_submit, .expand.button_sns, .expand.button_edit, .expand.button_next, .expand.button_back, .expand.button_unsubscribe, .expand.button_back_large, .expand.button_address, .expand.button_sign, .expand.btnLv01 {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%; }
  button.left-align, .button.left-align, .left-align.button_small, .left-align.button_medium, .left-align.button_add_user, .left-align.button_remove_user, .left-align.btnLv01S, .left-align.button_mail_project, .left-align.button_action, .left-align.button_submit_next, .left-align.button_submit_back, .left-align.button_submit, .left-align.button_sns, .left-align.button_edit, .left-align.button_next, .left-align.button_back, .left-align.button_unsubscribe, .left-align.button_back_large, .left-align.button_address, .left-align.button_sign, .left-align.btnLv01 {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align, .right-align.button_small, .right-align.button_medium, .right-align.button_add_user, .right-align.button_remove_user, .right-align.btnLv01S, .right-align.button_mail_project, .right-align.button_action, .right-align.button_submit_next, .right-align.button_submit_back, .right-align.button_submit, .right-align.button_sns, .right-align.button_edit, .right-align.button_next, .right-align.button_back, .right-align.button_unsubscribe, .right-align.button_back_large, .right-align.button_address, .right-align.button_sign, .right-align.btnLv01 {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius, .radius.button_small, .radius.button_medium, .radius.button_add_user, .radius.button_remove_user, .radius.btnLv01S, .radius.button_mail_project, .radius.button_action, .radius.button_submit_next, .radius.button_submit_back, .radius.button_submit, .radius.button_sns, .radius.button_edit, .radius.button_next, .radius.button_back, .radius.button_unsubscribe, .radius.button_back_large, .radius.button_address, .radius.button_sign, .radius.btnLv01 {
    border-radius: 3px; }
  button.round, .button.round, .round.button_small, .round.button_medium, .round.button_add_user, .round.button_remove_user, .round.btnLv01S, .round.button_mail_project, .round.button_action, .round.button_submit_next, .round.button_submit_back, .round.button_submit, .round.button_sns, .round.button_edit, .round.button_next, .round.button_back, .round.button_unsubscribe, .round.button_back_large, .round.button_address, .round.button_sign, .round.btnLv01 {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .disabled.button_small, .disabled.button_medium, .disabled.button_add_user, .disabled.button_remove_user, .disabled.btnLv01S, .disabled.button_mail_project, .disabled.button_action, .disabled.button_submit_next, .disabled.button_submit_back, .disabled.button_submit, .disabled.button_sns, .disabled.button_edit, .disabled.button_next, .disabled.button_back, .disabled.button_unsubscribe, .disabled.button_back_large, .disabled.button_address, .disabled.button_sign, .disabled.btnLv01, .button[disabled], [disabled].button_small, [disabled].button_medium, [disabled].button_add_user, [disabled].button_remove_user, [disabled].btnLv01S, [disabled].button_mail_project, [disabled].button_action, [disabled].button_submit_next, [disabled].button_submit_back, [disabled].button_submit, [disabled].button_sns, [disabled].button_edit, [disabled].button_next, [disabled].button_back, [disabled].button_unsubscribe, [disabled].button_back_large, [disabled].button_address, [disabled].button_sign, [disabled].btnLv01 {
    background-color: #23242e;
    border-color: #1c1d25;
    color: #FFFFFF;
    box-shadow: none;
    cursor: default;
    opacity: 0.7; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .disabled.button_small:hover, .disabled.button_medium:hover, .disabled.button_add_user:hover, .disabled.button_remove_user:hover, .disabled.btnLv01S:hover, .disabled.button_mail_project:hover, .disabled.button_action:hover, .disabled.button_submit_next:hover, .disabled.button_submit_back:hover, .disabled.button_submit:hover, .disabled.button_sns:hover, .disabled.button_edit:hover, .disabled.button_next:hover, .disabled.button_back:hover, .disabled.button_unsubscribe:hover, .disabled.button_back_large:hover, .disabled.button_address:hover, .disabled.button_sign:hover, .disabled.btnLv01:hover, .button.disabled:focus, .disabled.button_small:focus, .disabled.button_medium:focus, .disabled.button_add_user:focus, .disabled.button_remove_user:focus, .disabled.btnLv01S:focus, .disabled.button_mail_project:focus, .disabled.button_action:focus, .disabled.button_submit_next:focus, .disabled.button_submit_back:focus, .disabled.button_submit:focus, .disabled.button_sns:focus, .disabled.button_edit:focus, .disabled.button_next:focus, .disabled.button_back:focus, .disabled.button_unsubscribe:focus, .disabled.button_back_large:focus, .disabled.button_address:focus, .disabled.button_sign:focus, .disabled.btnLv01:focus, .button[disabled]:hover, [disabled].button_small:hover, [disabled].button_medium:hover, [disabled].button_add_user:hover, [disabled].button_remove_user:hover, [disabled].btnLv01S:hover, [disabled].button_mail_project:hover, [disabled].button_action:hover, [disabled].button_submit_next:hover, [disabled].button_submit_back:hover, [disabled].button_submit:hover, [disabled].button_sns:hover, [disabled].button_edit:hover, [disabled].button_next:hover, [disabled].button_back:hover, [disabled].button_unsubscribe:hover, [disabled].button_back_large:hover, [disabled].button_address:hover, [disabled].button_sign:hover, [disabled].btnLv01:hover, .button[disabled]:focus, [disabled].button_small:focus, [disabled].button_medium:focus, [disabled].button_add_user:focus, [disabled].button_remove_user:focus, [disabled].btnLv01S:focus, [disabled].button_mail_project:focus, [disabled].button_action:focus, [disabled].button_submit_next:focus, [disabled].button_submit_back:focus, [disabled].button_submit:focus, [disabled].button_sns:focus, [disabled].button_edit:focus, [disabled].button_next:focus, [disabled].button_back:focus, [disabled].button_unsubscribe:focus, [disabled].button_back_large:focus, [disabled].button_address:focus, [disabled].button_sign:focus, [disabled].btnLv01:focus {
      background-color: #1c1d25; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .disabled.button_small:hover, .disabled.button_medium:hover, .disabled.button_add_user:hover, .disabled.button_remove_user:hover, .disabled.btnLv01S:hover, .disabled.button_mail_project:hover, .disabled.button_action:hover, .disabled.button_submit_next:hover, .disabled.button_submit_back:hover, .disabled.button_submit:hover, .disabled.button_sns:hover, .disabled.button_edit:hover, .disabled.button_next:hover, .disabled.button_back:hover, .disabled.button_unsubscribe:hover, .disabled.button_back_large:hover, .disabled.button_address:hover, .disabled.button_sign:hover, .disabled.btnLv01:hover, .button.disabled:focus, .disabled.button_small:focus, .disabled.button_medium:focus, .disabled.button_add_user:focus, .disabled.button_remove_user:focus, .disabled.btnLv01S:focus, .disabled.button_mail_project:focus, .disabled.button_action:focus, .disabled.button_submit_next:focus, .disabled.button_submit_back:focus, .disabled.button_submit:focus, .disabled.button_sns:focus, .disabled.button_edit:focus, .disabled.button_next:focus, .disabled.button_back:focus, .disabled.button_unsubscribe:focus, .disabled.button_back_large:focus, .disabled.button_address:focus, .disabled.button_sign:focus, .disabled.btnLv01:focus, .button[disabled]:hover, [disabled].button_small:hover, [disabled].button_medium:hover, [disabled].button_add_user:hover, [disabled].button_remove_user:hover, [disabled].btnLv01S:hover, [disabled].button_mail_project:hover, [disabled].button_action:hover, [disabled].button_submit_next:hover, [disabled].button_submit_back:hover, [disabled].button_submit:hover, [disabled].button_sns:hover, [disabled].button_edit:hover, [disabled].button_next:hover, [disabled].button_back:hover, [disabled].button_unsubscribe:hover, [disabled].button_back_large:hover, [disabled].button_address:hover, [disabled].button_sign:hover, [disabled].btnLv01:hover, .button[disabled]:focus, [disabled].button_small:focus, [disabled].button_medium:focus, [disabled].button_add_user:focus, [disabled].button_remove_user:focus, [disabled].btnLv01S:focus, [disabled].button_mail_project:focus, [disabled].button_action:focus, [disabled].button_submit_next:focus, [disabled].button_submit_back:focus, [disabled].button_submit:focus, [disabled].button_sns:focus, [disabled].button_edit:focus, [disabled].button_next:focus, [disabled].button_back:focus, [disabled].button_unsubscribe:focus, [disabled].button_back_large:focus, [disabled].button_address:focus, [disabled].button_sign:focus, [disabled].btnLv01:focus {
      color: #FFFFFF; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .disabled.button_small:hover, .disabled.button_medium:hover, .disabled.button_add_user:hover, .disabled.button_remove_user:hover, .disabled.btnLv01S:hover, .disabled.button_mail_project:hover, .disabled.button_action:hover, .disabled.button_submit_next:hover, .disabled.button_submit_back:hover, .disabled.button_submit:hover, .disabled.button_sns:hover, .disabled.button_edit:hover, .disabled.button_next:hover, .disabled.button_back:hover, .disabled.button_unsubscribe:hover, .disabled.button_back_large:hover, .disabled.button_address:hover, .disabled.button_sign:hover, .disabled.btnLv01:hover, .button.disabled:focus, .disabled.button_small:focus, .disabled.button_medium:focus, .disabled.button_add_user:focus, .disabled.button_remove_user:focus, .disabled.btnLv01S:focus, .disabled.button_mail_project:focus, .disabled.button_action:focus, .disabled.button_submit_next:focus, .disabled.button_submit_back:focus, .disabled.button_submit:focus, .disabled.button_sns:focus, .disabled.button_edit:focus, .disabled.button_next:focus, .disabled.button_back:focus, .disabled.button_unsubscribe:focus, .disabled.button_back_large:focus, .disabled.button_address:focus, .disabled.button_sign:focus, .disabled.btnLv01:focus, .button[disabled]:hover, [disabled].button_small:hover, [disabled].button_medium:hover, [disabled].button_add_user:hover, [disabled].button_remove_user:hover, [disabled].btnLv01S:hover, [disabled].button_mail_project:hover, [disabled].button_action:hover, [disabled].button_submit_next:hover, [disabled].button_submit_back:hover, [disabled].button_submit:hover, [disabled].button_sns:hover, [disabled].button_edit:hover, [disabled].button_next:hover, [disabled].button_back:hover, [disabled].button_unsubscribe:hover, [disabled].button_back_large:hover, [disabled].button_address:hover, [disabled].button_sign:hover, [disabled].btnLv01:hover, .button[disabled]:focus, [disabled].button_small:focus, [disabled].button_medium:focus, [disabled].button_add_user:focus, [disabled].button_remove_user:focus, [disabled].btnLv01S:focus, [disabled].button_mail_project:focus, [disabled].button_action:focus, [disabled].button_submit_next:focus, [disabled].button_submit_back:focus, [disabled].button_submit:focus, [disabled].button_sns:focus, [disabled].button_edit:focus, [disabled].button_next:focus, [disabled].button_back:focus, [disabled].button_unsubscribe:focus, [disabled].button_back_large:focus, [disabled].button_address:focus, [disabled].button_sign:focus, [disabled].btnLv01:focus {
      background-color: #23242e; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .disabled.secondary.button_small, .disabled.secondary.button_medium, .disabled.secondary.button_add_user, .disabled.secondary.button_remove_user, .disabled.secondary.btnLv01S, .disabled.secondary.button_mail_project, .disabled.secondary.button_action, .disabled.secondary.button_submit_next, .disabled.secondary.button_submit_back, .disabled.secondary.button_submit, .disabled.secondary.button_sns, .disabled.secondary.button_edit, .disabled.secondary.button_next, .disabled.secondary.button_back, .disabled.secondary.button_unsubscribe, .disabled.secondary.button_back_large, .disabled.secondary.button_address, .disabled.secondary.button_sign, .disabled.secondary.btnLv01, .button[disabled].secondary, [disabled].secondary.button_small, [disabled].secondary.button_medium, [disabled].secondary.button_add_user, [disabled].secondary.button_remove_user, [disabled].secondary.btnLv01S, [disabled].secondary.button_mail_project, [disabled].secondary.button_action, [disabled].secondary.button_submit_next, [disabled].secondary.button_submit_back, [disabled].secondary.button_submit, [disabled].secondary.button_sns, [disabled].secondary.button_edit, [disabled].secondary.button_next, [disabled].secondary.button_back, [disabled].secondary.button_unsubscribe, [disabled].secondary.button_back_large, [disabled].secondary.button_address, [disabled].secondary.button_sign, [disabled].secondary.btnLv01 {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .disabled.secondary.button_small:hover, .disabled.secondary.button_medium:hover, .disabled.secondary.button_add_user:hover, .disabled.secondary.button_remove_user:hover, .disabled.secondary.btnLv01S:hover, .disabled.secondary.button_mail_project:hover, .disabled.secondary.button_action:hover, .disabled.secondary.button_submit_next:hover, .disabled.secondary.button_submit_back:hover, .disabled.secondary.button_submit:hover, .disabled.secondary.button_sns:hover, .disabled.secondary.button_edit:hover, .disabled.secondary.button_next:hover, .disabled.secondary.button_back:hover, .disabled.secondary.button_unsubscribe:hover, .disabled.secondary.button_back_large:hover, .disabled.secondary.button_address:hover, .disabled.secondary.button_sign:hover, .disabled.secondary.btnLv01:hover, .button.disabled.secondary:focus, .disabled.secondary.button_small:focus, .disabled.secondary.button_medium:focus, .disabled.secondary.button_add_user:focus, .disabled.secondary.button_remove_user:focus, .disabled.secondary.btnLv01S:focus, .disabled.secondary.button_mail_project:focus, .disabled.secondary.button_action:focus, .disabled.secondary.button_submit_next:focus, .disabled.secondary.button_submit_back:focus, .disabled.secondary.button_submit:focus, .disabled.secondary.button_sns:focus, .disabled.secondary.button_edit:focus, .disabled.secondary.button_next:focus, .disabled.secondary.button_back:focus, .disabled.secondary.button_unsubscribe:focus, .disabled.secondary.button_back_large:focus, .disabled.secondary.button_address:focus, .disabled.secondary.button_sign:focus, .disabled.secondary.btnLv01:focus, .button[disabled].secondary:hover, [disabled].secondary.button_small:hover, [disabled].secondary.button_medium:hover, [disabled].secondary.button_add_user:hover, [disabled].secondary.button_remove_user:hover, [disabled].secondary.btnLv01S:hover, [disabled].secondary.button_mail_project:hover, [disabled].secondary.button_action:hover, [disabled].secondary.button_submit_next:hover, [disabled].secondary.button_submit_back:hover, [disabled].secondary.button_submit:hover, [disabled].secondary.button_sns:hover, [disabled].secondary.button_edit:hover, [disabled].secondary.button_next:hover, [disabled].secondary.button_back:hover, [disabled].secondary.button_unsubscribe:hover, [disabled].secondary.button_back_large:hover, [disabled].secondary.button_address:hover, [disabled].secondary.button_sign:hover, [disabled].secondary.btnLv01:hover, .button[disabled].secondary:focus, [disabled].secondary.button_small:focus, [disabled].secondary.button_medium:focus, [disabled].secondary.button_add_user:focus, [disabled].secondary.button_remove_user:focus, [disabled].secondary.btnLv01S:focus, [disabled].secondary.button_mail_project:focus, [disabled].secondary.button_action:focus, [disabled].secondary.button_submit_next:focus, [disabled].secondary.button_submit_back:focus, [disabled].secondary.button_submit:focus, [disabled].secondary.button_sns:focus, [disabled].secondary.button_edit:focus, [disabled].secondary.button_next:focus, [disabled].secondary.button_back:focus, [disabled].secondary.button_unsubscribe:focus, [disabled].secondary.button_back_large:focus, [disabled].secondary.button_address:focus, [disabled].secondary.button_sign:focus, [disabled].secondary.btnLv01:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .disabled.secondary.button_small:hover, .disabled.secondary.button_medium:hover, .disabled.secondary.button_add_user:hover, .disabled.secondary.button_remove_user:hover, .disabled.secondary.btnLv01S:hover, .disabled.secondary.button_mail_project:hover, .disabled.secondary.button_action:hover, .disabled.secondary.button_submit_next:hover, .disabled.secondary.button_submit_back:hover, .disabled.secondary.button_submit:hover, .disabled.secondary.button_sns:hover, .disabled.secondary.button_edit:hover, .disabled.secondary.button_next:hover, .disabled.secondary.button_back:hover, .disabled.secondary.button_unsubscribe:hover, .disabled.secondary.button_back_large:hover, .disabled.secondary.button_address:hover, .disabled.secondary.button_sign:hover, .disabled.secondary.btnLv01:hover, .button.disabled.secondary:focus, .disabled.secondary.button_small:focus, .disabled.secondary.button_medium:focus, .disabled.secondary.button_add_user:focus, .disabled.secondary.button_remove_user:focus, .disabled.secondary.btnLv01S:focus, .disabled.secondary.button_mail_project:focus, .disabled.secondary.button_action:focus, .disabled.secondary.button_submit_next:focus, .disabled.secondary.button_submit_back:focus, .disabled.secondary.button_submit:focus, .disabled.secondary.button_sns:focus, .disabled.secondary.button_edit:focus, .disabled.secondary.button_next:focus, .disabled.secondary.button_back:focus, .disabled.secondary.button_unsubscribe:focus, .disabled.secondary.button_back_large:focus, .disabled.secondary.button_address:focus, .disabled.secondary.button_sign:focus, .disabled.secondary.btnLv01:focus, .button[disabled].secondary:hover, [disabled].secondary.button_small:hover, [disabled].secondary.button_medium:hover, [disabled].secondary.button_add_user:hover, [disabled].secondary.button_remove_user:hover, [disabled].secondary.btnLv01S:hover, [disabled].secondary.button_mail_project:hover, [disabled].secondary.button_action:hover, [disabled].secondary.button_submit_next:hover, [disabled].secondary.button_submit_back:hover, [disabled].secondary.button_submit:hover, [disabled].secondary.button_sns:hover, [disabled].secondary.button_edit:hover, [disabled].secondary.button_next:hover, [disabled].secondary.button_back:hover, [disabled].secondary.button_unsubscribe:hover, [disabled].secondary.button_back_large:hover, [disabled].secondary.button_address:hover, [disabled].secondary.button_sign:hover, [disabled].secondary.btnLv01:hover, .button[disabled].secondary:focus, [disabled].secondary.button_small:focus, [disabled].secondary.button_medium:focus, [disabled].secondary.button_add_user:focus, [disabled].secondary.button_remove_user:focus, [disabled].secondary.btnLv01S:focus, [disabled].secondary.button_mail_project:focus, [disabled].secondary.button_action:focus, [disabled].secondary.button_submit_next:focus, [disabled].secondary.button_submit_back:focus, [disabled].secondary.button_submit:focus, [disabled].secondary.button_sns:focus, [disabled].secondary.button_edit:focus, [disabled].secondary.button_next:focus, [disabled].secondary.button_back:focus, [disabled].secondary.button_unsubscribe:focus, [disabled].secondary.button_back_large:focus, [disabled].secondary.button_address:focus, [disabled].secondary.button_sign:focus, [disabled].secondary.btnLv01:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .disabled.secondary.button_small:hover, .disabled.secondary.button_medium:hover, .disabled.secondary.button_add_user:hover, .disabled.secondary.button_remove_user:hover, .disabled.secondary.btnLv01S:hover, .disabled.secondary.button_mail_project:hover, .disabled.secondary.button_action:hover, .disabled.secondary.button_submit_next:hover, .disabled.secondary.button_submit_back:hover, .disabled.secondary.button_submit:hover, .disabled.secondary.button_sns:hover, .disabled.secondary.button_edit:hover, .disabled.secondary.button_next:hover, .disabled.secondary.button_back:hover, .disabled.secondary.button_unsubscribe:hover, .disabled.secondary.button_back_large:hover, .disabled.secondary.button_address:hover, .disabled.secondary.button_sign:hover, .disabled.secondary.btnLv01:hover, .button.disabled.secondary:focus, .disabled.secondary.button_small:focus, .disabled.secondary.button_medium:focus, .disabled.secondary.button_add_user:focus, .disabled.secondary.button_remove_user:focus, .disabled.secondary.btnLv01S:focus, .disabled.secondary.button_mail_project:focus, .disabled.secondary.button_action:focus, .disabled.secondary.button_submit_next:focus, .disabled.secondary.button_submit_back:focus, .disabled.secondary.button_submit:focus, .disabled.secondary.button_sns:focus, .disabled.secondary.button_edit:focus, .disabled.secondary.button_next:focus, .disabled.secondary.button_back:focus, .disabled.secondary.button_unsubscribe:focus, .disabled.secondary.button_back_large:focus, .disabled.secondary.button_address:focus, .disabled.secondary.button_sign:focus, .disabled.secondary.btnLv01:focus, .button[disabled].secondary:hover, [disabled].secondary.button_small:hover, [disabled].secondary.button_medium:hover, [disabled].secondary.button_add_user:hover, [disabled].secondary.button_remove_user:hover, [disabled].secondary.btnLv01S:hover, [disabled].secondary.button_mail_project:hover, [disabled].secondary.button_action:hover, [disabled].secondary.button_submit_next:hover, [disabled].secondary.button_submit_back:hover, [disabled].secondary.button_submit:hover, [disabled].secondary.button_sns:hover, [disabled].secondary.button_edit:hover, [disabled].secondary.button_next:hover, [disabled].secondary.button_back:hover, [disabled].secondary.button_unsubscribe:hover, [disabled].secondary.button_back_large:hover, [disabled].secondary.button_address:hover, [disabled].secondary.button_sign:hover, [disabled].secondary.btnLv01:hover, .button[disabled].secondary:focus, [disabled].secondary.button_small:focus, [disabled].secondary.button_medium:focus, [disabled].secondary.button_add_user:focus, [disabled].secondary.button_remove_user:focus, [disabled].secondary.btnLv01S:focus, [disabled].secondary.button_mail_project:focus, [disabled].secondary.button_action:focus, [disabled].secondary.button_submit_next:focus, [disabled].secondary.button_submit_back:focus, [disabled].secondary.button_submit:focus, [disabled].secondary.button_sns:focus, [disabled].secondary.button_edit:focus, [disabled].secondary.button_next:focus, [disabled].secondary.button_back:focus, [disabled].secondary.button_unsubscribe:focus, [disabled].secondary.button_back_large:focus, [disabled].secondary.button_address:focus, [disabled].secondary.button_sign:focus, [disabled].secondary.btnLv01:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .disabled.success.button_small, .disabled.success.button_medium, .disabled.success.button_add_user, .disabled.success.button_remove_user, .disabled.success.btnLv01S, .disabled.success.button_mail_project, .disabled.success.button_action, .disabled.success.button_submit_next, .disabled.success.button_submit_back, .disabled.success.button_submit, .disabled.success.button_sns, .disabled.success.button_edit, .disabled.success.button_next, .disabled.success.button_back, .disabled.success.button_unsubscribe, .disabled.success.button_back_large, .disabled.success.button_address, .disabled.success.button_sign, .disabled.success.btnLv01, .button[disabled].success, [disabled].success.button_small, [disabled].success.button_medium, [disabled].success.button_add_user, [disabled].success.button_remove_user, [disabled].success.btnLv01S, [disabled].success.button_mail_project, [disabled].success.button_action, [disabled].success.button_submit_next, [disabled].success.button_submit_back, [disabled].success.button_submit, [disabled].success.button_sns, [disabled].success.button_edit, [disabled].success.button_next, [disabled].success.button_back, [disabled].success.button_unsubscribe, [disabled].success.button_back_large, [disabled].success.button_address, [disabled].success.button_sign, [disabled].success.btnLv01 {
      background-color: #43AC6A;
      border-color: #368a55;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .disabled.success.button_small:hover, .disabled.success.button_medium:hover, .disabled.success.button_add_user:hover, .disabled.success.button_remove_user:hover, .disabled.success.btnLv01S:hover, .disabled.success.button_mail_project:hover, .disabled.success.button_action:hover, .disabled.success.button_submit_next:hover, .disabled.success.button_submit_back:hover, .disabled.success.button_submit:hover, .disabled.success.button_sns:hover, .disabled.success.button_edit:hover, .disabled.success.button_next:hover, .disabled.success.button_back:hover, .disabled.success.button_unsubscribe:hover, .disabled.success.button_back_large:hover, .disabled.success.button_address:hover, .disabled.success.button_sign:hover, .disabled.success.btnLv01:hover, .button.disabled.success:focus, .disabled.success.button_small:focus, .disabled.success.button_medium:focus, .disabled.success.button_add_user:focus, .disabled.success.button_remove_user:focus, .disabled.success.btnLv01S:focus, .disabled.success.button_mail_project:focus, .disabled.success.button_action:focus, .disabled.success.button_submit_next:focus, .disabled.success.button_submit_back:focus, .disabled.success.button_submit:focus, .disabled.success.button_sns:focus, .disabled.success.button_edit:focus, .disabled.success.button_next:focus, .disabled.success.button_back:focus, .disabled.success.button_unsubscribe:focus, .disabled.success.button_back_large:focus, .disabled.success.button_address:focus, .disabled.success.button_sign:focus, .disabled.success.btnLv01:focus, .button[disabled].success:hover, [disabled].success.button_small:hover, [disabled].success.button_medium:hover, [disabled].success.button_add_user:hover, [disabled].success.button_remove_user:hover, [disabled].success.btnLv01S:hover, [disabled].success.button_mail_project:hover, [disabled].success.button_action:hover, [disabled].success.button_submit_next:hover, [disabled].success.button_submit_back:hover, [disabled].success.button_submit:hover, [disabled].success.button_sns:hover, [disabled].success.button_edit:hover, [disabled].success.button_next:hover, [disabled].success.button_back:hover, [disabled].success.button_unsubscribe:hover, [disabled].success.button_back_large:hover, [disabled].success.button_address:hover, [disabled].success.button_sign:hover, [disabled].success.btnLv01:hover, .button[disabled].success:focus, [disabled].success.button_small:focus, [disabled].success.button_medium:focus, [disabled].success.button_add_user:focus, [disabled].success.button_remove_user:focus, [disabled].success.btnLv01S:focus, [disabled].success.button_mail_project:focus, [disabled].success.button_action:focus, [disabled].success.button_submit_next:focus, [disabled].success.button_submit_back:focus, [disabled].success.button_submit:focus, [disabled].success.button_sns:focus, [disabled].success.button_edit:focus, [disabled].success.button_next:focus, [disabled].success.button_back:focus, [disabled].success.button_unsubscribe:focus, [disabled].success.button_back_large:focus, [disabled].success.button_address:focus, [disabled].success.button_sign:focus, [disabled].success.btnLv01:focus {
        background-color: #368a55; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .disabled.success.button_small:hover, .disabled.success.button_medium:hover, .disabled.success.button_add_user:hover, .disabled.success.button_remove_user:hover, .disabled.success.btnLv01S:hover, .disabled.success.button_mail_project:hover, .disabled.success.button_action:hover, .disabled.success.button_submit_next:hover, .disabled.success.button_submit_back:hover, .disabled.success.button_submit:hover, .disabled.success.button_sns:hover, .disabled.success.button_edit:hover, .disabled.success.button_next:hover, .disabled.success.button_back:hover, .disabled.success.button_unsubscribe:hover, .disabled.success.button_back_large:hover, .disabled.success.button_address:hover, .disabled.success.button_sign:hover, .disabled.success.btnLv01:hover, .button.disabled.success:focus, .disabled.success.button_small:focus, .disabled.success.button_medium:focus, .disabled.success.button_add_user:focus, .disabled.success.button_remove_user:focus, .disabled.success.btnLv01S:focus, .disabled.success.button_mail_project:focus, .disabled.success.button_action:focus, .disabled.success.button_submit_next:focus, .disabled.success.button_submit_back:focus, .disabled.success.button_submit:focus, .disabled.success.button_sns:focus, .disabled.success.button_edit:focus, .disabled.success.button_next:focus, .disabled.success.button_back:focus, .disabled.success.button_unsubscribe:focus, .disabled.success.button_back_large:focus, .disabled.success.button_address:focus, .disabled.success.button_sign:focus, .disabled.success.btnLv01:focus, .button[disabled].success:hover, [disabled].success.button_small:hover, [disabled].success.button_medium:hover, [disabled].success.button_add_user:hover, [disabled].success.button_remove_user:hover, [disabled].success.btnLv01S:hover, [disabled].success.button_mail_project:hover, [disabled].success.button_action:hover, [disabled].success.button_submit_next:hover, [disabled].success.button_submit_back:hover, [disabled].success.button_submit:hover, [disabled].success.button_sns:hover, [disabled].success.button_edit:hover, [disabled].success.button_next:hover, [disabled].success.button_back:hover, [disabled].success.button_unsubscribe:hover, [disabled].success.button_back_large:hover, [disabled].success.button_address:hover, [disabled].success.button_sign:hover, [disabled].success.btnLv01:hover, .button[disabled].success:focus, [disabled].success.button_small:focus, [disabled].success.button_medium:focus, [disabled].success.button_add_user:focus, [disabled].success.button_remove_user:focus, [disabled].success.btnLv01S:focus, [disabled].success.button_mail_project:focus, [disabled].success.button_action:focus, [disabled].success.button_submit_next:focus, [disabled].success.button_submit_back:focus, [disabled].success.button_submit:focus, [disabled].success.button_sns:focus, [disabled].success.button_edit:focus, [disabled].success.button_next:focus, [disabled].success.button_back:focus, [disabled].success.button_unsubscribe:focus, [disabled].success.button_back_large:focus, [disabled].success.button_address:focus, [disabled].success.button_sign:focus, [disabled].success.btnLv01:focus {
        color: #FFFFFF; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .disabled.success.button_small:hover, .disabled.success.button_medium:hover, .disabled.success.button_add_user:hover, .disabled.success.button_remove_user:hover, .disabled.success.btnLv01S:hover, .disabled.success.button_mail_project:hover, .disabled.success.button_action:hover, .disabled.success.button_submit_next:hover, .disabled.success.button_submit_back:hover, .disabled.success.button_submit:hover, .disabled.success.button_sns:hover, .disabled.success.button_edit:hover, .disabled.success.button_next:hover, .disabled.success.button_back:hover, .disabled.success.button_unsubscribe:hover, .disabled.success.button_back_large:hover, .disabled.success.button_address:hover, .disabled.success.button_sign:hover, .disabled.success.btnLv01:hover, .button.disabled.success:focus, .disabled.success.button_small:focus, .disabled.success.button_medium:focus, .disabled.success.button_add_user:focus, .disabled.success.button_remove_user:focus, .disabled.success.btnLv01S:focus, .disabled.success.button_mail_project:focus, .disabled.success.button_action:focus, .disabled.success.button_submit_next:focus, .disabled.success.button_submit_back:focus, .disabled.success.button_submit:focus, .disabled.success.button_sns:focus, .disabled.success.button_edit:focus, .disabled.success.button_next:focus, .disabled.success.button_back:focus, .disabled.success.button_unsubscribe:focus, .disabled.success.button_back_large:focus, .disabled.success.button_address:focus, .disabled.success.button_sign:focus, .disabled.success.btnLv01:focus, .button[disabled].success:hover, [disabled].success.button_small:hover, [disabled].success.button_medium:hover, [disabled].success.button_add_user:hover, [disabled].success.button_remove_user:hover, [disabled].success.btnLv01S:hover, [disabled].success.button_mail_project:hover, [disabled].success.button_action:hover, [disabled].success.button_submit_next:hover, [disabled].success.button_submit_back:hover, [disabled].success.button_submit:hover, [disabled].success.button_sns:hover, [disabled].success.button_edit:hover, [disabled].success.button_next:hover, [disabled].success.button_back:hover, [disabled].success.button_unsubscribe:hover, [disabled].success.button_back_large:hover, [disabled].success.button_address:hover, [disabled].success.button_sign:hover, [disabled].success.btnLv01:hover, .button[disabled].success:focus, [disabled].success.button_small:focus, [disabled].success.button_medium:focus, [disabled].success.button_add_user:focus, [disabled].success.button_remove_user:focus, [disabled].success.btnLv01S:focus, [disabled].success.button_mail_project:focus, [disabled].success.button_action:focus, [disabled].success.button_submit_next:focus, [disabled].success.button_submit_back:focus, [disabled].success.button_submit:focus, [disabled].success.button_sns:focus, [disabled].success.button_edit:focus, [disabled].success.button_next:focus, [disabled].success.button_back:focus, [disabled].success.button_unsubscribe:focus, [disabled].success.button_back_large:focus, [disabled].success.button_address:focus, [disabled].success.button_sign:focus, [disabled].success.btnLv01:focus {
        background-color: #43AC6A; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .disabled.alert.button_small, .disabled.alert.button_medium, .disabled.alert.button_add_user, .disabled.alert.button_remove_user, .disabled.alert.btnLv01S, .disabled.alert.button_mail_project, .disabled.alert.button_action, .disabled.alert.button_submit_next, .disabled.alert.button_submit_back, .disabled.alert.button_submit, .disabled.alert.button_sns, .disabled.alert.button_edit, .disabled.alert.button_next, .disabled.alert.button_back, .disabled.alert.button_unsubscribe, .disabled.alert.button_back_large, .disabled.alert.button_address, .disabled.alert.button_sign, .disabled.alert.btnLv01, .button[disabled].alert, [disabled].alert.button_small, [disabled].alert.button_medium, [disabled].alert.button_add_user, [disabled].alert.button_remove_user, [disabled].alert.btnLv01S, [disabled].alert.button_mail_project, [disabled].alert.button_action, [disabled].alert.button_submit_next, [disabled].alert.button_submit_back, [disabled].alert.button_submit, [disabled].alert.button_sns, [disabled].alert.button_edit, [disabled].alert.button_next, [disabled].alert.button_back, [disabled].alert.button_unsubscribe, [disabled].alert.button_back_large, [disabled].alert.button_address, [disabled].alert.button_sign, [disabled].alert.btnLv01 {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .disabled.alert.button_small:hover, .disabled.alert.button_medium:hover, .disabled.alert.button_add_user:hover, .disabled.alert.button_remove_user:hover, .disabled.alert.btnLv01S:hover, .disabled.alert.button_mail_project:hover, .disabled.alert.button_action:hover, .disabled.alert.button_submit_next:hover, .disabled.alert.button_submit_back:hover, .disabled.alert.button_submit:hover, .disabled.alert.button_sns:hover, .disabled.alert.button_edit:hover, .disabled.alert.button_next:hover, .disabled.alert.button_back:hover, .disabled.alert.button_unsubscribe:hover, .disabled.alert.button_back_large:hover, .disabled.alert.button_address:hover, .disabled.alert.button_sign:hover, .disabled.alert.btnLv01:hover, .button.disabled.alert:focus, .disabled.alert.button_small:focus, .disabled.alert.button_medium:focus, .disabled.alert.button_add_user:focus, .disabled.alert.button_remove_user:focus, .disabled.alert.btnLv01S:focus, .disabled.alert.button_mail_project:focus, .disabled.alert.button_action:focus, .disabled.alert.button_submit_next:focus, .disabled.alert.button_submit_back:focus, .disabled.alert.button_submit:focus, .disabled.alert.button_sns:focus, .disabled.alert.button_edit:focus, .disabled.alert.button_next:focus, .disabled.alert.button_back:focus, .disabled.alert.button_unsubscribe:focus, .disabled.alert.button_back_large:focus, .disabled.alert.button_address:focus, .disabled.alert.button_sign:focus, .disabled.alert.btnLv01:focus, .button[disabled].alert:hover, [disabled].alert.button_small:hover, [disabled].alert.button_medium:hover, [disabled].alert.button_add_user:hover, [disabled].alert.button_remove_user:hover, [disabled].alert.btnLv01S:hover, [disabled].alert.button_mail_project:hover, [disabled].alert.button_action:hover, [disabled].alert.button_submit_next:hover, [disabled].alert.button_submit_back:hover, [disabled].alert.button_submit:hover, [disabled].alert.button_sns:hover, [disabled].alert.button_edit:hover, [disabled].alert.button_next:hover, [disabled].alert.button_back:hover, [disabled].alert.button_unsubscribe:hover, [disabled].alert.button_back_large:hover, [disabled].alert.button_address:hover, [disabled].alert.button_sign:hover, [disabled].alert.btnLv01:hover, .button[disabled].alert:focus, [disabled].alert.button_small:focus, [disabled].alert.button_medium:focus, [disabled].alert.button_add_user:focus, [disabled].alert.button_remove_user:focus, [disabled].alert.btnLv01S:focus, [disabled].alert.button_mail_project:focus, [disabled].alert.button_action:focus, [disabled].alert.button_submit_next:focus, [disabled].alert.button_submit_back:focus, [disabled].alert.button_submit:focus, [disabled].alert.button_sns:focus, [disabled].alert.button_edit:focus, [disabled].alert.button_next:focus, [disabled].alert.button_back:focus, [disabled].alert.button_unsubscribe:focus, [disabled].alert.button_back_large:focus, [disabled].alert.button_address:focus, [disabled].alert.button_sign:focus, [disabled].alert.btnLv01:focus {
        background-color: #cf2a0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .disabled.alert.button_small:hover, .disabled.alert.button_medium:hover, .disabled.alert.button_add_user:hover, .disabled.alert.button_remove_user:hover, .disabled.alert.btnLv01S:hover, .disabled.alert.button_mail_project:hover, .disabled.alert.button_action:hover, .disabled.alert.button_submit_next:hover, .disabled.alert.button_submit_back:hover, .disabled.alert.button_submit:hover, .disabled.alert.button_sns:hover, .disabled.alert.button_edit:hover, .disabled.alert.button_next:hover, .disabled.alert.button_back:hover, .disabled.alert.button_unsubscribe:hover, .disabled.alert.button_back_large:hover, .disabled.alert.button_address:hover, .disabled.alert.button_sign:hover, .disabled.alert.btnLv01:hover, .button.disabled.alert:focus, .disabled.alert.button_small:focus, .disabled.alert.button_medium:focus, .disabled.alert.button_add_user:focus, .disabled.alert.button_remove_user:focus, .disabled.alert.btnLv01S:focus, .disabled.alert.button_mail_project:focus, .disabled.alert.button_action:focus, .disabled.alert.button_submit_next:focus, .disabled.alert.button_submit_back:focus, .disabled.alert.button_submit:focus, .disabled.alert.button_sns:focus, .disabled.alert.button_edit:focus, .disabled.alert.button_next:focus, .disabled.alert.button_back:focus, .disabled.alert.button_unsubscribe:focus, .disabled.alert.button_back_large:focus, .disabled.alert.button_address:focus, .disabled.alert.button_sign:focus, .disabled.alert.btnLv01:focus, .button[disabled].alert:hover, [disabled].alert.button_small:hover, [disabled].alert.button_medium:hover, [disabled].alert.button_add_user:hover, [disabled].alert.button_remove_user:hover, [disabled].alert.btnLv01S:hover, [disabled].alert.button_mail_project:hover, [disabled].alert.button_action:hover, [disabled].alert.button_submit_next:hover, [disabled].alert.button_submit_back:hover, [disabled].alert.button_submit:hover, [disabled].alert.button_sns:hover, [disabled].alert.button_edit:hover, [disabled].alert.button_next:hover, [disabled].alert.button_back:hover, [disabled].alert.button_unsubscribe:hover, [disabled].alert.button_back_large:hover, [disabled].alert.button_address:hover, [disabled].alert.button_sign:hover, [disabled].alert.btnLv01:hover, .button[disabled].alert:focus, [disabled].alert.button_small:focus, [disabled].alert.button_medium:focus, [disabled].alert.button_add_user:focus, [disabled].alert.button_remove_user:focus, [disabled].alert.btnLv01S:focus, [disabled].alert.button_mail_project:focus, [disabled].alert.button_action:focus, [disabled].alert.button_submit_next:focus, [disabled].alert.button_submit_back:focus, [disabled].alert.button_submit:focus, [disabled].alert.button_sns:focus, [disabled].alert.button_edit:focus, [disabled].alert.button_next:focus, [disabled].alert.button_back:focus, [disabled].alert.button_unsubscribe:focus, [disabled].alert.button_back_large:focus, [disabled].alert.button_address:focus, [disabled].alert.button_sign:focus, [disabled].alert.btnLv01:focus {
        color: #FFFFFF; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .disabled.alert.button_small:hover, .disabled.alert.button_medium:hover, .disabled.alert.button_add_user:hover, .disabled.alert.button_remove_user:hover, .disabled.alert.btnLv01S:hover, .disabled.alert.button_mail_project:hover, .disabled.alert.button_action:hover, .disabled.alert.button_submit_next:hover, .disabled.alert.button_submit_back:hover, .disabled.alert.button_submit:hover, .disabled.alert.button_sns:hover, .disabled.alert.button_edit:hover, .disabled.alert.button_next:hover, .disabled.alert.button_back:hover, .disabled.alert.button_unsubscribe:hover, .disabled.alert.button_back_large:hover, .disabled.alert.button_address:hover, .disabled.alert.button_sign:hover, .disabled.alert.btnLv01:hover, .button.disabled.alert:focus, .disabled.alert.button_small:focus, .disabled.alert.button_medium:focus, .disabled.alert.button_add_user:focus, .disabled.alert.button_remove_user:focus, .disabled.alert.btnLv01S:focus, .disabled.alert.button_mail_project:focus, .disabled.alert.button_action:focus, .disabled.alert.button_submit_next:focus, .disabled.alert.button_submit_back:focus, .disabled.alert.button_submit:focus, .disabled.alert.button_sns:focus, .disabled.alert.button_edit:focus, .disabled.alert.button_next:focus, .disabled.alert.button_back:focus, .disabled.alert.button_unsubscribe:focus, .disabled.alert.button_back_large:focus, .disabled.alert.button_address:focus, .disabled.alert.button_sign:focus, .disabled.alert.btnLv01:focus, .button[disabled].alert:hover, [disabled].alert.button_small:hover, [disabled].alert.button_medium:hover, [disabled].alert.button_add_user:hover, [disabled].alert.button_remove_user:hover, [disabled].alert.btnLv01S:hover, [disabled].alert.button_mail_project:hover, [disabled].alert.button_action:hover, [disabled].alert.button_submit_next:hover, [disabled].alert.button_submit_back:hover, [disabled].alert.button_submit:hover, [disabled].alert.button_sns:hover, [disabled].alert.button_edit:hover, [disabled].alert.button_next:hover, [disabled].alert.button_back:hover, [disabled].alert.button_unsubscribe:hover, [disabled].alert.button_back_large:hover, [disabled].alert.button_address:hover, [disabled].alert.button_sign:hover, [disabled].alert.btnLv01:hover, .button[disabled].alert:focus, [disabled].alert.button_small:focus, [disabled].alert.button_medium:focus, [disabled].alert.button_add_user:focus, [disabled].alert.button_remove_user:focus, [disabled].alert.btnLv01S:focus, [disabled].alert.button_mail_project:focus, [disabled].alert.button_action:focus, [disabled].alert.button_submit_next:focus, [disabled].alert.button_submit_back:focus, [disabled].alert.button_submit:focus, [disabled].alert.button_sns:focus, [disabled].alert.button_edit:focus, [disabled].alert.button_next:focus, [disabled].alert.button_back:focus, [disabled].alert.button_unsubscribe:focus, [disabled].alert.button_back_large:focus, [disabled].alert.button_address:focus, [disabled].alert.button_sign:focus, [disabled].alert.btnLv01:focus {
        background-color: #f04124; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .disabled.warning.button_small, .disabled.warning.button_medium, .disabled.warning.button_add_user, .disabled.warning.button_remove_user, .disabled.warning.btnLv01S, .disabled.warning.button_mail_project, .disabled.warning.button_action, .disabled.warning.button_submit_next, .disabled.warning.button_submit_back, .disabled.warning.button_submit, .disabled.warning.button_sns, .disabled.warning.button_edit, .disabled.warning.button_next, .disabled.warning.button_back, .disabled.warning.button_unsubscribe, .disabled.warning.button_back_large, .disabled.warning.button_address, .disabled.warning.button_sign, .disabled.warning.btnLv01, .button[disabled].warning, [disabled].warning.button_small, [disabled].warning.button_medium, [disabled].warning.button_add_user, [disabled].warning.button_remove_user, [disabled].warning.btnLv01S, [disabled].warning.button_mail_project, [disabled].warning.button_action, [disabled].warning.button_submit_next, [disabled].warning.button_submit_back, [disabled].warning.button_submit, [disabled].warning.button_sns, [disabled].warning.button_edit, [disabled].warning.button_next, [disabled].warning.button_back, [disabled].warning.button_unsubscribe, [disabled].warning.button_back_large, [disabled].warning.button_address, [disabled].warning.button_sign, [disabled].warning.btnLv01 {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .disabled.warning.button_small:hover, .disabled.warning.button_medium:hover, .disabled.warning.button_add_user:hover, .disabled.warning.button_remove_user:hover, .disabled.warning.btnLv01S:hover, .disabled.warning.button_mail_project:hover, .disabled.warning.button_action:hover, .disabled.warning.button_submit_next:hover, .disabled.warning.button_submit_back:hover, .disabled.warning.button_submit:hover, .disabled.warning.button_sns:hover, .disabled.warning.button_edit:hover, .disabled.warning.button_next:hover, .disabled.warning.button_back:hover, .disabled.warning.button_unsubscribe:hover, .disabled.warning.button_back_large:hover, .disabled.warning.button_address:hover, .disabled.warning.button_sign:hover, .disabled.warning.btnLv01:hover, .button.disabled.warning:focus, .disabled.warning.button_small:focus, .disabled.warning.button_medium:focus, .disabled.warning.button_add_user:focus, .disabled.warning.button_remove_user:focus, .disabled.warning.btnLv01S:focus, .disabled.warning.button_mail_project:focus, .disabled.warning.button_action:focus, .disabled.warning.button_submit_next:focus, .disabled.warning.button_submit_back:focus, .disabled.warning.button_submit:focus, .disabled.warning.button_sns:focus, .disabled.warning.button_edit:focus, .disabled.warning.button_next:focus, .disabled.warning.button_back:focus, .disabled.warning.button_unsubscribe:focus, .disabled.warning.button_back_large:focus, .disabled.warning.button_address:focus, .disabled.warning.button_sign:focus, .disabled.warning.btnLv01:focus, .button[disabled].warning:hover, [disabled].warning.button_small:hover, [disabled].warning.button_medium:hover, [disabled].warning.button_add_user:hover, [disabled].warning.button_remove_user:hover, [disabled].warning.btnLv01S:hover, [disabled].warning.button_mail_project:hover, [disabled].warning.button_action:hover, [disabled].warning.button_submit_next:hover, [disabled].warning.button_submit_back:hover, [disabled].warning.button_submit:hover, [disabled].warning.button_sns:hover, [disabled].warning.button_edit:hover, [disabled].warning.button_next:hover, [disabled].warning.button_back:hover, [disabled].warning.button_unsubscribe:hover, [disabled].warning.button_back_large:hover, [disabled].warning.button_address:hover, [disabled].warning.button_sign:hover, [disabled].warning.btnLv01:hover, .button[disabled].warning:focus, [disabled].warning.button_small:focus, [disabled].warning.button_medium:focus, [disabled].warning.button_add_user:focus, [disabled].warning.button_remove_user:focus, [disabled].warning.btnLv01S:focus, [disabled].warning.button_mail_project:focus, [disabled].warning.button_action:focus, [disabled].warning.button_submit_next:focus, [disabled].warning.button_submit_back:focus, [disabled].warning.button_submit:focus, [disabled].warning.button_sns:focus, [disabled].warning.button_edit:focus, [disabled].warning.button_next:focus, [disabled].warning.button_back:focus, [disabled].warning.button_unsubscribe:focus, [disabled].warning.button_back_large:focus, [disabled].warning.button_address:focus, [disabled].warning.button_sign:focus, [disabled].warning.btnLv01:focus {
        background-color: #cf6e0e; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .disabled.warning.button_small:hover, .disabled.warning.button_medium:hover, .disabled.warning.button_add_user:hover, .disabled.warning.button_remove_user:hover, .disabled.warning.btnLv01S:hover, .disabled.warning.button_mail_project:hover, .disabled.warning.button_action:hover, .disabled.warning.button_submit_next:hover, .disabled.warning.button_submit_back:hover, .disabled.warning.button_submit:hover, .disabled.warning.button_sns:hover, .disabled.warning.button_edit:hover, .disabled.warning.button_next:hover, .disabled.warning.button_back:hover, .disabled.warning.button_unsubscribe:hover, .disabled.warning.button_back_large:hover, .disabled.warning.button_address:hover, .disabled.warning.button_sign:hover, .disabled.warning.btnLv01:hover, .button.disabled.warning:focus, .disabled.warning.button_small:focus, .disabled.warning.button_medium:focus, .disabled.warning.button_add_user:focus, .disabled.warning.button_remove_user:focus, .disabled.warning.btnLv01S:focus, .disabled.warning.button_mail_project:focus, .disabled.warning.button_action:focus, .disabled.warning.button_submit_next:focus, .disabled.warning.button_submit_back:focus, .disabled.warning.button_submit:focus, .disabled.warning.button_sns:focus, .disabled.warning.button_edit:focus, .disabled.warning.button_next:focus, .disabled.warning.button_back:focus, .disabled.warning.button_unsubscribe:focus, .disabled.warning.button_back_large:focus, .disabled.warning.button_address:focus, .disabled.warning.button_sign:focus, .disabled.warning.btnLv01:focus, .button[disabled].warning:hover, [disabled].warning.button_small:hover, [disabled].warning.button_medium:hover, [disabled].warning.button_add_user:hover, [disabled].warning.button_remove_user:hover, [disabled].warning.btnLv01S:hover, [disabled].warning.button_mail_project:hover, [disabled].warning.button_action:hover, [disabled].warning.button_submit_next:hover, [disabled].warning.button_submit_back:hover, [disabled].warning.button_submit:hover, [disabled].warning.button_sns:hover, [disabled].warning.button_edit:hover, [disabled].warning.button_next:hover, [disabled].warning.button_back:hover, [disabled].warning.button_unsubscribe:hover, [disabled].warning.button_back_large:hover, [disabled].warning.button_address:hover, [disabled].warning.button_sign:hover, [disabled].warning.btnLv01:hover, .button[disabled].warning:focus, [disabled].warning.button_small:focus, [disabled].warning.button_medium:focus, [disabled].warning.button_add_user:focus, [disabled].warning.button_remove_user:focus, [disabled].warning.btnLv01S:focus, [disabled].warning.button_mail_project:focus, [disabled].warning.button_action:focus, [disabled].warning.button_submit_next:focus, [disabled].warning.button_submit_back:focus, [disabled].warning.button_submit:focus, [disabled].warning.button_sns:focus, [disabled].warning.button_edit:focus, [disabled].warning.button_next:focus, [disabled].warning.button_back:focus, [disabled].warning.button_unsubscribe:focus, [disabled].warning.button_back_large:focus, [disabled].warning.button_address:focus, [disabled].warning.button_sign:focus, [disabled].warning.btnLv01:focus {
        color: #FFFFFF; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .disabled.warning.button_small:hover, .disabled.warning.button_medium:hover, .disabled.warning.button_add_user:hover, .disabled.warning.button_remove_user:hover, .disabled.warning.btnLv01S:hover, .disabled.warning.button_mail_project:hover, .disabled.warning.button_action:hover, .disabled.warning.button_submit_next:hover, .disabled.warning.button_submit_back:hover, .disabled.warning.button_submit:hover, .disabled.warning.button_sns:hover, .disabled.warning.button_edit:hover, .disabled.warning.button_next:hover, .disabled.warning.button_back:hover, .disabled.warning.button_unsubscribe:hover, .disabled.warning.button_back_large:hover, .disabled.warning.button_address:hover, .disabled.warning.button_sign:hover, .disabled.warning.btnLv01:hover, .button.disabled.warning:focus, .disabled.warning.button_small:focus, .disabled.warning.button_medium:focus, .disabled.warning.button_add_user:focus, .disabled.warning.button_remove_user:focus, .disabled.warning.btnLv01S:focus, .disabled.warning.button_mail_project:focus, .disabled.warning.button_action:focus, .disabled.warning.button_submit_next:focus, .disabled.warning.button_submit_back:focus, .disabled.warning.button_submit:focus, .disabled.warning.button_sns:focus, .disabled.warning.button_edit:focus, .disabled.warning.button_next:focus, .disabled.warning.button_back:focus, .disabled.warning.button_unsubscribe:focus, .disabled.warning.button_back_large:focus, .disabled.warning.button_address:focus, .disabled.warning.button_sign:focus, .disabled.warning.btnLv01:focus, .button[disabled].warning:hover, [disabled].warning.button_small:hover, [disabled].warning.button_medium:hover, [disabled].warning.button_add_user:hover, [disabled].warning.button_remove_user:hover, [disabled].warning.btnLv01S:hover, [disabled].warning.button_mail_project:hover, [disabled].warning.button_action:hover, [disabled].warning.button_submit_next:hover, [disabled].warning.button_submit_back:hover, [disabled].warning.button_submit:hover, [disabled].warning.button_sns:hover, [disabled].warning.button_edit:hover, [disabled].warning.button_next:hover, [disabled].warning.button_back:hover, [disabled].warning.button_unsubscribe:hover, [disabled].warning.button_back_large:hover, [disabled].warning.button_address:hover, [disabled].warning.button_sign:hover, [disabled].warning.btnLv01:hover, .button[disabled].warning:focus, [disabled].warning.button_small:focus, [disabled].warning.button_medium:focus, [disabled].warning.button_add_user:focus, [disabled].warning.button_remove_user:focus, [disabled].warning.btnLv01S:focus, [disabled].warning.button_mail_project:focus, [disabled].warning.button_action:focus, [disabled].warning.button_submit_next:focus, [disabled].warning.button_submit_back:focus, [disabled].warning.button_submit:focus, [disabled].warning.button_sns:focus, [disabled].warning.button_edit:focus, [disabled].warning.button_next:focus, [disabled].warning.button_back:focus, [disabled].warning.button_unsubscribe:focus, [disabled].warning.button_back_large:focus, [disabled].warning.button_address:focus, [disabled].warning.button_sign:focus, [disabled].warning.btnLv01:focus {
        background-color: #f08a24; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .disabled.info.button_small, .disabled.info.button_medium, .disabled.info.button_add_user, .disabled.info.button_remove_user, .disabled.info.btnLv01S, .disabled.info.button_mail_project, .disabled.info.button_action, .disabled.info.button_submit_next, .disabled.info.button_submit_back, .disabled.info.button_submit, .disabled.info.button_sns, .disabled.info.button_edit, .disabled.info.button_next, .disabled.info.button_back, .disabled.info.button_unsubscribe, .disabled.info.button_back_large, .disabled.info.button_address, .disabled.info.button_sign, .disabled.info.btnLv01, .button[disabled].info, [disabled].info.button_small, [disabled].info.button_medium, [disabled].info.button_add_user, [disabled].info.button_remove_user, [disabled].info.btnLv01S, [disabled].info.button_mail_project, [disabled].info.button_action, [disabled].info.button_submit_next, [disabled].info.button_submit_back, [disabled].info.button_submit, [disabled].info.button_sns, [disabled].info.button_edit, [disabled].info.button_next, [disabled].info.button_back, [disabled].info.button_unsubscribe, [disabled].info.button_back_large, [disabled].info.button_address, [disabled].info.button_sign, [disabled].info.btnLv01 {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .disabled.info.button_small:hover, .disabled.info.button_medium:hover, .disabled.info.button_add_user:hover, .disabled.info.button_remove_user:hover, .disabled.info.btnLv01S:hover, .disabled.info.button_mail_project:hover, .disabled.info.button_action:hover, .disabled.info.button_submit_next:hover, .disabled.info.button_submit_back:hover, .disabled.info.button_submit:hover, .disabled.info.button_sns:hover, .disabled.info.button_edit:hover, .disabled.info.button_next:hover, .disabled.info.button_back:hover, .disabled.info.button_unsubscribe:hover, .disabled.info.button_back_large:hover, .disabled.info.button_address:hover, .disabled.info.button_sign:hover, .disabled.info.btnLv01:hover, .button.disabled.info:focus, .disabled.info.button_small:focus, .disabled.info.button_medium:focus, .disabled.info.button_add_user:focus, .disabled.info.button_remove_user:focus, .disabled.info.btnLv01S:focus, .disabled.info.button_mail_project:focus, .disabled.info.button_action:focus, .disabled.info.button_submit_next:focus, .disabled.info.button_submit_back:focus, .disabled.info.button_submit:focus, .disabled.info.button_sns:focus, .disabled.info.button_edit:focus, .disabled.info.button_next:focus, .disabled.info.button_back:focus, .disabled.info.button_unsubscribe:focus, .disabled.info.button_back_large:focus, .disabled.info.button_address:focus, .disabled.info.button_sign:focus, .disabled.info.btnLv01:focus, .button[disabled].info:hover, [disabled].info.button_small:hover, [disabled].info.button_medium:hover, [disabled].info.button_add_user:hover, [disabled].info.button_remove_user:hover, [disabled].info.btnLv01S:hover, [disabled].info.button_mail_project:hover, [disabled].info.button_action:hover, [disabled].info.button_submit_next:hover, [disabled].info.button_submit_back:hover, [disabled].info.button_submit:hover, [disabled].info.button_sns:hover, [disabled].info.button_edit:hover, [disabled].info.button_next:hover, [disabled].info.button_back:hover, [disabled].info.button_unsubscribe:hover, [disabled].info.button_back_large:hover, [disabled].info.button_address:hover, [disabled].info.button_sign:hover, [disabled].info.btnLv01:hover, .button[disabled].info:focus, [disabled].info.button_small:focus, [disabled].info.button_medium:focus, [disabled].info.button_add_user:focus, [disabled].info.button_remove_user:focus, [disabled].info.btnLv01S:focus, [disabled].info.button_mail_project:focus, [disabled].info.button_action:focus, [disabled].info.button_submit_next:focus, [disabled].info.button_submit_back:focus, [disabled].info.button_submit:focus, [disabled].info.button_sns:focus, [disabled].info.button_edit:focus, [disabled].info.button_next:focus, [disabled].info.button_back:focus, [disabled].info.button_unsubscribe:focus, [disabled].info.button_back_large:focus, [disabled].info.button_address:focus, [disabled].info.button_sign:focus, [disabled].info.btnLv01:focus {
        background-color: #61b6d9; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .disabled.info.button_small:hover, .disabled.info.button_medium:hover, .disabled.info.button_add_user:hover, .disabled.info.button_remove_user:hover, .disabled.info.btnLv01S:hover, .disabled.info.button_mail_project:hover, .disabled.info.button_action:hover, .disabled.info.button_submit_next:hover, .disabled.info.button_submit_back:hover, .disabled.info.button_submit:hover, .disabled.info.button_sns:hover, .disabled.info.button_edit:hover, .disabled.info.button_next:hover, .disabled.info.button_back:hover, .disabled.info.button_unsubscribe:hover, .disabled.info.button_back_large:hover, .disabled.info.button_address:hover, .disabled.info.button_sign:hover, .disabled.info.btnLv01:hover, .button.disabled.info:focus, .disabled.info.button_small:focus, .disabled.info.button_medium:focus, .disabled.info.button_add_user:focus, .disabled.info.button_remove_user:focus, .disabled.info.btnLv01S:focus, .disabled.info.button_mail_project:focus, .disabled.info.button_action:focus, .disabled.info.button_submit_next:focus, .disabled.info.button_submit_back:focus, .disabled.info.button_submit:focus, .disabled.info.button_sns:focus, .disabled.info.button_edit:focus, .disabled.info.button_next:focus, .disabled.info.button_back:focus, .disabled.info.button_unsubscribe:focus, .disabled.info.button_back_large:focus, .disabled.info.button_address:focus, .disabled.info.button_sign:focus, .disabled.info.btnLv01:focus, .button[disabled].info:hover, [disabled].info.button_small:hover, [disabled].info.button_medium:hover, [disabled].info.button_add_user:hover, [disabled].info.button_remove_user:hover, [disabled].info.btnLv01S:hover, [disabled].info.button_mail_project:hover, [disabled].info.button_action:hover, [disabled].info.button_submit_next:hover, [disabled].info.button_submit_back:hover, [disabled].info.button_submit:hover, [disabled].info.button_sns:hover, [disabled].info.button_edit:hover, [disabled].info.button_next:hover, [disabled].info.button_back:hover, [disabled].info.button_unsubscribe:hover, [disabled].info.button_back_large:hover, [disabled].info.button_address:hover, [disabled].info.button_sign:hover, [disabled].info.btnLv01:hover, .button[disabled].info:focus, [disabled].info.button_small:focus, [disabled].info.button_medium:focus, [disabled].info.button_add_user:focus, [disabled].info.button_remove_user:focus, [disabled].info.btnLv01S:focus, [disabled].info.button_mail_project:focus, [disabled].info.button_action:focus, [disabled].info.button_submit_next:focus, [disabled].info.button_submit_back:focus, [disabled].info.button_submit:focus, [disabled].info.button_sns:focus, [disabled].info.button_edit:focus, [disabled].info.button_next:focus, [disabled].info.button_back:focus, [disabled].info.button_unsubscribe:focus, [disabled].info.button_back_large:focus, [disabled].info.button_address:focus, [disabled].info.button_sign:focus, [disabled].info.btnLv01:focus {
        color: #FFFFFF; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .disabled.info.button_small:hover, .disabled.info.button_medium:hover, .disabled.info.button_add_user:hover, .disabled.info.button_remove_user:hover, .disabled.info.btnLv01S:hover, .disabled.info.button_mail_project:hover, .disabled.info.button_action:hover, .disabled.info.button_submit_next:hover, .disabled.info.button_submit_back:hover, .disabled.info.button_submit:hover, .disabled.info.button_sns:hover, .disabled.info.button_edit:hover, .disabled.info.button_next:hover, .disabled.info.button_back:hover, .disabled.info.button_unsubscribe:hover, .disabled.info.button_back_large:hover, .disabled.info.button_address:hover, .disabled.info.button_sign:hover, .disabled.info.btnLv01:hover, .button.disabled.info:focus, .disabled.info.button_small:focus, .disabled.info.button_medium:focus, .disabled.info.button_add_user:focus, .disabled.info.button_remove_user:focus, .disabled.info.btnLv01S:focus, .disabled.info.button_mail_project:focus, .disabled.info.button_action:focus, .disabled.info.button_submit_next:focus, .disabled.info.button_submit_back:focus, .disabled.info.button_submit:focus, .disabled.info.button_sns:focus, .disabled.info.button_edit:focus, .disabled.info.button_next:focus, .disabled.info.button_back:focus, .disabled.info.button_unsubscribe:focus, .disabled.info.button_back_large:focus, .disabled.info.button_address:focus, .disabled.info.button_sign:focus, .disabled.info.btnLv01:focus, .button[disabled].info:hover, [disabled].info.button_small:hover, [disabled].info.button_medium:hover, [disabled].info.button_add_user:hover, [disabled].info.button_remove_user:hover, [disabled].info.btnLv01S:hover, [disabled].info.button_mail_project:hover, [disabled].info.button_action:hover, [disabled].info.button_submit_next:hover, [disabled].info.button_submit_back:hover, [disabled].info.button_submit:hover, [disabled].info.button_sns:hover, [disabled].info.button_edit:hover, [disabled].info.button_next:hover, [disabled].info.button_back:hover, [disabled].info.button_unsubscribe:hover, [disabled].info.button_back_large:hover, [disabled].info.button_address:hover, [disabled].info.button_sign:hover, [disabled].info.btnLv01:hover, .button[disabled].info:focus, [disabled].info.button_small:focus, [disabled].info.button_medium:focus, [disabled].info.button_add_user:focus, [disabled].info.button_remove_user:focus, [disabled].info.btnLv01S:focus, [disabled].info.button_mail_project:focus, [disabled].info.button_action:focus, [disabled].info.button_submit_next:focus, [disabled].info.button_submit_back:focus, [disabled].info.button_submit:focus, [disabled].info.button_sns:focus, [disabled].info.button_edit:focus, [disabled].info.button_next:focus, [disabled].info.button_back:focus, [disabled].info.button_unsubscribe:focus, [disabled].info.button_back_large:focus, [disabled].info.button_address:focus, [disabled].info.button_sign:focus, [disabled].info.btnLv01:focus {
        background-color: #a0d3e8; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

@media only screen and (min-width: 40.0625em) {
  button, .button, .button_small, .button_medium, .button_add_user, .button_remove_user, .btnLv01S, .button_mail_project, .button_action, .button_submit_next, .button_submit_back, .button_submit, .button_sns, .button_edit, .button_next, .button_back, .button_unsubscribe, .button_back_large, .button_address, .button_sign, .btnLv01 {
    display: inline-block; } }

/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
  left: 0; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  z-index: 998; }

.clearing-touch-label {
  color: #AAAAAA;
  font-size: .6em;
  left: 50%;
  position: absolute;
  top: 50%; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  background: #333333;
  bottom: 0;
  color: #CCCCCC;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  padding: 10px 30px 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0; }

.clearing-close {
  color: #CCCCCC;
  display: none;
  font-size: 30px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 10px;
  z-index: 999; }
  .clearing-close:hover, .clearing-close:focus {
    color: #CCCCCC; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 40.0625em) {
  .clearing-main-prev,
  .clearing-main-next {
    height: 100%;
    position: absolute;
    top: 0;
    width: 40px; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      border: solid 12px;
      display: block;
      height: 0;
      position: absolute;
      top: 50%;
      width: 0; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: .8; }
  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #CCCCCC; }
  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #CCCCCC; }
  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: .3; }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        clear: none;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 0;
        min-height: inherit;
        opacity: .4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 120px; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: .8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    height: 85%;
    overflow: hidden; }
  .clearing-close {
    padding-left: 0;
    padding-top: 0;
    position: absolute;
    top: 10px;
    right: 20px; } }

.flex-video {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }

/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    line-height: 2.375rem; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button, .postfix.button_small, .postfix.button_medium, .postfix.button_add_user, .postfix.button_remove_user, .postfix.btnLv01S, .postfix.button_mail_project, .postfix.button_action, .postfix.button_submit_next, .postfix.button_submit_back, .postfix.button_submit, .postfix.button_sns, .postfix.button_edit, .postfix.button_next, .postfix.button_back, .postfix.button_unsubscribe, .postfix.button_back_large, .postfix.button_address, .postfix.button_sign, .postfix.btnLv01 {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button, .prefix.button_small, .prefix.button_medium, .prefix.button_add_user, .prefix.button_remove_user, .prefix.btnLv01S, .prefix.button_mail_project, .prefix.button_action, .prefix.button_submit_next, .prefix.button_submit_back, .prefix.button_submit, .prefix.button_sns, .prefix.button_edit, .prefix.button_next, .prefix.button_back, .prefix.button_unsubscribe, .prefix.button_back_large, .prefix.button_address, .prefix.button_sign, .prefix.btnLv01 {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center; }

.prefix.button.radius, .prefix.radius.button_small, .prefix.radius.button_medium, .prefix.radius.button_add_user, .prefix.radius.button_remove_user, .prefix.radius.btnLv01S, .prefix.radius.button_mail_project, .prefix.radius.button_action, .prefix.radius.button_submit_next, .prefix.radius.button_submit_back, .prefix.radius.button_submit, .prefix.radius.button_sns, .prefix.radius.button_edit, .prefix.radius.button_next, .prefix.radius.button_back, .prefix.radius.button_unsubscribe, .prefix.radius.button_back_large, .prefix.radius.button_address, .prefix.radius.button_sign, .prefix.radius.btnLv01 {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius, .postfix.radius.button_small, .postfix.radius.button_medium, .postfix.radius.button_add_user, .postfix.radius.button_remove_user, .postfix.radius.btnLv01S, .postfix.radius.button_mail_project, .postfix.radius.button_action, .postfix.radius.button_submit_next, .postfix.radius.button_submit_back, .postfix.radius.button_submit, .postfix.radius.button_sns, .postfix.radius.button_edit, .postfix.radius.button_next, .postfix.radius.button_back, .postfix.radius.button_unsubscribe, .postfix.radius.button_back_large, .postfix.radius.button_address, .postfix.radius.button_sign, .postfix.radius.btnLv01 {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round, .prefix.round.button_small, .prefix.round.button_medium, .prefix.round.button_add_user, .prefix.round.button_remove_user, .prefix.round.btnLv01S, .prefix.round.button_mail_project, .prefix.round.button_action, .prefix.round.button_submit_next, .prefix.round.button_submit_back, .prefix.round.button_submit, .prefix.round.button_sns, .prefix.round.button_edit, .prefix.round.button_next, .prefix.round.button_back, .prefix.round.button_unsubscribe, .prefix.round.button_back_large, .prefix.round.button_address, .prefix.round.button_sign, .prefix.round.btnLv01 {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round, .postfix.round.button_small, .postfix.round.button_medium, .postfix.round.button_add_user, .postfix.round.button_remove_user, .postfix.round.btnLv01S, .postfix.round.button_mail_project, .postfix.round.button_action, .postfix.round.button_submit_next, .postfix.round.button_submit_back, .postfix.round.button_submit, .postfix.round.button_sns, .postfix.round.button_edit, .postfix.round.button_next, .postfix.round.button_back, .postfix.round.button_unsubscribe, .postfix.round.button_back_large, .postfix.round.button_address, .postfix.round.button_sign, .postfix.round.btnLv01 {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.15s linear, background 0.15s linear; }
  input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    background-color: #fafafa;
    border-color: #999999;
    outline: none; }
  input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type])[disabled], input:not([type])[readonly],
  fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly],
  fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
  fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
  fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
  fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
  fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
  fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
  fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
  fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
  fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
  fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
  fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
  fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
  fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
  fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
  fieldset[disabled] textarea {
    background-color: #DDDDDD;
    cursor: default; }
  input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

::-webkit-input-placeholder {
  color: #cccccc; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc; }

:-ms-input-placeholder {
  color: #cccccc; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0;
  height: 2.3125rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:focus {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #DDDDDD;
    cursor: default; }
  select[multiple] {
    height: auto; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #DDDDDD;
  margin: 1.125rem 0;
  padding: 1.25rem; }
  fieldset legend {
    font-weight: bold;
    margin: 0;
    margin-left: -0.1875rem;
    padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }

.error label,
.error label.error {
  color: #f04124; }

.error small.error {
  display: block;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem 0.5625rem 0.5625rem;
  background: #f04124;
  color: #FFFFFF; }

.error > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }

.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #f04124; }

.inline-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.0625rem;
  margin-left: -1.375rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inline-list > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem; }
    .inline-list > li > * {
      display: block; }

.label {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #23242e;
  color: #FFFFFF; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #f04124;
    color: #FFFFFF; }
  .label.warning {
    background-color: #f08a24;
    color: #FFFFFF; }
  .label.success {
    background-color: #43AC6A;
    color: #FFFFFF; }
  .label.secondary {
    background-color: #e7e7e7;
    color: #333333; }
  .label.info {
    background-color: #a0d3e8;
    color: #333333; }

ul.pagination {
  display: block;
  margin-left: -0.3125rem;
  min-height: 1.5rem; }
  ul.pagination li {
    color: #222222;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      border-radius: 3px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #999999;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.0625rem 0.625rem 0.0625rem; }
    ul.pagination li:hover a,
    ul.pagination li a:focus,
    ul.pagination li:hover button,
    ul.pagination li button:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999999;
      pointer-events: none; }
    ul.pagination li.unavailable:hover a,
    ul.pagination li.unavailable a:focus,
    ul.pagination li.unavailable:hover button,
    ul.pagination li.unavailable button:focus {
      background: transparent; }
    ul.pagination li.current a, ul.pagination li.current button {
      background: #23242e;
      color: #FFFFFF;
      cursor: default;
      font-weight: bold; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #23242e; }
  ul.pagination li {
    display: block;
    float: left; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    display: inline-block;
    float: none; }

/* Progress Bar */
.progress {
  background-color: #F6F6F6;
  border: 1px solid white;
  height: 1.5625rem;
  margin-bottom: 0.625rem;
  padding: 0.125rem; }
  .progress .meter {
    background: #23242e;
    display: block;
    height: 100%;
    float: left;
    width: 0%; }
    .progress .meter.secondary {
      background: #e7e7e7;
      display: block;
      height: 100%;
      float: left;
      width: 0%; }
    .progress .meter.success {
      background: #43AC6A;
      display: block;
      height: 100%;
      float: left;
      width: 0%; }
    .progress .meter.alert {
      background: #f04124;
      display: block;
      height: 100%;
      float: left;
      width: 0%; }
  .progress.secondary .meter {
    background: #e7e7e7;
    display: block;
    height: 100%;
    float: left;
    width: 0%; }
  .progress.success .meter {
    background: #43AC6A;
    display: block;
    height: 100%;
    float: left;
    width: 0%; }
  .progress.alert .meter {
    background: #f04124;
    display: block;
    height: 100%;
    float: left;
    width: 0%; }
  .progress.radius {
    border-radius: 3px; }
    .progress.radius .meter {
      border-radius: 2px; }
  .progress.round {
    border-radius: 1000px; }
    .progress.round .meter {
      border-radius: 999px; }

.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.25rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 40em) {
    .reveal-modal {
      min-height: 100vh; } }
  .reveal-modal .column, .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      left: 0;
      margin: 0 auto;
      max-width: 75rem;
      right: 0;
      width: 80%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal {
      top: 6.25rem; } }
  .reveal-modal.radius {
    box-shadow: none;
    border-radius: 3px; }
  .reveal-modal.round {
    box-shadow: none;
    border-radius: 1000px; }
  .reveal-modal.collapse {
    padding: 0;
    box-shadow: none; }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.tiny {
      left: 0;
      margin: 0 auto;
      max-width: 75rem;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 75rem;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 75rem;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 75rem;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 40.0625em) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 75rem;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 75rem;
        right: 0;
        width: 100%; } }
  .reveal-modal.toback {
    z-index: 1003; }
  .reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.625rem;
    right: 1.375rem;
    text-decoration: none; }

.side-nav {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.875rem 0; }
  .side-nav li {
    font-size: 0.875rem;
    font-weight: normal;
    margin: 0 0 0.4375rem 0; }
    .side-nav li a:not(.button):not(.button_small):not(.button_medium):not(.button_add_user):not(.button_remove_user):not(.btnLv01S):not(.button_mail_project):not(.button_action):not(.button_submit_next):not(.button_submit_back):not(.button_submit):not(.button_sns):not(.button_edit):not(.button_next):not(.button_back):not(.button_unsubscribe):not(.button_back_large):not(.button_address):not(.button_sign):not(.btnLv01) {
      color: #23242e;
      display: block;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):not(.button_small):not(.button_medium):not(.button_add_user):not(.button_remove_user):not(.btnLv01S):not(.button_mail_project):not(.button_action):not(.button_submit_next):not(.button_submit_back):not(.button_submit):not(.button_sns):not(.button_edit):not(.button_next):not(.button_back):not(.button_unsubscribe):not(.button_back_large):not(.button_address):not(.button_sign):not(.btnLv01):hover, .side-nav li a:not(.button):not(.button_small):not(.button_medium):not(.button_add_user):not(.button_remove_user):not(.btnLv01S):not(.button_mail_project):not(.button_action):not(.button_submit_next):not(.button_submit_back):not(.button_submit):not(.button_sns):not(.button_edit):not(.button_next):not(.button_back):not(.button_unsubscribe):not(.button_back_large):not(.button_address):not(.button_sign):not(.btnLv01):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #5b5d77; }
      .side-nav li a:not(.button):not(.button_small):not(.button_medium):not(.button_add_user):not(.button_remove_user):not(.btnLv01S):not(.button_mail_project):not(.button_action):not(.button_submit_next):not(.button_submit_back):not(.button_submit):not(.button_sns):not(.button_edit):not(.button_next):not(.button_back):not(.button_unsubscribe):not(.button_back_large):not(.button_address):not(.button_sign):not(.btnLv01):active {
        color: #5b5d77; }
    .side-nav li.active > a:first-child:not(.button):not(.button_small):not(.button_medium):not(.button_add_user):not(.button_remove_user):not(.btnLv01S):not(.button_mail_project):not(.button_action):not(.button_submit_next):not(.button_submit_back):not(.button_submit):not(.button_sns):not(.button_edit):not(.button_next):not(.button_back):not(.button_unsubscribe):not(.button_back_large):not(.button_address):not(.button_sign):not(.btnLv01) {
      color: #5b5d77;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: normal; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      list-style: none;
      padding: 0;
      border-top-color: white; }
    .side-nav li.heading {
      color: #23242e;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

.dropdown.button, .dropdown.button_small, .dropdown.button_medium, .dropdown.button_add_user, .dropdown.button_remove_user, .dropdown.btnLv01S, .dropdown.button_mail_project, .dropdown.button_action, .dropdown.button_submit_next, .dropdown.button_submit_back, .dropdown.button_submit, .dropdown.button_sns, .dropdown.button_edit, .dropdown.button_next, .dropdown.button_back, .dropdown.button_unsubscribe, .dropdown.button_back_large, .dropdown.button_address, .dropdown.button_sign, .dropdown.btnLv01, button.dropdown {
  position: relative;
  padding-right: 3.5625rem; }
  .dropdown.button::after, .dropdown.button_small::after, .dropdown.button_medium::after, .dropdown.button_add_user::after, .dropdown.button_remove_user::after, .dropdown.btnLv01S::after, .dropdown.button_mail_project::after, .dropdown.button_action::after, .dropdown.button_submit_next::after, .dropdown.button_submit_back::after, .dropdown.button_submit::after, .dropdown.button_sns::after, .dropdown.button_edit::after, .dropdown.button_next::after, .dropdown.button_back::after, .dropdown.button_unsubscribe::after, .dropdown.button_back_large::after, .dropdown.button_address::after, .dropdown.button_sign::after, .dropdown.btnLv01::after, button.dropdown::after {
    border-color: #FFFFFF transparent transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0; }
  .dropdown.button::after, .dropdown.button_small::after, .dropdown.button_medium::after, .dropdown.button_add_user::after, .dropdown.button_remove_user::after, .dropdown.btnLv01S::after, .dropdown.button_mail_project::after, .dropdown.button_action::after, .dropdown.button_submit_next::after, .dropdown.button_submit_back::after, .dropdown.button_submit::after, .dropdown.button_sns::after, .dropdown.button_edit::after, .dropdown.button_next::after, .dropdown.button_back::after, .dropdown.button_unsubscribe::after, .dropdown.button_back_large::after, .dropdown.button_address::after, .dropdown.button_sign::after, .dropdown.btnLv01::after, button.dropdown::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem; }
  .dropdown.button::after, .dropdown.button_small::after, .dropdown.button_medium::after, .dropdown.button_add_user::after, .dropdown.button_remove_user::after, .dropdown.btnLv01S::after, .dropdown.button_mail_project::after, .dropdown.button_action::after, .dropdown.button_submit_next::after, .dropdown.button_submit_back::after, .dropdown.button_submit::after, .dropdown.button_sns::after, .dropdown.button_edit::after, .dropdown.button_next::after, .dropdown.button_back::after, .dropdown.button_unsubscribe::after, .dropdown.button_back_large::after, .dropdown.button_address::after, .dropdown.button_sign::after, .dropdown.btnLv01::after, button.dropdown::after {
    border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.tiny, .dropdown.tiny.button_small, .dropdown.tiny.button_medium, .dropdown.tiny.button_add_user, .dropdown.tiny.button_remove_user, .dropdown.tiny.btnLv01S, .dropdown.tiny.button_mail_project, .dropdown.tiny.button_action, .dropdown.tiny.button_submit_next, .dropdown.tiny.button_submit_back, .dropdown.tiny.button_submit, .dropdown.tiny.button_sns, .dropdown.tiny.button_edit, .dropdown.tiny.button_next, .dropdown.tiny.button_back, .dropdown.tiny.button_unsubscribe, .dropdown.tiny.button_back_large, .dropdown.tiny.button_address, .dropdown.tiny.button_sign, .dropdown.tiny.btnLv01, button.dropdown.tiny {
    padding-right: 2.625rem; }
    .dropdown.button.tiny:after, .dropdown.tiny.button_small:after, .dropdown.tiny.button_medium:after, .dropdown.tiny.button_add_user:after, .dropdown.tiny.button_remove_user:after, .dropdown.tiny.btnLv01S:after, .dropdown.tiny.button_mail_project:after, .dropdown.tiny.button_action:after, .dropdown.tiny.button_submit_next:after, .dropdown.tiny.button_submit_back:after, .dropdown.tiny.button_submit:after, .dropdown.tiny.button_sns:after, .dropdown.tiny.button_edit:after, .dropdown.tiny.button_next:after, .dropdown.tiny.button_back:after, .dropdown.tiny.button_unsubscribe:after, .dropdown.tiny.button_back_large:after, .dropdown.tiny.button_address:after, .dropdown.tiny.button_sign:after, .dropdown.tiny.btnLv01:after, button.dropdown.tiny:after {
      border-width: 0.375rem;
      right: 1.125rem;
      margin-top: -0.125rem; }
    .dropdown.button.tiny::after, .dropdown.tiny.button_small::after, .dropdown.tiny.button_medium::after, .dropdown.tiny.button_add_user::after, .dropdown.tiny.button_remove_user::after, .dropdown.tiny.btnLv01S::after, .dropdown.tiny.button_mail_project::after, .dropdown.tiny.button_action::after, .dropdown.tiny.button_submit_next::after, .dropdown.tiny.button_submit_back::after, .dropdown.tiny.button_submit::after, .dropdown.tiny.button_sns::after, .dropdown.tiny.button_edit::after, .dropdown.tiny.button_next::after, .dropdown.tiny.button_back::after, .dropdown.tiny.button_unsubscribe::after, .dropdown.tiny.button_back_large::after, .dropdown.tiny.button_address::after, .dropdown.tiny.button_sign::after, .dropdown.tiny.btnLv01::after, button.dropdown.tiny::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.small, .dropdown.small.button_small, .dropdown.small.button_medium, .dropdown.small.button_add_user, .dropdown.small.button_remove_user, .dropdown.small.btnLv01S, .dropdown.small.button_mail_project, .dropdown.small.button_action, .dropdown.small.button_submit_next, .dropdown.small.button_submit_back, .dropdown.small.button_submit, .dropdown.small.button_sns, .dropdown.small.button_edit, .dropdown.small.button_next, .dropdown.small.button_back, .dropdown.small.button_unsubscribe, .dropdown.small.button_back_large, .dropdown.small.button_address, .dropdown.small.button_sign, .dropdown.small.btnLv01, button.dropdown.small {
    padding-right: 3.0625rem; }
    .dropdown.button.small::after, .dropdown.small.button_small::after, .dropdown.small.button_medium::after, .dropdown.small.button_add_user::after, .dropdown.small.button_remove_user::after, .dropdown.small.btnLv01S::after, .dropdown.small.button_mail_project::after, .dropdown.small.button_action::after, .dropdown.small.button_submit_next::after, .dropdown.small.button_submit_back::after, .dropdown.small.button_submit::after, .dropdown.small.button_sns::after, .dropdown.small.button_edit::after, .dropdown.small.button_next::after, .dropdown.small.button_back::after, .dropdown.small.button_unsubscribe::after, .dropdown.small.button_back_large::after, .dropdown.small.button_address::after, .dropdown.small.button_sign::after, .dropdown.small.btnLv01::after, button.dropdown.small::after {
      border-width: 0.4375rem;
      right: 1.3125rem;
      margin-top: -0.15625rem; }
    .dropdown.button.small::after, .dropdown.small.button_small::after, .dropdown.small.button_medium::after, .dropdown.small.button_add_user::after, .dropdown.small.button_remove_user::after, .dropdown.small.btnLv01S::after, .dropdown.small.button_mail_project::after, .dropdown.small.button_action::after, .dropdown.small.button_submit_next::after, .dropdown.small.button_submit_back::after, .dropdown.small.button_submit::after, .dropdown.small.button_sns::after, .dropdown.small.button_edit::after, .dropdown.small.button_next::after, .dropdown.small.button_back::after, .dropdown.small.button_unsubscribe::after, .dropdown.small.button_back_large::after, .dropdown.small.button_address::after, .dropdown.small.button_sign::after, .dropdown.small.btnLv01::after, button.dropdown.small::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.large, .dropdown.large.button_small, .dropdown.large.button_medium, .dropdown.large.button_add_user, .dropdown.large.button_remove_user, .dropdown.large.btnLv01S, .dropdown.large.button_mail_project, .dropdown.large.button_action, .dropdown.large.button_submit_next, .dropdown.large.button_submit_back, .dropdown.large.button_submit, .dropdown.large.button_sns, .dropdown.large.button_edit, .dropdown.large.button_next, .dropdown.large.button_back, .dropdown.large.button_unsubscribe, .dropdown.large.button_back_large, .dropdown.large.button_address, .dropdown.large.button_sign, .dropdown.large.btnLv01, button.dropdown.large {
    padding-right: 3.625rem; }
    .dropdown.button.large::after, .dropdown.large.button_small::after, .dropdown.large.button_medium::after, .dropdown.large.button_add_user::after, .dropdown.large.button_remove_user::after, .dropdown.large.btnLv01S::after, .dropdown.large.button_mail_project::after, .dropdown.large.button_action::after, .dropdown.large.button_submit_next::after, .dropdown.large.button_submit_back::after, .dropdown.large.button_submit::after, .dropdown.large.button_sns::after, .dropdown.large.button_edit::after, .dropdown.large.button_next::after, .dropdown.large.button_back::after, .dropdown.large.button_unsubscribe::after, .dropdown.large.button_back_large::after, .dropdown.large.button_address::after, .dropdown.large.button_sign::after, .dropdown.large.btnLv01::after, button.dropdown.large::after {
      border-width: 0.3125rem;
      right: 1.71875rem;
      margin-top: -0.15625rem; }
    .dropdown.button.large::after, .dropdown.large.button_small::after, .dropdown.large.button_medium::after, .dropdown.large.button_add_user::after, .dropdown.large.button_remove_user::after, .dropdown.large.btnLv01S::after, .dropdown.large.button_mail_project::after, .dropdown.large.button_action::after, .dropdown.large.button_submit_next::after, .dropdown.large.button_submit_back::after, .dropdown.large.button_submit::after, .dropdown.large.button_sns::after, .dropdown.large.button_edit::after, .dropdown.large.button_next::after, .dropdown.large.button_back::after, .dropdown.large.button_unsubscribe::after, .dropdown.large.button_back_large::after, .dropdown.large.button_address::after, .dropdown.large.button_sign::after, .dropdown.large.btnLv01::after, button.dropdown.large::after {
      border-color: #FFFFFF transparent transparent transparent; }
  .dropdown.button.secondary:after, .dropdown.secondary.button_small:after, .dropdown.secondary.button_medium:after, .dropdown.secondary.button_add_user:after, .dropdown.secondary.button_remove_user:after, .dropdown.secondary.btnLv01S:after, .dropdown.secondary.button_mail_project:after, .dropdown.secondary.button_action:after, .dropdown.secondary.button_submit_next:after, .dropdown.secondary.button_submit_back:after, .dropdown.secondary.button_submit:after, .dropdown.secondary.button_sns:after, .dropdown.secondary.button_edit:after, .dropdown.secondary.button_next:after, .dropdown.secondary.button_back:after, .dropdown.secondary.button_unsubscribe:after, .dropdown.secondary.button_back_large:after, .dropdown.secondary.button_address:after, .dropdown.secondary.button_sign:after, .dropdown.secondary.btnLv01:after, button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent; }

.split.button, .split.button_small, .split.button_medium, .split.button_add_user, .split.button_remove_user, .split.btnLv01S, .split.button_mail_project, .split.button_action, .split.button_submit_next, .split.button_submit_back, .split.button_submit, .split.button_sns, .split.button_edit, .split.button_next, .split.button_back, .split.button_unsubscribe, .split.button_back_large, .split.button_address, .split.button_sign, .split.btnLv01 {
  position: relative;
  padding-right: 5.0625rem; }
  .split.button span, .split.button_small span, .split.button_medium span, .split.button_add_user span, .split.button_remove_user span, .split.btnLv01S span, .split.button_mail_project span, .split.button_action span, .split.button_submit_next span, .split.button_submit_back span, .split.button_submit span, .split.button_sns span, .split.button_edit span, .split.button_next span, .split.button_back span, .split.button_unsubscribe span, .split.button_back_large span, .split.button_address span, .split.button_sign span, .split.btnLv01 span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:after, .split.button_small span:after, .split.button_medium span:after, .split.button_add_user span:after, .split.button_remove_user span:after, .split.btnLv01S span:after, .split.button_mail_project span:after, .split.button_action span:after, .split.button_submit_next span:after, .split.button_submit_back span:after, .split.button_submit span:after, .split.button_sns span:after, .split.button_edit span:after, .split.button_next span:after, .split.button_back span:after, .split.button_unsubscribe span:after, .split.button_back_large span:after, .split.button_address span:after, .split.button_sign span:after, .split.btnLv01 span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
    .split.button span:active, .split.button_small span:active, .split.button_medium span:active, .split.button_add_user span:active, .split.button_remove_user span:active, .split.btnLv01S span:active, .split.button_mail_project span:active, .split.button_action span:active, .split.button_submit_next span:active, .split.button_submit_back span:active, .split.button_submit span:active, .split.button_sns span:active, .split.button_edit span:active, .split.button_next span:active, .split.button_back span:active, .split.button_unsubscribe span:active, .split.button_back_large span:active, .split.button_address span:active, .split.button_sign span:active, .split.btnLv01 span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span, .split.button_small span, .split.button_medium span, .split.button_add_user span, .split.button_remove_user span, .split.btnLv01S span, .split.button_mail_project span, .split.button_action span, .split.button_submit_next span, .split.button_submit_back span, .split.button_submit span, .split.button_sns span, .split.button_edit span, .split.button_next span, .split.button_back span, .split.button_unsubscribe span, .split.button_back_large span, .split.button_address span, .split.button_sign span, .split.btnLv01 span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button span, .split.button_small span, .split.button_medium span, .split.button_add_user span, .split.button_remove_user span, .split.btnLv01S span, .split.button_mail_project span, .split.button_action span, .split.button_submit_next span, .split.button_submit_back span, .split.button_submit span, .split.button_sns span, .split.button_edit span, .split.button_next span, .split.button_back span, .split.button_unsubscribe span, .split.button_back_large span, .split.button_address span, .split.button_sign span, .split.btnLv01 span {
    width: 3.09375rem; }
    .split.button span:after, .split.button_small span:after, .split.button_medium span:after, .split.button_add_user span:after, .split.button_remove_user span:after, .split.btnLv01S span:after, .split.button_mail_project span:after, .split.button_action span:after, .split.button_submit_next span:after, .split.button_submit_back span:after, .split.button_submit span:after, .split.button_sns span:after, .split.button_edit span:after, .split.button_next span:after, .split.button_back span:after, .split.button_unsubscribe span:after, .split.button_back_large span:after, .split.button_address span:after, .split.button_sign span:after, .split.btnLv01 span:after {
      border-top-style: solid;
      border-width: 0.375rem;
      margin-left: -0.375rem;
      top: 48%; }
  .split.button span:after, .split.button_small span:after, .split.button_medium span:after, .split.button_add_user span:after, .split.button_remove_user span:after, .split.btnLv01S span:after, .split.button_mail_project span:after, .split.button_action span:after, .split.button_submit_next span:after, .split.button_submit_back span:after, .split.button_submit span:after, .split.button_sns span:after, .split.button_edit span:after, .split.button_next span:after, .split.button_back span:after, .split.button_unsubscribe span:after, .split.button_back_large span:after, .split.button_address span:after, .split.button_sign span:after, .split.btnLv01 span:after {
    border-color: #FFFFFF transparent transparent transparent; }
  .split.button.secondary span, .split.secondary.button_small span, .split.secondary.button_medium span, .split.secondary.button_add_user span, .split.secondary.button_remove_user span, .split.secondary.btnLv01S span, .split.secondary.button_mail_project span, .split.secondary.button_action span, .split.secondary.button_submit_next span, .split.secondary.button_submit_back span, .split.secondary.button_submit span, .split.secondary.button_sns span, .split.secondary.button_edit span, .split.secondary.button_next span, .split.secondary.button_back span, .split.secondary.button_unsubscribe span, .split.secondary.button_back_large span, .split.secondary.button_address span, .split.secondary.button_sign span, .split.secondary.btnLv01 span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.secondary span:after, .split.secondary.button_small span:after, .split.secondary.button_medium span:after, .split.secondary.button_add_user span:after, .split.secondary.button_remove_user span:after, .split.secondary.btnLv01S span:after, .split.secondary.button_mail_project span:after, .split.secondary.button_action span:after, .split.secondary.button_submit_next span:after, .split.secondary.button_submit_back span:after, .split.secondary.button_submit span:after, .split.secondary.button_sns span:after, .split.secondary.button_edit span:after, .split.secondary.button_next span:after, .split.secondary.button_back span:after, .split.secondary.button_unsubscribe span:after, .split.secondary.button_back_large span:after, .split.secondary.button_address span:after, .split.secondary.button_sign span:after, .split.secondary.btnLv01 span:after {
    border-color: #FFFFFF transparent transparent transparent; }
  .split.button.alert span, .split.alert.button_small span, .split.alert.button_medium span, .split.alert.button_add_user span, .split.alert.button_remove_user span, .split.alert.btnLv01S span, .split.alert.button_mail_project span, .split.alert.button_action span, .split.alert.button_submit_next span, .split.alert.button_submit_back span, .split.alert.button_submit span, .split.alert.button_sns span, .split.alert.button_edit span, .split.alert.button_next span, .split.alert.button_back span, .split.alert.button_unsubscribe span, .split.alert.button_back_large span, .split.alert.button_address span, .split.alert.button_sign span, .split.alert.btnLv01 span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.success span, .split.success.button_small span, .split.success.button_medium span, .split.success.button_add_user span, .split.success.button_remove_user span, .split.success.btnLv01S span, .split.success.button_mail_project span, .split.success.button_action span, .split.success.button_submit_next span, .split.success.button_submit_back span, .split.success.button_submit span, .split.success.button_sns span, .split.success.button_edit span, .split.success.button_next span, .split.success.button_back span, .split.success.button_unsubscribe span, .split.success.button_back_large span, .split.success.button_address span, .split.success.button_sign span, .split.success.btnLv01 span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.tiny, .split.tiny.button_small, .split.tiny.button_medium, .split.tiny.button_add_user, .split.tiny.button_remove_user, .split.tiny.btnLv01S, .split.tiny.button_mail_project, .split.tiny.button_action, .split.tiny.button_submit_next, .split.tiny.button_submit_back, .split.tiny.button_submit, .split.tiny.button_sns, .split.tiny.button_edit, .split.tiny.button_next, .split.tiny.button_back, .split.tiny.button_unsubscribe, .split.tiny.button_back_large, .split.tiny.button_address, .split.tiny.button_sign, .split.tiny.btnLv01 {
    padding-right: 3.75rem; }
    .split.button.tiny span, .split.tiny.button_small span, .split.tiny.button_medium span, .split.tiny.button_add_user span, .split.tiny.button_remove_user span, .split.tiny.btnLv01S span, .split.tiny.button_mail_project span, .split.tiny.button_action span, .split.tiny.button_submit_next span, .split.tiny.button_submit_back span, .split.tiny.button_submit span, .split.tiny.button_sns span, .split.tiny.button_edit span, .split.tiny.button_next span, .split.tiny.button_back span, .split.tiny.button_unsubscribe span, .split.tiny.button_back_large span, .split.tiny.button_address span, .split.tiny.button_sign span, .split.tiny.btnLv01 span {
      width: 2.25rem; }
      .split.button.tiny span:after, .split.tiny.button_small span:after, .split.tiny.button_medium span:after, .split.tiny.button_add_user span:after, .split.tiny.button_remove_user span:after, .split.tiny.btnLv01S span:after, .split.tiny.button_mail_project span:after, .split.tiny.button_action span:after, .split.tiny.button_submit_next span:after, .split.tiny.button_submit_back span:after, .split.tiny.button_submit span:after, .split.tiny.button_sns span:after, .split.tiny.button_edit span:after, .split.tiny.button_next span:after, .split.tiny.button_back span:after, .split.tiny.button_unsubscribe span:after, .split.tiny.button_back_large span:after, .split.tiny.button_address span:after, .split.tiny.button_sign span:after, .split.tiny.btnLv01 span:after {
        border-top-style: solid;
        border-width: 0.375rem;
        margin-left: -0.375rem;
        top: 48%; }
  .split.button.small, .split.small.button_small, .split.small.button_medium, .split.small.button_add_user, .split.small.button_remove_user, .split.small.btnLv01S, .split.small.button_mail_project, .split.small.button_action, .split.small.button_submit_next, .split.small.button_submit_back, .split.small.button_submit, .split.small.button_sns, .split.small.button_edit, .split.small.button_next, .split.small.button_back, .split.small.button_unsubscribe, .split.small.button_back_large, .split.small.button_address, .split.small.button_sign, .split.small.btnLv01 {
    padding-right: 4.375rem; }
    .split.button.small span, .split.small.button_small span, .split.small.button_medium span, .split.small.button_add_user span, .split.small.button_remove_user span, .split.small.btnLv01S span, .split.small.button_mail_project span, .split.small.button_action span, .split.small.button_submit_next span, .split.small.button_submit_back span, .split.small.button_submit span, .split.small.button_sns span, .split.small.button_edit span, .split.small.button_next span, .split.small.button_back span, .split.small.button_unsubscribe span, .split.small.button_back_large span, .split.small.button_address span, .split.small.button_sign span, .split.small.btnLv01 span {
      width: 2.625rem; }
      .split.button.small span:after, .split.small.button_small span:after, .split.small.button_medium span:after, .split.small.button_add_user span:after, .split.small.button_remove_user span:after, .split.small.btnLv01S span:after, .split.small.button_mail_project span:after, .split.small.button_action span:after, .split.small.button_submit_next span:after, .split.small.button_submit_back span:after, .split.small.button_submit span:after, .split.small.button_sns span:after, .split.small.button_edit span:after, .split.small.button_next span:after, .split.small.button_back span:after, .split.small.button_unsubscribe span:after, .split.small.button_back_large span:after, .split.small.button_address span:after, .split.small.button_sign span:after, .split.small.btnLv01 span:after {
        border-top-style: solid;
        border-width: 0.4375rem;
        margin-left: -0.375rem;
        top: 48%; }
  .split.button.large, .split.large.button_small, .split.large.button_medium, .split.large.button_add_user, .split.large.button_remove_user, .split.large.btnLv01S, .split.large.button_mail_project, .split.large.button_action, .split.large.button_submit_next, .split.large.button_submit_back, .split.large.button_submit, .split.large.button_sns, .split.large.button_edit, .split.large.button_next, .split.large.button_back, .split.large.button_unsubscribe, .split.large.button_back_large, .split.large.button_address, .split.large.button_sign, .split.large.btnLv01 {
    padding-right: 5.5rem; }
    .split.button.large span, .split.large.button_small span, .split.large.button_medium span, .split.large.button_add_user span, .split.large.button_remove_user span, .split.large.btnLv01S span, .split.large.button_mail_project span, .split.large.button_action span, .split.large.button_submit_next span, .split.large.button_submit_back span, .split.large.button_submit span, .split.large.button_sns span, .split.large.button_edit span, .split.large.button_next span, .split.large.button_back span, .split.large.button_unsubscribe span, .split.large.button_back_large span, .split.large.button_address span, .split.large.button_sign span, .split.large.btnLv01 span {
      width: 3.4375rem; }
      .split.button.large span:after, .split.large.button_small span:after, .split.large.button_medium span:after, .split.large.button_add_user span:after, .split.large.button_remove_user span:after, .split.large.btnLv01S span:after, .split.large.button_mail_project span:after, .split.large.button_action span:after, .split.large.button_submit_next span:after, .split.large.button_submit_back span:after, .split.large.button_submit span:after, .split.large.button_sns span:after, .split.large.button_edit span:after, .split.large.button_next span:after, .split.large.button_back span:after, .split.large.button_unsubscribe span:after, .split.large.button_back_large span:after, .split.large.button_address span:after, .split.large.button_sign span:after, .split.large.btnLv01 span:after {
        border-top-style: solid;
        border-width: 0.3125rem;
        margin-left: -0.375rem;
        top: 48%; }
  .split.button.expand, .split.expand.button_small, .split.expand.button_medium, .split.expand.button_add_user, .split.expand.button_remove_user, .split.expand.btnLv01S, .split.expand.button_mail_project, .split.expand.button_action, .split.expand.button_submit_next, .split.expand.button_submit_back, .split.expand.button_submit, .split.expand.button_sns, .split.expand.button_edit, .split.expand.button_next, .split.expand.button_back, .split.expand.button_unsubscribe, .split.expand.button_back_large, .split.expand.button_address, .split.expand.button_sign, .split.expand.btnLv01 {
    padding-left: 2rem; }
  .split.button.secondary span:after, .split.secondary.button_small span:after, .split.secondary.button_medium span:after, .split.secondary.button_add_user span:after, .split.secondary.button_remove_user span:after, .split.secondary.btnLv01S span:after, .split.secondary.button_mail_project span:after, .split.secondary.button_action span:after, .split.secondary.button_submit_next span:after, .split.secondary.button_submit_back span:after, .split.secondary.button_submit span:after, .split.secondary.button_sns span:after, .split.secondary.button_edit span:after, .split.secondary.button_next span:after, .split.secondary.button_back span:after, .split.secondary.button_unsubscribe span:after, .split.secondary.button_back_large span:after, .split.secondary.button_address span:after, .split.secondary.button_sign span:after, .split.secondary.btnLv01 span:after {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span, .split.radius.button_small span, .split.radius.button_medium span, .split.radius.button_add_user span, .split.radius.button_remove_user span, .split.radius.btnLv01S span, .split.radius.button_mail_project span, .split.radius.button_action span, .split.radius.button_submit_next span, .split.radius.button_submit_back span, .split.radius.button_submit span, .split.radius.button_sns span, .split.radius.button_edit span, .split.radius.button_next span, .split.radius.button_back span, .split.radius.button_unsubscribe span, .split.radius.button_back_large span, .split.radius.button_address span, .split.radius.button_sign span, .split.radius.btnLv01 span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .split.button.round span, .split.round.button_small span, .split.round.button_medium span, .split.round.button_add_user span, .split.round.button_remove_user span, .split.round.btnLv01S span, .split.round.button_mail_project span, .split.round.button_action span, .split.round.button_submit_next span, .split.round.button_submit_back span, .split.round.button_submit span, .split.round.button_sns span, .split.round.button_edit span, .split.round.button_next span, .split.round.button_back span, .split.round.button_unsubscribe span, .split.round.button_back_large span, .split.round.button_address span, .split.round.button_sign span, .split.round.btnLv01 span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }
  .split.button.no-pip span:before, .split.no-pip.button_small span:before, .split.no-pip.button_medium span:before, .split.no-pip.button_add_user span:before, .split.no-pip.button_remove_user span:before, .split.no-pip.btnLv01S span:before, .split.no-pip.button_mail_project span:before, .split.no-pip.button_action span:before, .split.no-pip.button_submit_next span:before, .split.no-pip.button_submit_back span:before, .split.no-pip.button_submit span:before, .split.no-pip.button_sns span:before, .split.no-pip.button_edit span:before, .split.no-pip.button_next span:before, .split.no-pip.button_back span:before, .split.no-pip.button_unsubscribe span:before, .split.no-pip.button_back_large span:before, .split.no-pip.button_address span:before, .split.no-pip.button_sign span:before, .split.no-pip.btnLv01 span:before {
    border-style: none; }
  .split.button.no-pip span:after, .split.no-pip.button_small span:after, .split.no-pip.button_medium span:after, .split.no-pip.button_add_user span:after, .split.no-pip.button_remove_user span:after, .split.no-pip.btnLv01S span:after, .split.no-pip.button_mail_project span:after, .split.no-pip.button_action span:after, .split.no-pip.button_submit_next span:after, .split.no-pip.button_submit_back span:after, .split.no-pip.button_submit span:after, .split.no-pip.button_sns span:after, .split.no-pip.button_edit span:after, .split.no-pip.button_next span:after, .split.no-pip.button_back span:after, .split.no-pip.button_unsubscribe span:after, .split.no-pip.button_back_large span:after, .split.no-pip.button_address span:after, .split.no-pip.button_sign span:after, .split.no-pip.btnLv01 span:after {
    border-style: none; }
  .split.button.no-pip span > i, .split.no-pip.button_small span > i, .split.no-pip.button_medium span > i, .split.no-pip.button_add_user span > i, .split.no-pip.button_remove_user span > i, .split.no-pip.btnLv01S span > i, .split.no-pip.button_mail_project span > i, .split.no-pip.button_action span > i, .split.no-pip.button_submit_next span > i, .split.no-pip.button_submit_back span > i, .split.no-pip.button_submit span > i, .split.no-pip.button_sns span > i, .split.no-pip.button_edit span > i, .split.no-pip.button_next span > i, .split.no-pip.button_back span > i, .split.no-pip.button_unsubscribe span > i, .split.no-pip.button_back_large span > i, .split.no-pip.button_address span > i, .split.no-pip.button_sign span > i, .split.no-pip.btnLv01 span > i {
    display: block;
    left: 50%;
    margin-left: -0.28889em;
    margin-top: -0.48889em;
    position: absolute;
    top: 50%; }

.sub-nav {
  display: block;
  margin: -0.25rem 0 1.125rem;
  overflow: hidden;
  padding-top: 0.25rem;
  width: auto; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    color: #999999;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    margin-left: 1rem;
    margin-bottom: 0; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      color: #999999;
      padding: 0.1875rem 1rem;
      text-decoration: none; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #737373; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      background: #23242e;
      color: #FFFFFF;
      cursor: default;
      font-weight: normal;
      padding: 0.1875rem 1rem; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: #1e1f27; }

table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: #F5F5F5; }
    table thead tr th,
    table thead tr td {
      color: #222222;
      font-size: 0.875rem;
      font-weight: bold;
      padding: 0.5rem 0.625rem 0.625rem; }
  table tfoot {
    background: #F5F5F5; }
    table tfoot tr th,
    table tfoot tr td {
      color: #222222;
      font-size: 0.875rem;
      font-weight: bold;
      padding: 0.5rem 0.625rem 0.625rem; }
  table tr th,
  table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #F9F9F9; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd,
  .tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative; }
    .tabs dd > a,
    .tabs .tab-title > a {
      display: block;
      background-color: #EFEFEF;
      color: #222222;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      padding: 1rem 2rem; }
      .tabs dd > a:hover,
      .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active > a,
    .tabs .tab-title.active > a {
      background-color: #FFFFFF;
      color: #222222; }
  .tabs.radius dd:first-child a,
  .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a,
  .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd,
  .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 1.5625rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 1.5625rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 1.5625rem; }

@media only screen and (min-width: 40.0625em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%; }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%; } }

.no-js .tabs-content > .content {
  display: block;
  float: none; }

/* Image Thumbnails */
.th {
  border: solid 4px #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(35, 36, 46, 0.5); }
  .th.radius {
    border-radius: 3px; }

.hide {
  display: none !important; }

.mcfix:before, .mcfix:after {
  content: " ";
  display: table; }

.mcfix:after {
  clear: both; }

body {
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  line-height: 1.8em; }

a {
  text-decoration: none;
  -webkit-transition: all .1s ease; }

p {
  color: #4A4A4A;
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 200;
  margin: 16px 0;
  margin: 1rem 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 29px;
  line-height: 1.8rem; }
  @media only screen and (max-width: 40em) {
    p {
      line-height: 32px;
      line-height: 2rem; } }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }
  p.note {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 200;
    color: #333;
    margin: 12px 0;
    margin: 0.75rem 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 27px;
    line-height: 1.6875rem;
    letter-spacing: 1px;
    letter-spacing: 0.0625rem; }

#container_v2 dl {
  margin: 32px 0;
  margin: 2rem 0; }
  #container_v2 dl dt {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    margin: 32px 0 8px 0;
    margin: 2rem 0 0.5rem 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.2rem; }
    #container_v2 dl dt:first-child {
      margin-top: 0; }
  #container_v2 dl dd {
    margin: 0; }
    #container_v2 dl dd p {
      margin: 0;
      letter-spacing: 0; }

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

li {
  list-style: none; }

.s-main {
  margin-bottom: 4em; }

#tagline_v2 {
  height: auto; }
  @media only screen and (min-width: 64.0625em) {
    #tagline_v2 {
      background: #18100e;
      padding: .5em 0; }
      #tagline_v2 p {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.0;
        margin: 0;
        color: #877d7d; }
      #tagline_v2 ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.0; }
        #tagline_v2 ul:before, #tagline_v2 ul:after {
          content: " ";
          display: table; }
        #tagline_v2 ul:after {
          clear: both; }
        #tagline_v2 ul > li,
        #tagline_v2 ul > a,
        #tagline_v2 ul > span,
        #tagline_v2 ul > img {
          margin: 0;
          padding: 0;
          display: block;
          float: left;
          border: none;
          line-height: 1.0; }
        #tagline_v2 ul li {
          line-height: 1.0;
          margin: 0; }
        #tagline_v2 ul a {
          color: #877d7d; } }
  @media only screen and (max-width: 40em) {
    #tagline_v2 {
      display: none; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    #tagline_v2 {
      display: none; } }

#signin-nav {
  position: fixed;
  top: 0;
  background: #fff;
  width: 280px;
  height: 100%;
  z-index: 9999;
  right: -320px;
  transition: all .25s ease-in-out 0s;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.75);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }
  #signin-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #signin-nav ul:before, #signin-nav ul:after {
      content: " ";
      display: table; }
    #signin-nav ul:after {
      clear: both; }
    #signin-nav ul > li,
    #signin-nav ul > a,
    #signin-nav ul > span,
    #signin-nav ul > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    #signin-nav ul li {
      line-height: 1.0;
      width: 100%;
      border-bottom: 1px solid #ebeae9; }
      #signin-nav ul li:first-child {
        padding: 2em 0; }
    #signin-nav ul a {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      display: block;
      padding: 1.75em .5em;
      color: #897e7b;
      text-align: center; }
      #signin-nav ul a svg {
        width: 12px;
        height: 12px;
        margin-right: .25em;
        vertical-align: .125em; }

.signin-nav-open {
  overflow: hidden; }
  .signin-nav-open #header_v2,
  .signin-nav-open #main,
  .signin-nav-open #footer_v2 {
    transform: translate3d(-40px, 0, 0); }
  .signin-nav-open #signin-nav {
    right: 0; }

#header_v2 #h-logo {
  line-height: 1.0;
  display: block;
  position: absolute;
  left: 50%;
  margin: 0; }
  #header_v2 #h-logo a {
    display: block;
    text-align: center; }
    #header_v2 #h-logo a img {
      display: block; }

#header_v2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #header_v2 ul:before, #header_v2 ul:after {
    content: " ";
    display: table; }
  #header_v2 ul:after {
    clear: both; }
  #header_v2 ul > li,
  #header_v2 ul > a,
  #header_v2 ul > span,
  #header_v2 ul > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  #header_v2 ul a {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    display: block;
    width: 100%;
    color: #897e7b;
    white-space: nowrap; }
  #header_v2 ul.header-signup {
    float: right; }
    #header_v2 ul.header-signup li:nth-child(2) a {
      padding: 1em 1em 1em;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      background: #00C3FF;
      color: #fff;
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
      transition: background-color 0.1s ease-in-out;
      border-radius: 4px; }
      @media only screen and (min-width: 40.0625em) {
        #header_v2 ul.header-signup li:nth-child(2) a {
          padding: 1.5em 1em 1.5em; } }
      #header_v2 ul.header-signup li:nth-child(2) a:hover {
        background: #1ac9ff; }
      #header_v2 ul.header-signup li:nth-child(2) a .sprite {
        float: left;
        margin-right: .5em;
        margin-top: -2px; }
  #header_v2 ul.header-account {
    float: right;
    position: relative; }
    #header_v2 ul.header-account span {
      display: block;
      background: #f33;
      position: absolute;
      width: 14px;
      height: 14px;
      top: -3px;
      right: -3px;
      border-radius: 20px; }
    #header_v2 ul.header-account img {
      border-radius: 100px; }
  #header_v2 ul.header-nav > li > a {
    border-bottom: 3px solid #fff;
    transition: all 0.2s ease-in-out; }
  #header_v2 ul.header-nav > li:hover > a, #header_v2 ul.header-nav > li:active > a {
    border-color: rgba(67, 155, 205, 0.95);
    transition: all 0.2s ease-in-out; }

@media only screen and (min-width: 64.0625em) {
  #header_v2 {
    padding: 2em 0 0; }
    #header_v2 #h-logo {
      width: 260px;
      margin-top: 8px;
      margin-left: -130px; }
      #header_v2 #h-logo img {
        width: 260px; }
    #header_v2 ul {
      font-size: 15px;
      font-size: 0.9375rem; }
      #header_v2 ul.header-signup {
        float: right; }
        #header_v2 ul.header-signup a {
          padding: 1.5em 1em 3.5em; }
        #header_v2 ul.header-signup li:nth-child(2) {
          margin-left: 1em; }
          #header_v2 ul.header-signup li:nth-child(2) a {
            padding-right: 2em;
            padding-left: 2em; }
      #header_v2 ul.header-account img {
        width: 50px; }
      #header_v2 ul.header-nav {
        float: left; }
        #header_v2 ul.header-nav > li:first-child {
          margin-right: 1em; }
        #header_v2 ul.header-nav > li > a {
          padding: 1.5em 1em 3.5em; } }

@media only screen and (max-width: 40em) {
  #header_v2 {
    padding-top: 5px; } }
  @media only screen and (max-width: 40em) and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 #h-logo {
      width: 260px;
      margin-top: 7px;
      margin-left: -130px; }
      #header_v2 #h-logo img {
        width: 260px; } }
  @media only screen and (max-width: 40em) and (max-width: 40em) {
    #header_v2 #h-logo {
      width: 150px;
      margin-top: 12px;
      float: left;
      left: 15px; }
      #header_v2 #h-logo img {
        width: 150px; } }

@media only screen and (max-width: 40em) {
    #header_v2 ul a {
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media only screen and (max-width: 40em) and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 ul.header-signup {
      width: 100%;
      padding-bottom: 15px; }
      #header_v2 ul.header-signup a {
        padding: 1.5em 1em 3.5em; }
      #header_v2 ul.header-signup li:first-child {
        float: left; }
      #header_v2 ul.header-signup li:nth-child(2) {
        float: right; }
        #header_v2 ul.header-signup li:nth-child(2) a {
          padding-right: 2em;
          padding-left: 2em; } }
  @media only screen and (max-width: 40em) and (max-width: 40em) {
    #header_v2 ul.header-signup {
      padding-top: 5px;
      padding-bottom: 10px;
      float: right; }
      #header_v2 ul.header-signup a {
        padding: .75em .5em .75em .25em;
        white-space: nowrap; }
        #header_v2 ul.header-signup a .sprite {
          margin-right: 2px !important; }
      #header_v2 ul.header-signup li:first-child {
        position: relative;
        top: +1px; } }
  @media only screen and (max-width: 40em) and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 ul.header-account {
      margin-top: 10px;
      margin-bottom: 25px; } }
  @media only screen and (max-width: 40em) and (max-width: 40em) {
    #header_v2 ul.header-account {
      margin-top: 6px;
      margin-bottom: 6px; } }

@media only screen and (max-width: 40em) {
    #header_v2 ul.header-account img {
      width: 40px; }
    #header_v2 ul.header-nav {
      clear: both;
      padding: 0;
      border-top: 1px solid #ebeae9;
      margin: 0 -10px; }
      #header_v2 ul.header-nav > li {
        width: 50%; }
        #header_v2 ul.header-nav > li > a {
          text-align: center;
          padding: 1.5em 1em 1.5em; } }
        @media only screen and (max-width: 40em) and (min-width: 64.0625em) {
          #header_v2 ul.header-nav > li > a {
            padding: 1.5em 1em 3.5em; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #header_v2 {
    padding-top: 5px; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 #h-logo {
      width: 260px;
      margin-top: 7px;
      margin-left: -130px; }
      #header_v2 #h-logo img {
        width: 260px; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) and (max-width: 40em) {
    #header_v2 #h-logo {
      width: 150px;
      margin-top: 12px;
      float: left;
      left: 15px; }
      #header_v2 #h-logo img {
        width: 150px; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 ul a {
      font-size: 13px;
      font-size: 0.8125rem; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 ul.header-signup {
      width: 100%;
      padding-bottom: 15px; }
      #header_v2 ul.header-signup a {
        padding: 1.5em 1em 3.5em; }
      #header_v2 ul.header-signup li:first-child {
        float: left; }
      #header_v2 ul.header-signup li:nth-child(2) {
        float: right; }
        #header_v2 ul.header-signup li:nth-child(2) a {
          padding-right: 2em;
          padding-left: 2em; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) and (max-width: 40em) {
    #header_v2 ul.header-signup {
      padding-top: 5px;
      padding-bottom: 10px;
      float: right; }
      #header_v2 ul.header-signup a {
        padding: .75em .5em .75em .25em;
        white-space: nowrap; }
        #header_v2 ul.header-signup a .sprite {
          margin-right: 2px !important; }
      #header_v2 ul.header-signup li:first-child {
        position: relative;
        top: +1px; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 ul.header-account {
      margin-top: 10px;
      margin-bottom: 25px; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) and (max-width: 40em) {
    #header_v2 ul.header-account {
      margin-top: 6px;
      margin-bottom: 6px; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    #header_v2 ul.header-account img {
      width: 40px; }
    #header_v2 ul.header-nav {
      clear: both;
      padding: 0;
      border-top: 1px solid #ebeae9;
      margin: 0 -10px; }
      #header_v2 ul.header-nav > li {
        width: 50%; }
        #header_v2 ul.header-nav > li > a {
          text-align: center;
          padding: 1.5em 1em 1.5em; } }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) and (min-width: 64.0625em) {
          #header_v2 ul.header-nav > li > a {
            padding: 1.5em 1em 3.5em; } }

#top_message {
  width: 100%;
  background: #1ac9ff;
  text-align: center;
  padding: 3px; }
  @media only screen and (min-width: 40.0625em) {
    #top_message {
      padding: 6px; } }
  #top_message .message {
    display: inline-block;
    line-height: 1rem; }
    #top_message .message :before {
      content: '';
      display: inline-block;
      width: 14px;
      height: 17px;
      background: url(/images/icon_campaign.png) no-repeat;
      background-size: contain;
      vertical-align: middle; }
    #top_message .message a {
      color: white;
      font-weight: 500; }

#notify {
  position: absolute;
  top: 0;
  width: 100%;
  background: #000;
  transition: all 0.2s ease-in-out; }
  #notify.blue {
    background: #00C3FF;
    color: #fff; }
  #notify.yellow {
    background: #FFE600; }
    #notify.yellow p {
      color: #3b2823; }
  #notify.notify-hide {
    top: -100px;
    transition: all 0.2s ease-in-out; }
  #notify p {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.0;
    text-align: center;
    padding: .75em 0; }

#footer_v2 {
  background: #18100e;
  padding-bottom: 4em; }
  #footer_v2 .img_title {
    width: 11%; }
  @media only screen and (max-width: 40em) {
    #footer_v2 .footer_spacer {
      width: 100%; } }
  #footer_v2 #footer_nav {
    margin-bottom: 30px; }
  #footer_v2 #footer__copyright {
    margin-top: 15px; }
  #footer_v2 #footer_prize .img_title {
    width: 3.5%; }
    @media only screen and (max-width: 40em) {
      #footer_v2 #footer_prize .img_title {
        width: 12%; } }
  #footer_v2 #f-footer {
    margin-top: 50px; }
    #footer_v2 #f-footer .row.logos {
      background: #272120;
      margin-top: 0.8em;
      padding: 20px 0;
      text-align: center; }
      #footer_v2 #f-footer .row.logos p {
        color: #a29c9a;
        text-align: center;
        font-size: 20px;
        font-family: "CambridgeRoundW01-BoldCond","YakuHanJP", "游ゴシック"; }
        #footer_v2 #f-footer .row.logos p::after {
          content: '';
          display: block;
          height: 1px;
          width: 40px;
          margin: 10px auto;
          background-color: #908178; }
  #footer_v2 h2 {
    font-size: 15px;
    font-size: 0.9375rem;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    margin: 0;
    padding-bottom: 1em;
    line-height: 1.0;
    color: white;
    position: relative;
    margin-left: 1em; }
    #footer_v2 h2::before {
      content: ">";
      color: #347193;
      left: -1em;
      position: absolute; }
  #footer_v2 h3 {
    font-size: 11px;
    font-size: 0.9375rem;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    margin: 0;
    padding-bottom: 1em;
    line-height: 1.0;
    color: #897e7b; }
  @media only screen and (min-width: 40.0625em) {
    #footer_v2 #left_line {
      border-left: thin solid #423a39;
      padding-left: 60px; } }
  @media only screen and (max-width: 40em) {
    #footer_v2 #left_line {
      border-top: thin solid #423a39;
      padding-top: 20px; } }
  #footer_v2 #f-start {
    background: #8282FF;
    padding: 4em 0; }
    #footer_v2 #f-start * {
      color: #fff;
      text-align: center; }
    #footer_v2 #f-start p.lead {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 18px;
      font-size: 1.125rem;
      letter-spacing: 2px;
      letter-spacing: 0.125rem;
      line-height: 29px;
      line-height: 1.8rem;
      margin: 0 0 32px 0;
      margin: 0 0 2rem 0; }
    #footer_v2 #f-start p.start {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 18px;
      font-size: 1.125rem; }
      #footer_v2 #f-start p.start svg {
        fill: #fff;
        margin-right: 5px; }
  #footer_v2 #f-logo {
    margin: 0;
    line-height: 1.0; }
    @media only screen and (min-width: 40.0625em) {
      #footer_v2 #f-logo {
        float: left; }
        #footer_v2 #f-logo img {
          width: 180px; } }
    @media only screen and (max-width: 40em) {
      #footer_v2 #f-logo {
        margin-top: 2em;
        text-align: center; }
        #footer_v2 #f-logo img {
          width: 200px; } }
  #footer_v2 #f-copyright {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #897e7b;
    margin: 0;
    line-height: 1.0;
    padding-left: 20px; }
    @media only screen and (min-width: 40.0625em) {
      #footer_v2 #f-copyright {
        text-align: left;
        margin-top: 1em;
        margin-left: 180px;
        padding-top: 10px; } }
    @media only screen and (max-width: 40em) {
      #footer_v2 #f-copyright {
        margin-top: 0.7em;
        text-align: center; } }
  #footer_v2 #f-gdbadge {
    padding: 4em 0; }
    #footer_v2 #f-gdbadge ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      #footer_v2 #f-gdbadge ul:before, #footer_v2 #f-gdbadge ul:after {
        content: " ";
        display: table; }
      #footer_v2 #f-gdbadge ul:after {
        clear: both; }
      #footer_v2 #f-gdbadge ul > li,
      #footer_v2 #f-gdbadge ul > a,
      #footer_v2 #f-gdbadge ul > span,
      #footer_v2 #f-gdbadge ul > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      @media only screen and (min-width: 40.0625em) {
        #footer_v2 #f-gdbadge ul li:first-child {
          margin-right: 20px; }
        #footer_v2 #f-gdbadge ul img {
          height: 30px; } }
      @media only screen and (max-width: 40em) {
        #footer_v2 #f-gdbadge ul li {
          clear: both; }
          #footer_v2 #f-gdbadge ul li:first-child {
            margin-bottom: 20px; }
        #footer_v2 #f-gdbadge ul img {
          height: 30px; } }
  #footer_v2 .f-gdbadge2 ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #footer_v2 .f-gdbadge2 ul > li {
      display: block;
      float: left;
      width: 14%;
      margin: 7px;
      position: relative;
      text-align: center; }
      @media only screen and (max-width: 40em) {
        #footer_v2 .f-gdbadge2 ul > li {
          width: 26%; } }
      @media only screen and (min-width: 64.0625em) {
        #footer_v2 .f-gdbadge2 ul > li {
          margin: 10px; } }
      #footer_v2 .f-gdbadge2 ul > li a {
        display: inline-block; }
      #footer_v2 .f-gdbadge2 ul > li img {
        height: 28px; }
      #footer_v2 .f-gdbadge2 ul > li div.desc {
        height: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        #footer_v2 .f-gdbadge2 ul > li div.desc span {
          color: #726764;
          font-size: 11px;
          font-weight: 550;
          -ms-flex: 1;
              flex: 1; }
      #footer_v2 .f-gdbadge2 ul > li div.desc2 {
        height: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        padding-bottom: 40px; }
        #footer_v2 .f-gdbadge2 ul > li div.desc2 span {
          color: #726764;
          font-size: 11px;
          font-weight: 550;
          -ms-flex: 1;
              flex: 1; }
      #footer_v2 .f-gdbadge2 ul > li .logo {
        color: yellow;
        font-size: 13px;
        position: absolute;
        bottom: 10px;
        width: 100%;
        text-align: center; }
    #footer_v2 .f-gdbadge2 ul > li.square img {
      height: 62px; }
    #footer_v2 .f-gdbadge2 ul > li.square .logo {
      position: absolute;
      bottom: 0px; }
    #footer_v2 .f-gdbadge2 ul > li.square2 {
      height: 100px; }
      #footer_v2 .f-gdbadge2 ul > li.square2 img {
        height: 70px; }
        @media only screen and (max-width: 40em) {
          #footer_v2 .f-gdbadge2 ul > li.square2 img {
            height: 82px; } }
  @media only screen and (max-width: 40em) {
    #footer_v2 .f-gdbadge2#footer_social_action li.square2 {
      height: 120px; } }
  @media only screen and (max-width: 40em) {
    #footer_v2 .f-gdbadge2#footer_prize ul > li {
      width: 100%; } }
  #footer_v2 .f-gdbadge2#footer_hands_on ul > li {
    height: 102px; }
    @media only screen and (max-width: 40em) {
      #footer_v2 .f-gdbadge2#footer_hands_on ul > li {
        height: 110px;
        width: 40%; } }
  #footer_v2 nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap; }
    #footer_v2 nav ul:before, #footer_v2 nav ul:after {
      content: " ";
      display: table; }
    #footer_v2 nav ul:after {
      clear: both; }
    #footer_v2 nav ul > li,
    #footer_v2 nav ul > a,
    #footer_v2 nav ul > span,
    #footer_v2 nav ul > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #footer_v2 nav ul {
        white-space: normal;
        line-height: 1.3; } }
    #footer_v2 nav ul a {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #ebeae9;
      padding: .5em 0;
      display: block; }
    @media only screen and (min-width: 40.0625em) {
      #footer_v2 nav ul.list-category {
        padding-bottom: 2em; } }
    @media only screen and (max-width: 40em) {
      #footer_v2 nav ul.list-category {
        padding-bottom: 2em; } }
    @media only screen and (min-width: 40.0625em) {
      #footer_v2 nav ul.list-category li {
        width: 50%; } }
    @media only screen and (max-width: 40em) {
      #footer_v2 nav ul.list-category li {
        width: 50%;
        text-align: left; } }
    #footer_v2 nav ul.list-category li.all {
      display: none; }
    @media only screen and (max-width: 40em) {
      #footer_v2 nav ul.list-menu {
        padding-bottom: 2em; } }
    @media only screen and (min-width: 40.0625em) {
      #footer_v2 nav ul.list-menu li {
        width: 100%; } }
    @media only screen and (max-width: 40em) {
      #footer_v2 nav ul.list-menu li {
        width: 100%;
        text-align: left; } }
    @media only screen and (min-width: 40.0625em) {
      #footer_v2 nav ul.list-social {
        float: right;
        margin-top: 1em;
        margin-left: 1.5em; } }
    @media only screen and (max-width: 40em) {
      #footer_v2 nav ul.list-social {
        width: 190px;
        margin: 1em auto; } }
    #footer_v2 nav ul.list-social li {
      margin-left: .5em; }
      #footer_v2 nav ul.list-social li a {
        padding: 6px;
        display: block; }
        #footer_v2 nav ul.list-social li a .-blog,
        #footer_v2 nav ul.list-social li a .-facebook,
        #footer_v2 nav ul.list-social li a .-instagram,
        #footer_v2 nav ul.list-social li a .-youtube,
        #footer_v2 nav ul.list-social li a .-twitter {
          fill: #897e7b; }

@media only screen and (max-width: 40em) {
  .m-header_nav {
    display: none; } }

.is-active_hamburger #container_v2 {
  -ms-transform: translate(-300px, 0);
      transform: translate(-300px, 0);
  overflow: hidden; }

.is-active_hamburger {
  width: 100%;
  overflow: hidden; }

.m-hamburger_content {
  position: fixed;
  z-index: 5000;
  top: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  padding: 75px 0 0;
  width: 300px; }
  .m-hamburger_content ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .m-hamburger_content ul:before, .m-hamburger_content ul:after {
      content: " ";
      display: table; }
    .m-hamburger_content ul:after {
      clear: both; }
    .m-hamburger_content ul > li,
    .m-hamburger_content ul > a,
    .m-hamburger_content ul > span,
    .m-hamburger_content ul > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    .m-hamburger_content ul li {
      line-height: 1.0;
      width: 100%;
      border-bottom: 1px solid #ebeae9; }
    .m-hamburger_content ul a {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      display: block;
      padding: 1.75em .5em;
      color: #897e7b;
      text-align: center; }

.m-hamburger_btn {
  transition: all 0.4s ease;
  cursor: pointer;
  display: block;
  z-index: 5001; }
  .m-hamburger_btn img {
    width: 40px;
    border-radius: 40px; }

.m-loader {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  fill: #9B9B9B;
  top: 100%;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: opacity .2s; }
  .is-loading .m-loader {
    opacity: 1;
    top: 0%; }
  .m-loader .loader-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px; }

#container_v2 .list-project {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 2em; }
  #container_v2 .list-project:before, #container_v2 .list-project:after {
    content: " ";
    display: table; }
  #container_v2 .list-project:after {
    clear: both; }
  #container_v2 .list-project > li,
  #container_v2 .list-project > a,
  #container_v2 .list-project > span,
  #container_v2 .list-project > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  #container_v2 .list-project .m-list-project a {
    display: block; }
    @media only screen and (min-width: 40.0625em) {
      #container_v2 .list-project .m-list-project a:hover .cover .img {
        -ms-transform: scale(1.06);
            transform: scale(1.06); }
      #container_v2 .list-project .m-list-project a:hover * {
        text-decoration: none; } }
  #container_v2 .list-project .m-list-project h3 {
    font-size: 16px;
    font-size: 1rem;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    text-align: center; }
    #container_v2 .list-project .m-list-project h3 em {
      text-shadow: 0 0 0 transparent;
      white-space: nowrap;
      font-style: normal;
      padding: .15em;
      margin: 0 .125em; }
  #container_v2 .list-project .m-list-project .cover {
    overflow: hidden;
    position: relative;
    z-index: 1; }
    #container_v2 .list-project .m-list-project .cover .img {
      background-size: cover !important;
      background-position: 50% 50%;
      transition: transform .2s linear; }
  #container_v2 .list-project .m-list-project .stats-lead p {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    line-height: 1.0;
    color: #fff;
    margin: 1.5em 0 0 0;
    text-align: center;
    opacity: .9; }
    @media only screen and (min-width: 40.0625em) {
      #container_v2 .list-project .m-list-project .stats-lead p {
        font-size: 16px;
        font-size: 1rem; } }
    @media only screen and (max-width: 40em) {
      #container_v2 .list-project .m-list-project .stats-lead p {
        font-size: 13px;
        font-size: 0.8125rem; } }
    #container_v2 .list-project .m-list-project .stats-lead p em {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      text-shadow: 0 0 0 transparent;
      white-space: nowrap;
      background: #FFE600;
      font-style: normal;
      padding: .6em .7em .25em .7em;
      color: #333;
      margin: 0 .125em; }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .list-project .m-list-project .stats-lead p em {
          font-size: 18px;
          font-size: 1.125rem; } }
      @media only screen and (max-width: 40em) {
        #container_v2 .list-project .m-list-project .stats-lead p em {
          font-size: 16px;
          font-size: 1rem; } }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .list-project .m-list-project .stats-lead p em span {
          font-size: 28px;
          font-size: 1.75rem; } }
      @media only screen and (max-width: 40em) {
        #container_v2 .list-project .m-list-project .stats-lead p em span {
          font-size: 18px;
          font-size: 1.125rem; } }
  #container_v2 .list-project .m-list-project .stats-lead .countdown {
    width: 280px; }
    @media only screen and (min-width: 40.0625em) {
      #container_v2 .list-project .m-list-project .stats-lead .countdown {
        margin: 40px auto 0 auto; } }
    @media only screen and (max-width: 40em) {
      #container_v2 .list-project .m-list-project .stats-lead .countdown {
        margin: 20px auto 0 auto;
        -ms-transform: scale(0.7);
            transform: scale(0.7); } }
  #container_v2 .list-project .m-list-project .stats-table {
    margin: 1.25em 0 0 0; }
    #container_v2 .list-project .m-list-project .stats-table:before, #container_v2 .list-project .m-list-project .stats-table:after {
      content: " ";
      display: table; }
    #container_v2 .list-project .m-list-project .stats-table:after {
      clear: both; }
    #container_v2 .list-project .m-list-project .stats-table dl {
      float: left;
      margin: 0;
      padding: 0;
      width: 100%;
      background: transparent; }
      #container_v2 .list-project .m-list-project .stats-table dl.collector {
        width: 20%;
        width: 24%; }
      #container_v2 .list-project .m-list-project .stats-table dl.progress {
        width: 20%;
        width: 24%; }
      #container_v2 .list-project .m-list-project .stats-table dl.money {
        width: 60%;
        width: 52%; }
      #container_v2 .list-project .m-list-project .stats-table dl.days {
        width: 20%;
        width: 24%; }
        #container_v2 .list-project .m-list-project .stats-table dl.days dd.number {
          font-size: 0.8rem; }
      #container_v2 .list-project .m-list-project .stats-table dl.date {
        width: 20%;
        width: 24%; }
      #container_v2 .list-project .m-list-project .stats-table dl dt,
      #container_v2 .list-project .m-list-project .stats-table dl dd {
        margin: 0;
        padding: 0;
        line-height: 1.0;
        text-align: center;
        color: #897e7b; }
      #container_v2 .list-project .m-list-project .stats-table dl dt {
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: normal;
        margin-bottom: 6px; }
      #container_v2 .list-project .m-list-project .stats-table dl dd .number {
        font-size: 16px;
        font-size: 1rem;
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600; }
      #container_v2 .list-project .m-list-project .stats-table dl dd .unit {
        font-size: 13px;
        font-size: 0.8125rem;
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 200;
        margin-left: .1em; }
      #container_v2 .list-project .m-list-project .stats-table dl.date .number {
        font-size: 13px;
        font-size: 0.8125rem; }
    #container_v2 .list-project .m-list-project .stats-table dl {
      border: none; }
  #container_v2 .list-project .m-list-project .update {
    border-radius: 8px 8px 0 0;
    padding: 1.5em;
    background: #ebeae9; }
    #container_v2 .list-project .m-list-project .update p.title {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 0 !important; }
    #container_v2 .list-project .m-list-project .update p.text {
      margin-top: 0 !important; }
    #container_v2 .list-project .m-list-project .update p.info {
      font-weight: 700;
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 13px;
      font-size: 0.8125rem;
      background: #FFE600;
      padding: .75em 1em;
      display: inline-block;
      line-height: 1.0;
      margin: 0;
      color: #3b2823; }
      #container_v2 .list-project .m-list-project .update p.info .sprite svg {
        fill: #3b2823;
        position: relative;
        top: -3px; }
  #container_v2 .list-project .m-list-project .comments {
    background: #ebeae9;
    width: 100%;
    padding-bottom: 1em; }
    #container_v2 .list-project .m-list-project .comments .comment {
      border-top: 1px solid #c4bfbd;
      text-align: center;
      padding: 1.5em 2em 1em 2em; }
      #container_v2 .list-project .m-list-project .comments .comment img {
        width: 60px;
        border-radius: 120px;
        margin: 0 auto; }
      #container_v2 .list-project .m-list-project .comments .comment p {
        text-align: center; }
        #container_v2 .list-project .m-list-project .comments .comment p.text {
          font-size: 15px;
          font-size: 0.9375rem; }
        #container_v2 .list-project .m-list-project .comments .comment p.info {
          font-size: 13px;
          font-size: 0.8125rem;
          color: #c4bfbd; }
          #container_v2 .list-project .m-list-project .comments .comment p.info svg {
            fill: #c4bfbd; }
  #container_v2 .list-project .m-list-project ul.info {
    text-align: center;
    margin-top: 1em;
    margin-left: 0; }
    #container_v2 .list-project .m-list-project ul.info li {
      display: inline-block;
      white-space: nowrap;
      *display: inline;
      *zoom: 1; }
    #container_v2 .list-project .m-list-project ul.info li {
      color: #897e7b;
      margin: 0 .5em;
      font-size: 15px;
      font-size: 0.9375rem; }
      #container_v2 .list-project .m-list-project ul.info li a {
        color: #3b2823; }
        #container_v2 .list-project .m-list-project ul.info li a:hover {
          color: #00C3FF; }
          #container_v2 .list-project .m-list-project ul.info li a:hover .sprite svg {
            fill: #00C3FF; }
      #container_v2 .list-project .m-list-project ul.info li .sprite {
        color: #897e7b; }
        #container_v2 .list-project .m-list-project ul.info li .sprite svg {
          position: relative;
          top: -3px;
          margin-right: .125em;
          width: 14px;
          fill: #897e7b; }
  #container_v2 .list-project.grid .m-list-project, #container_v2 .list-project.carousel .m-list-project, #container_v2 .list-project.feed .m-list-project, #container_v2 .list-project.pannel .m-list-project {
    transition: all .25s ease-in-out 0s;
    border: 1px solid #877d7d;
    border-bottom-width: 3px;
    border-radius: 8px;
    border-color: #ebeae9 !important;
    background: #fff;
    border-radius: 8px; }
    #container_v2 .list-project.grid .m-list-project:hover, #container_v2 .list-project.carousel .m-list-project:hover, #container_v2 .list-project.feed .m-list-project:hover, #container_v2 .list-project.pannel .m-list-project:hover {
      border-color: #c4bfbd !important; }
    #container_v2 .list-project.grid .m-list-project .cover, #container_v2 .list-project.carousel .m-list-project .cover, #container_v2 .list-project.feed .m-list-project .cover, #container_v2 .list-project.pannel .m-list-project .cover {
      border-radius: 8px 8px 0 0;
      margin: -1px; }
    #container_v2 .list-project.grid .m-list-project .title, #container_v2 .list-project.carousel .m-list-project .title, #container_v2 .list-project.feed .m-list-project .title, #container_v2 .list-project.pannel .m-list-project .title {
      padding: 1em .5em; }
      #container_v2 .list-project.grid .m-list-project .title h3, #container_v2 .list-project.carousel .m-list-project .title h3, #container_v2 .list-project.feed .m-list-project .title h3, #container_v2 .list-project.pannel .m-list-project .title h3 {
        color: #3b2823; }
        #container_v2 .list-project.grid .m-list-project .title h3 br, #container_v2 .list-project.carousel .m-list-project .title h3 br, #container_v2 .list-project.feed .m-list-project .title h3 br, #container_v2 .list-project.pannel .m-list-project .title h3 br {
          display: none; }
        #container_v2 .list-project.grid .m-list-project .title h3 em, #container_v2 .list-project.carousel .m-list-project .title h3 em, #container_v2 .list-project.feed .m-list-project .title h3 em, #container_v2 .list-project.pannel .m-list-project .title h3 em {
          display: inline-block; }
    #container_v2 .list-project.grid .m-list-project .content, #container_v2 .list-project.carousel .m-list-project .content, #container_v2 .list-project.feed .m-list-project .content, #container_v2 .list-project.pannel .m-list-project .content {
      padding: 0 1em 1em 1em; }
    #container_v2 .list-project.grid .m-list-project .progress-bar, #container_v2 .list-project.carousel .m-list-project .progress-bar, #container_v2 .list-project.feed .m-list-project .progress-bar, #container_v2 .list-project.pannel .m-list-project .progress-bar {
      background: repeating-linear-gradient(45deg, #ccc, #ccc 1px, #fefefe 0, #fefefe 4px);
      border-radius: 20px;
      position: relative;
      margin-top: .5em; }
      #container_v2 .list-project.grid .m-list-project .progress-bar .current, #container_v2 .list-project.carousel .m-list-project .progress-bar .current, #container_v2 .list-project.feed .m-list-project .progress-bar .current, #container_v2 .list-project.pannel .m-list-project .progress-bar .current {
        border-radius: 20px;
        background: #00C3FF;
        max-width: 100%;
        height: 6px; }
      #container_v2 .list-project.grid .m-list-project .progress-bar .over100,
      #container_v2 .list-project.grid .m-list-project .progress-bar .over200,
      #container_v2 .list-project.grid .m-list-project .progress-bar .over300, #container_v2 .list-project.carousel .m-list-project .progress-bar .over100,
      #container_v2 .list-project.carousel .m-list-project .progress-bar .over200,
      #container_v2 .list-project.carousel .m-list-project .progress-bar .over300, #container_v2 .list-project.feed .m-list-project .progress-bar .over100,
      #container_v2 .list-project.feed .m-list-project .progress-bar .over200,
      #container_v2 .list-project.feed .m-list-project .progress-bar .over300, #container_v2 .list-project.pannel .m-list-project .progress-bar .over100,
      #container_v2 .list-project.pannel .m-list-project .progress-bar .over200,
      #container_v2 .list-project.pannel .m-list-project .progress-bar .over300 {
        border-radius: 20px;
        max-width: 100%;
        z-index: 100;
        height: 6px; }
      #container_v2 .list-project.grid .m-list-project .progress-bar .over100, #container_v2 .list-project.carousel .m-list-project .progress-bar .over100, #container_v2 .list-project.feed .m-list-project .progress-bar .over100, #container_v2 .list-project.pannel .m-list-project .progress-bar .over100 {
        margin-top: -6px;
        background: #00b0e6;
        margin-top: -6px; }
      #container_v2 .list-project.grid .m-list-project .progress-bar .over200, #container_v2 .list-project.carousel .m-list-project .progress-bar .over200, #container_v2 .list-project.feed .m-list-project .progress-bar .over200, #container_v2 .list-project.pannel .m-list-project .progress-bar .over200 {
        background: #009ccc;
        margin-top: -6px; }
      #container_v2 .list-project.grid .m-list-project .progress-bar .over300, #container_v2 .list-project.carousel .m-list-project .progress-bar .over300, #container_v2 .list-project.feed .m-list-project .progress-bar .over300, #container_v2 .list-project.pannel .m-list-project .progress-bar .over300 {
        background: #0089b3;
        margin-top: -6px; }
      #container_v2 .list-project.grid .m-list-project .progress-bar .funded, #container_v2 .list-project.carousel .m-list-project .progress-bar .funded, #container_v2 .list-project.feed .m-list-project .progress-bar .funded, #container_v2 .list-project.pannel .m-list-project .progress-bar .funded {
        width: 100%;
        position: absolute;
        top: -5px; }
        #container_v2 .list-project.grid .m-list-project .progress-bar .funded div, #container_v2 .list-project.carousel .m-list-project .progress-bar .funded div, #container_v2 .list-project.feed .m-list-project .progress-bar .funded div, #container_v2 .list-project.pannel .m-list-project .progress-bar .funded div {
          font-weight: 700;
          font-family: 'Open Sans Condensed', sans-serif;
          width: 100%;
          text-align: center;
          display: block;
          line-height: 1.0;
          font-size: 13px;
          font-size: 0.8125rem;
          color: #00C3FF; }
          #container_v2 .list-project.grid .m-list-project .progress-bar .funded div b, #container_v2 .list-project.carousel .m-list-project .progress-bar .funded div b, #container_v2 .list-project.feed .m-list-project .progress-bar .funded div b, #container_v2 .list-project.pannel .m-list-project .progress-bar .funded div b {
            border-radius: 100px;
            padding: 3px 6px 3px 4px; }
          #container_v2 .list-project.grid .m-list-project .progress-bar .funded div .sprite, #container_v2 .list-project.carousel .m-list-project .progress-bar .funded div .sprite, #container_v2 .list-project.feed .m-list-project .progress-bar .funded div .sprite, #container_v2 .list-project.pannel .m-list-project .progress-bar .funded div .sprite {
            position: relative;
            top: -1px; }
          #container_v2 .list-project.grid .m-list-project .progress-bar .funded div .sprite, #container_v2 .list-project.carousel .m-list-project .progress-bar .funded div .sprite, #container_v2 .list-project.feed .m-list-project .progress-bar .funded div .sprite, #container_v2 .list-project.pannel .m-list-project .progress-bar .funded div .sprite {
            fill: #00C3FF; }
          #container_v2 .list-project.grid .m-list-project .progress-bar .funded div b, #container_v2 .list-project.carousel .m-list-project .progress-bar .funded div b, #container_v2 .list-project.feed .m-list-project .progress-bar .funded div b, #container_v2 .list-project.pannel .m-list-project .progress-bar .funded div b {
            background: #fff; }
      #container_v2 .list-project.grid .m-list-project .progress-bar.funded .over100,
      #container_v2 .list-project.grid .m-list-project .progress-bar.funded .over200,
      #container_v2 .list-project.grid .m-list-project .progress-bar.funded .over300, #container_v2 .list-project.carousel .m-list-project .progress-bar.funded .over100,
      #container_v2 .list-project.carousel .m-list-project .progress-bar.funded .over200,
      #container_v2 .list-project.carousel .m-list-project .progress-bar.funded .over300, #container_v2 .list-project.feed .m-list-project .progress-bar.funded .over100,
      #container_v2 .list-project.feed .m-list-project .progress-bar.funded .over200,
      #container_v2 .list-project.feed .m-list-project .progress-bar.funded .over300, #container_v2 .list-project.pannel .m-list-project .progress-bar.funded .over100,
      #container_v2 .list-project.pannel .m-list-project .progress-bar.funded .over200,
      #container_v2 .list-project.pannel .m-list-project .progress-bar.funded .over300 {
        background: #00C3FF; }
      #container_v2 .list-project.grid .m-list-project .progress-bar.notfunded .current, #container_v2 .list-project.carousel .m-list-project .progress-bar.notfunded .current, #container_v2 .list-project.feed .m-list-project .progress-bar.notfunded .current, #container_v2 .list-project.pannel .m-list-project .progress-bar.notfunded .current {
        background: #897e7b;
        width: 100% !important; }
      #container_v2 .list-project.grid .m-list-project .progress-bar.notfunded .funded div, #container_v2 .list-project.carousel .m-list-project .progress-bar.notfunded .funded div, #container_v2 .list-project.feed .m-list-project .progress-bar.notfunded .funded div, #container_v2 .list-project.pannel .m-list-project .progress-bar.notfunded .funded div {
        color: #897e7b; }
        #container_v2 .list-project.grid .m-list-project .progress-bar.notfunded .funded div .sprite, #container_v2 .list-project.carousel .m-list-project .progress-bar.notfunded .funded div .sprite, #container_v2 .list-project.feed .m-list-project .progress-bar.notfunded .funded div .sprite, #container_v2 .list-project.pannel .m-list-project .progress-bar.notfunded .funded div .sprite {
          fill: #897e7b; }
        #container_v2 .list-project.grid .m-list-project .progress-bar.notfunded .funded div b, #container_v2 .list-project.carousel .m-list-project .progress-bar.notfunded .funded div b, #container_v2 .list-project.feed .m-list-project .progress-bar.notfunded .funded div b, #container_v2 .list-project.pannel .m-list-project .progress-bar.notfunded .funded div b {
          background: #fff; }
  #container_v2 .list-project.grid {
    margin: 0 auto; }
    @media only screen and (min-width: 64.0625em) {
      #container_v2 .list-project.grid {
        width: 1170px; } }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #container_v2 .list-project.grid {
        width: 780px; } }
    @media only screen and (max-width: 40em) {
      #container_v2 .list-project.grid {
        width: 100%; } }
    @media only screen and (min-width: 64.0625em) {
      #container_v2 .list-project.grid .m-list-project {
        margin: 10px;
        width: 370px; }
        #container_v2 .list-project.grid .m-list-project:nth-child(3n + 1) {
          clear: left; } }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #container_v2 .list-project.grid .m-list-project {
        margin: 10px;
        width: 370px; }
        #container_v2 .list-project.grid .m-list-project:nth-child(2n + 1) {
          clear: left; } }
    @media only screen and (max-width: 40em) {
      #container_v2 .list-project.grid .m-list-project {
        margin: 10px 0;
        width: 100%; } }
    #container_v2 .list-project.grid .m-list-project .cover .img {
      padding-top: 72%; }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .list-project.grid .m-list-project .cover .img {
          width: 372px; } }
      @media only screen and (max-width: 40em) {
        #container_v2 .list-project.grid .m-list-project .cover .img {
          width: 100%; } }
    #container_v2 .list-project.grid.single {
      width: 320px; }
      #container_v2 .list-project.grid.single .m-list-project {
        margin: 0;
        width: 100%; }
  #container_v2 .list-project.carousel .m-list-project {
    margin: 0 0 .5em 20px;
    width: 320px; }
    #container_v2 .list-project.carousel .m-list-project .cover .img {
      width: 322px;
      padding-top: 72%; }
  #container_v2 .list-project.grid .m-list-project.more, #container_v2 .list-project.carousel .m-list-project.more {
    background: url("https://mg-img.s3.amazonaws.com/static/discover.jpg");
    background-size: cover;
    background-position: center center; }
    #container_v2 .list-project.grid .m-list-project.more .progress-bar,
    #container_v2 .list-project.grid .m-list-project.more .stats-table, #container_v2 .list-project.carousel .m-list-project.more .progress-bar,
    #container_v2 .list-project.carousel .m-list-project.more .stats-table {
      visibility: hidden; }
    #container_v2 .list-project.grid .m-list-project.more a, #container_v2 .list-project.carousel .m-list-project.more a {
      position: relative; }
    #container_v2 .list-project.grid .m-list-project.more .more, #container_v2 .list-project.carousel .m-list-project.more .more {
      position: absolute;
      top: 240px;
      text-align: center;
      line-height: 1.0;
      width: 100%; }
      #container_v2 .list-project.grid .m-list-project.more .more .text, #container_v2 .list-project.carousel .m-list-project.more .more .text {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        display: inline-block;
        color: #fff; }
        #container_v2 .list-project.grid .m-list-project.more .more .text svg, #container_v2 .list-project.carousel .m-list-project.more .more .text svg {
          fill: #fff;
          margin-top: -2px;
          width: 24px;
          height: 24px; }
  #container_v2 .list-project.banner.no-carousel .m-list-project {
    float: none; }
    @media only screen and (min-width: 40.0625em) {
      #container_v2 .list-project.banner.no-carousel .m-list-project {
        margin: 0 40px 1em 40px; } }
    @media only screen and (max-width: 40em) {
      #container_v2 .list-project.banner.no-carousel .m-list-project {
        margin: 0 10px 1em 10px; } }
  #container_v2 .list-project.banner .m-list-project {
    margin: 0;
    position: relative; }
    @media only screen and (min-width: 40.0625em) {
      #container_v2 .list-project.banner .m-list-project {
        height: 640px; } }
    @media only screen and (max-width: 40em) {
      #container_v2 .list-project.banner .m-list-project {
        height: 300px; } }
    #container_v2 .list-project.banner .m-list-project .cover,
    #container_v2 .list-project.banner .m-list-project .img,
    #container_v2 .list-project.banner .m-list-project .title {
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1000; }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .list-project.banner .m-list-project .cover,
        #container_v2 .list-project.banner .m-list-project .img,
        #container_v2 .list-project.banner .m-list-project .title {
          height: 640px; } }
      @media only screen and (max-width: 40em) {
        #container_v2 .list-project.banner .m-list-project .cover,
        #container_v2 .list-project.banner .m-list-project .img,
        #container_v2 .list-project.banner .m-list-project .title {
          height: 300px; } }
    #container_v2 .list-project.banner .m-list-project .cover .img {
      background-size: cover;
      background-position: center center; }
    #container_v2 .list-project.banner .m-list-project .title {
      background: rgba(0, 0, 0, 0.3); }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .list-project.banner .m-list-project .title {
          padding-top: 230px; } }
      @media only screen and (max-width: 40em) {
        #container_v2 .list-project.banner .m-list-project .title {
          padding-top: 100px; } }
      #container_v2 .list-project.banner .m-list-project .title h3 {
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        color: #fff; }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.banner .m-list-project .title h3 {
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1.9; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.banner .m-list-project .title h3 {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.6;
            padding: 0 10px; }
            #container_v2 .list-project.banner .m-list-project .title h3 br {
              display: none; } }
    #container_v2 .list-project.banner .m-list-project .stats-lead {
      position: relative; }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .list-project.banner .m-list-project .stats-lead {
          margin-top: 40px; } }
      @media only screen and (max-width: 40em) {
        #container_v2 .list-project.banner .m-list-project .stats-lead {
          margin-top: 10px; } }
      #container_v2 .list-project.banner .m-list-project .stats-lead p {
        position: absolute;
        top: 0;
        margin: 0;
        line-height: 1.0;
        width: 100%;
        font-style: normal; }
        #container_v2 .list-project.banner .m-list-project .stats-lead p em {
          text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
          white-space: nowrap;
          background: transparent !important;
          padding: .6em .7em .25em .7em;
          color: #FFE600;
          border-bottom: 4px solid #FFE600; }
          @media only screen and (min-width: 40.0625em) {
            #container_v2 .list-project.banner .m-list-project .stats-lead p em span {
              font-size: 32px;
              font-size: 2rem; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.banner .m-list-project .stats-lead p em span {
              font-size: 28px;
              font-size: 1.75rem; } }
        #container_v2 .list-project.banner .m-list-project .stats-lead p.percent {
          opacity: 0; }
          #container_v2 .list-project.banner .m-list-project .stats-lead p.percent em {
            font-weight: 700;
            font-family: 'Open Sans Condensed', sans-serif; }
        #container_v2 .list-project.banner .m-list-project .stats-lead p.date em {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600; }
    #container_v2 .list-project.banner .m-list-project .progress-bar {
      background: repeating-linear-gradient(45deg, #ccc, #ccc 1px, #fefefe 0, #fefefe 4px);
      border-radius: 20px;
      position: relative;
      z-index: 1000;
      background: #fff;
      opacity: 0; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .current {
        border-radius: 20px;
        background: #00C3FF;
        max-width: 100%;
        height: 6px; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .over100,
      #container_v2 .list-project.banner .m-list-project .progress-bar .over200,
      #container_v2 .list-project.banner .m-list-project .progress-bar .over300 {
        border-radius: 20px;
        max-width: 100%;
        z-index: 100;
        height: 6px; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .over100 {
        margin-top: -6px;
        background: #00b0e6;
        margin-top: -6px; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .over200 {
        background: #009ccc;
        margin-top: -6px; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .over300 {
        background: #0089b3;
        margin-top: -6px; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .funded {
        width: 100%;
        position: absolute;
        top: -5px; }
        #container_v2 .list-project.banner .m-list-project .progress-bar .funded div {
          font-weight: 700;
          font-family: 'Open Sans Condensed', sans-serif;
          width: 100%;
          text-align: center;
          display: block;
          line-height: 1.0;
          font-size: 13px;
          font-size: 0.8125rem;
          color: #fff; }
          #container_v2 .list-project.banner .m-list-project .progress-bar .funded div b {
            border-radius: 100px;
            padding: 3px 6px 3px 4px; }
          #container_v2 .list-project.banner .m-list-project .progress-bar .funded div .sprite {
            position: relative;
            top: -1px; }
          #container_v2 .list-project.banner .m-list-project .progress-bar .funded div .sprite {
            fill: #fff; }
          #container_v2 .list-project.banner .m-list-project .progress-bar .funded div b {
            background: #00C3FF; }
      #container_v2 .list-project.banner .m-list-project .progress-bar.funded .over100,
      #container_v2 .list-project.banner .m-list-project .progress-bar.funded .over200,
      #container_v2 .list-project.banner .m-list-project .progress-bar.funded .over300 {
        background: #00C3FF; }
      #container_v2 .list-project.banner .m-list-project .progress-bar.notfunded .current {
        background: #897e7b;
        width: 100% !important; }
      #container_v2 .list-project.banner .m-list-project .progress-bar.notfunded .funded div {
        color: #fff; }
        #container_v2 .list-project.banner .m-list-project .progress-bar.notfunded .funded div .sprite {
          fill: #fff; }
        #container_v2 .list-project.banner .m-list-project .progress-bar.notfunded .funded div b {
          background: #897e7b;
          padding: 3px 9px 3px 9px; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .current,
      #container_v2 .list-project.banner .m-list-project .progress-bar .over100,
      #container_v2 .list-project.banner .m-list-project .progress-bar .over200,
      #container_v2 .list-project.banner .m-list-project .progress-bar .over300 {
        -ms-transform: scale(0, 1);
            transform: scale(0, 1);
        -ms-transform-origin: left top;
            transform-origin: left top; }
      #container_v2 .list-project.banner .m-list-project .progress-bar .funded {
        opacity: 0; }
    #container_v2 .list-project.banner .m-list-project .content {
      width: 100%;
      left: 50%;
      bottom: 0;
      position: absolute;
      z-index: 2000; }
      @media only screen and (max-width: 40em) {
        #container_v2 .list-project.banner .m-list-project .content {
          width: 300px;
          margin-left: -150px; } }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .list-project.banner .m-list-project .content {
          width: 300px;
          margin-left: -150px; } }
      @media only screen and (min-width: 64.0625em) {
        #container_v2 .list-project.banner .m-list-project .content {
          width: 480px;
          margin-left: -240px; } }
      #container_v2 .list-project.banner .m-list-project .content ul.collector {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative; }
        #container_v2 .list-project.banner .m-list-project .content ul.collector:before, #container_v2 .list-project.banner .m-list-project .content ul.collector:after {
          content: " ";
          display: table; }
        #container_v2 .list-project.banner .m-list-project .content ul.collector:after {
          clear: both; }
        #container_v2 .list-project.banner .m-list-project .content ul.collector > li,
        #container_v2 .list-project.banner .m-list-project .content ul.collector > a,
        #container_v2 .list-project.banner .m-list-project .content ul.collector > span,
        #container_v2 .list-project.banner .m-list-project .content ul.collector > img {
          margin: 0;
          padding: 0;
          display: block;
          float: left;
          border: none;
          line-height: 1.0; }
        @media only screen and (min-width: 64.0625em) {
          #container_v2 .list-project.banner .m-list-project .content ul.collector {
            width: 400px;
            margin: 30px auto 30px auto; } }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          #container_v2 .list-project.banner .m-list-project .content ul.collector {
            width: 400px;
            margin: 30px 0 30px -50px; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.banner .m-list-project .content ul.collector {
            width: 272px;
            margin: 20px auto 10px auto; } }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.banner .m-list-project .content ul.collector li {
            margin: 0 5px; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.banner .m-list-project .content ul.collector li {
            margin: 0 2px; } }
        #container_v2 .list-project.banner .m-list-project .content ul.collector img {
          display: block;
          border-radius: 40px; }
          @media only screen and (min-width: 40.0625em) {
            #container_v2 .list-project.banner .m-list-project .content ul.collector img {
              width: 40px;
              height: 40px; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.banner .m-list-project .content ul.collector img {
              width: 30px;
              height: 30px; } }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.banner .m-list-project .content ul.collector {
            margin-bottom: 60px !important; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.banner .m-list-project .content ul.collector {
            margin-bottom: 20px !important; } }
        #container_v2 .list-project.banner .m-list-project .content ul.collector li {
          opacity: 0;
          -ms-transform: scale(0);
              transform: scale(0); }
    #container_v2 .list-project.banner .m-list-project:hover .title {
      background: rgba(0, 0, 0, 0.2); }
    #container_v2 .list-project.banner .m-list-project:hover .stats-lead .percent {
      transition: all, ease-out 0.25s;
      opacity: 1; }
    #container_v2 .list-project.banner .m-list-project:hover .stats-lead .date {
      opacity: 0; }
    #container_v2 .list-project.banner .m-list-project:hover .progress-bar {
      opacity: 1;
      transition: all, ease-out 0.5s; }
      #container_v2 .list-project.banner .m-list-project:hover .progress-bar .current,
      #container_v2 .list-project.banner .m-list-project:hover .progress-bar .over100,
      #container_v2 .list-project.banner .m-list-project:hover .progress-bar .over200,
      #container_v2 .list-project.banner .m-list-project:hover .progress-bar .over300 {
        transition: all, ease-out .5s;
        -ms-transform: scale(1, 1);
            transform: scale(1, 1); }
      #container_v2 .list-project.banner .m-list-project:hover .progress-bar .funded {
        opacity: 1.0;
        transition: all, ease-out .125s;
        transition-delay: .5s; }
    #container_v2 .list-project.banner .m-list-project:hover ul.collector li {
      opacity: 1;
      transition: all ease-out 0.15s;
      -ms-transform: scale(1);
          transform: scale(1); }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li img {
        border: 1px solid #fff; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(1) {
        transition-delay: 0.15s; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(2) {
        transition-delay: 0.175s; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(3) {
        transition-delay: 0.2s; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(4) {
        transition-delay: 0.225s; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(5) {
        transition-delay: 0.25s; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(6) {
        transition-delay: 0.275s; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(7) {
        transition-delay: 0.3s; }
      #container_v2 .list-project.banner .m-list-project:hover ul.collector li:nth-child(8) {
        transition-delay: 0.325s; }
  #container_v2 .list-project.feed-success {
    margin-bottom: 0; }
    #container_v2 .list-project.feed-success .m-list-project {
      margin: 0;
      width: 100%;
      position: relative; }
      #container_v2 .list-project.feed-success .m-list-project nav {
        position: absolute;
        z-index: 1000;
        width: 100%; }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.feed-success .m-list-project nav {
            bottom: 4em; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.feed-success .m-list-project nav {
            bottom: 2em; } }
        #container_v2 .list-project.feed-success .m-list-project nav .share {
          text-align: center;
          margin-top: 1em; }
          #container_v2 .list-project.feed-success .m-list-project nav .share li {
            display: inline-block;
            white-space: nowrap;
            *display: inline;
            *zoom: 1; }
          #container_v2 .list-project.feed-success .m-list-project nav .share a {
            display: block; }
        #container_v2 .list-project.feed-success .m-list-project nav li {
          float: none; }
      #container_v2 .list-project.feed-success .m-list-project .success {
        z-index: 1000;
        position: absolute;
        top: 0;
        width: 100%;
        background: rgba(153, 138, 0, 0.3);
        border-radius: 8px;
        z-index: 1;
        overflow: hidden; }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.feed-success .m-list-project .success {
            height: 480px; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.feed-success .m-list-project .success {
            height: 360px; }
            #container_v2 .list-project.feed-success .m-list-project .success h3 {
              padding: 0 1em; }
              #container_v2 .list-project.feed-success .m-list-project .success h3 br {
                display: none; } }
        #container_v2 .list-project.feed-success .m-list-project .success p {
          color: #fff;
          text-align: center; }
          #container_v2 .list-project.feed-success .m-list-project .success p.funded {
            font-size: 18px;
            font-size: 1.125rem;
            font-weight: 700;
            font-family: 'Open Sans Condensed', sans-serif;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75); }
            @media only screen and (min-width: 40.0625em) {
              #container_v2 .list-project.feed-success .m-list-project .success p.funded {
                margin: 8em 0 0 0; } }
            @media only screen and (max-width: 40em) {
              #container_v2 .list-project.feed-success .m-list-project .success p.funded {
                margin: 3em 0 0 0; } }
            #container_v2 .list-project.feed-success .m-list-project .success p.funded img {
              width: 24px;
              margin-right: 5px;
              margin-top: -2px; }
          #container_v2 .list-project.feed-success .m-list-project .success p.date {
            font-size: 13px;
            font-size: 0.8125rem;
            font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
            font-weight: 600;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
            color: #ebeae9;
            margin-top: 1em; }
        #container_v2 .list-project.feed-success .m-list-project .success h3 {
          text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
          font-size: 16px;
          font-size: 1rem;
          margin-top: .5em;
          color: #fff; }
          @media only screen and (min-width: 40.0625em) {
            #container_v2 .list-project.feed-success .m-list-project .success h3 {
              line-height: 2.0; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.feed-success .m-list-project .success h3 {
              line-height: 1.7; } }
          #container_v2 .list-project.feed-success .m-list-project .success h3 em {
            background: none;
            color: #fff; }
      #container_v2 .list-project.feed-success .m-list-project .cover {
        border-radius: 0; }
        #container_v2 .list-project.feed-success .m-list-project .cover .img {
          border-radius: 8px;
          width: 100%; }
          @media only screen and (min-width: 40.0625em) {
            #container_v2 .list-project.feed-success .m-list-project .cover .img {
              padding-top: 480px; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.feed-success .m-list-project .cover .img {
              padding-top: 360px; } }
      #container_v2 .list-project.feed-success .m-list-project .content {
        display: none; }
  #container_v2 .list-project.feed-progress {
    margin-bottom: 0; }
    #container_v2 .list-project.feed-progress .m-list-project {
      margin: 0;
      width: 100%;
      position: relative; }
      #container_v2 .list-project.feed-progress .m-list-project .progress {
        z-index: 1000;
        position: absolute;
        top: 0;
        width: 100%;
        background: rgba(24, 16, 14, 0.5);
        border-radius: 8px; }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.feed-progress .m-list-project .progress {
            height: 360px; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.feed-progress .m-list-project .progress {
            height: 360px; }
            #container_v2 .list-project.feed-progress .m-list-project .progress h3 {
              padding: 0 1em; }
              #container_v2 .list-project.feed-progress .m-list-project .progress h3 br {
                display: none; } }
        #container_v2 .list-project.feed-progress .m-list-project .progress .note {
          position: absolute;
          right: 1em;
          top: 1em;
          border-radius: 100px;
          background: #FFE600;
          width: 100px;
          height: 100px; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .note span {
            text-align: center; }
            #container_v2 .list-project.feed-progress .m-list-project .progress .note span.sprite {
              margin-top: 1.5em;
              fill: #3b2823;
              display: block; }
              #container_v2 .list-project.feed-progress .m-list-project .progress .note span.sprite svg {
                width: 24px;
                height: 24px; }
            #container_v2 .list-project.feed-progress .m-list-project .progress .note span.text {
              font-size: 13px;
              font-size: 0.8125rem;
              font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
              font-weight: 600;
              display: block;
              color: #3b2823;
              line-height: 1.3;
              margin-top: .5em; }
        #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar {
          background: repeating-linear-gradient(45deg, #ccc, #ccc 1px, #fefefe 0, #fefefe 4px);
          border-radius: 20px;
          position: relative;
          width: 60%;
          margin: 1em auto 0 auto; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .current {
            border-radius: 20px;
            background: #00C3FF;
            max-width: 100%;
            height: 6px; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .over100,
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .over200,
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .over300 {
            border-radius: 20px;
            max-width: 100%;
            z-index: 100;
            height: 6px; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .over100 {
            margin-top: -6px;
            background: #00b0e6;
            margin-top: -6px; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .over200 {
            background: #009ccc;
            margin-top: -6px; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .over300 {
            background: #0089b3;
            margin-top: -6px; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .funded {
            width: 100%;
            position: absolute;
            top: -5px; }
            #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .funded div {
              font-weight: 700;
              font-family: 'Open Sans Condensed', sans-serif;
              width: 100%;
              text-align: center;
              display: block;
              line-height: 1.0;
              font-size: 13px;
              font-size: 0.8125rem;
              color: #fff; }
              #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .funded div b {
                border-radius: 100px;
                padding: 3px 6px 3px 4px; }
              #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .funded div .sprite {
                position: relative;
                top: -1px; }
              #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .funded div .sprite {
                fill: #fff; }
              #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar .funded div b {
                background: #00C3FF; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar.funded .over100,
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar.funded .over200,
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar.funded .over300 {
            background: #00C3FF; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar.notfunded .current {
            background: #897e7b;
            width: 100% !important; }
          #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar.notfunded .funded div {
            color: #fff; }
            #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar.notfunded .funded div .sprite {
              fill: #fff; }
            #container_v2 .list-project.feed-progress .m-list-project .progress .progress-bar.notfunded .funded div b {
              background: #897e7b;
              padding: 3px 9px 3px 9px; }
        #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector {
          list-style-type: none;
          margin: 0;
          padding: 0; }
          #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector:before, #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector:after {
            content: " ";
            display: table; }
          #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector:after {
            clear: both; }
          #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector > li,
          #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector > a,
          #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector > span,
          #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector > img {
            margin: 0;
            padding: 0;
            display: block;
            float: left;
            border: none;
            line-height: 1.0; }
          @media only screen and (min-width: 64.0625em) {
            #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector {
              width: 400px;
              margin: 30px auto 30px auto; } }
          @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
            #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector {
              width: 400px;
              margin: 30px 0 30px -50px; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector {
              width: 272px;
              margin: 20px auto 10px auto; } }
          @media only screen and (min-width: 40.0625em) {
            #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector li {
              margin: 0 5px; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector li {
              margin: 0 2px; } }
          #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector img {
            display: block;
            border-radius: 40px; }
            @media only screen and (min-width: 40.0625em) {
              #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector img {
                width: 40px;
                height: 40px; } }
            @media only screen and (max-width: 40em) {
              #container_v2 .list-project.feed-progress .m-list-project .progress ul.collector img {
                width: 30px;
                height: 30px; } }
        #container_v2 .list-project.feed-progress .m-list-project .progress p {
          color: #fff;
          text-align: center; }
          #container_v2 .list-project.feed-progress .m-list-project .progress p.date {
            font-size: 13px;
            font-size: 0.8125rem;
            font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
            font-weight: 600;
            color: #ebeae9;
            margin-top: 1em; }
        #container_v2 .list-project.feed-progress .m-list-project .progress h3 {
          font-size: 16px;
          font-size: 1rem;
          margin-top: .5em;
          color: #fff;
          line-height: 1.8; }
          @media only screen and (min-width: 40.0625em) {
            #container_v2 .list-project.feed-progress .m-list-project .progress h3 {
              padding-top: 3em; }
              #container_v2 .list-project.feed-progress .m-list-project .progress h3 br {
                display: block; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.feed-progress .m-list-project .progress h3 {
              padding: 4em 1em 0 1em; }
              #container_v2 .list-project.feed-progress .m-list-project .progress h3 br {
                display: none; } }
      #container_v2 .list-project.feed-progress .m-list-project .cover {
        border-radius: 0; }
        #container_v2 .list-project.feed-progress .m-list-project .cover .img {
          border-radius: 8px;
          width: 100%; }
          @media only screen and (min-width: 40.0625em) {
            #container_v2 .list-project.feed-progress .m-list-project .cover .img {
              padding-top: 360px; } }
          @media only screen and (max-width: 40em) {
            #container_v2 .list-project.feed-progress .m-list-project .cover .img {
              padding-top: 360px; } }
      #container_v2 .list-project.feed-progress .m-list-project .content {
        display: none; }
  #container_v2 .list-project.feed {
    margin-bottom: 0; }
    #container_v2 .list-project.feed .m-list-project {
      margin: 0;
      width: 100%;
      padding: 1em 2em 2em 2em; }
      #container_v2 .list-project.feed .m-list-project .cover {
        border-radius: 0; }
        #container_v2 .list-project.feed .m-list-project .cover .img {
          width: 100%;
          padding-top: 72%; }
      #container_v2 .list-project.feed .m-list-project .content {
        display: none; }
  #container_v2 .list-project.pannel .m-list-project {
    background: #18100e;
    position: relative; }
    @media only screen and (min-width: 40.0625em) {
      #container_v2 .list-project.pannel .m-list-project {
        margin: 0 0 20px 20px;
        width: 320px;
        height: 320px; } }
    @media only screen and (max-width: 40em) {
      #container_v2 .list-project.pannel .m-list-project {
        margin: 0 0 20px 0;
        width: 100%;
        height: 320px; } }
    #container_v2 .list-project.pannel .m-list-project .title {
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1000; }
      #container_v2 .list-project.pannel .m-list-project .title h3 {
        font-size: 15px;
        font-size: 0.9375rem;
        margin-top: .5em;
        color: #fff;
        line-height: 1.8; }
        #container_v2 .list-project.pannel .m-list-project .title h3 br {
          display: block; }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.pannel .m-list-project .title h3 {
            padding-top: 4em; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.pannel .m-list-project .title h3 {
            padding: 4em 1em 0 1em; } }
    #container_v2 .list-project.pannel .m-list-project .cover {
      border-radius: 8px; }
      #container_v2 .list-project.pannel .m-list-project .cover .img {
        border-radius: 8px;
        background-position: center center;
        width: 100%; }
        @media only screen and (min-width: 40.0625em) {
          #container_v2 .list-project.pannel .m-list-project .cover .img {
            height: 320px; } }
        @media only screen and (max-width: 40em) {
          #container_v2 .list-project.pannel .m-list-project .cover .img {
            height: 320px; } }
    #container_v2 .list-project.pannel .m-list-project .content {
      position: absolute;
      bottom: 0;
      width: 100%;
      z-index: 1000; }
      #container_v2 .list-project.pannel .m-list-project .content .progress-bar {
        background: repeating-linear-gradient(45deg, #ccc, #ccc 1px, #fefefe 0, #fefefe 4px);
        border-radius: 20px;
        position: relative; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .current {
          border-radius: 20px;
          background: #00C3FF;
          max-width: 100%;
          height: 6px; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .over100,
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .over200,
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .over300 {
          border-radius: 20px;
          max-width: 100%;
          z-index: 100;
          height: 6px; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .over100 {
          margin-top: -6px;
          background: #00b0e6;
          margin-top: -6px; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .over200 {
          background: #009ccc;
          margin-top: -6px; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .over300 {
          background: #0089b3;
          margin-top: -6px; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar .funded {
          width: 100%;
          position: absolute;
          top: -5px; }
          #container_v2 .list-project.pannel .m-list-project .content .progress-bar .funded div {
            font-weight: 700;
            font-family: 'Open Sans Condensed', sans-serif;
            width: 100%;
            text-align: center;
            display: block;
            line-height: 1.0;
            font-size: 13px;
            font-size: 0.8125rem;
            color: #fff; }
            #container_v2 .list-project.pannel .m-list-project .content .progress-bar .funded div b {
              border-radius: 100px;
              padding: 3px 6px 3px 4px; }
            #container_v2 .list-project.pannel .m-list-project .content .progress-bar .funded div .sprite {
              position: relative;
              top: -1px; }
            #container_v2 .list-project.pannel .m-list-project .content .progress-bar .funded div .sprite {
              fill: #fff; }
            #container_v2 .list-project.pannel .m-list-project .content .progress-bar .funded div b {
              background: #00C3FF; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar.funded .over100,
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar.funded .over200,
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar.funded .over300 {
          background: #00C3FF; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar.notfunded .current {
          background: #897e7b;
          width: 100% !important; }
        #container_v2 .list-project.pannel .m-list-project .content .progress-bar.notfunded .funded div {
          color: #fff; }
          #container_v2 .list-project.pannel .m-list-project .content .progress-bar.notfunded .funded div .sprite {
            fill: #fff; }
          #container_v2 .list-project.pannel .m-list-project .content .progress-bar.notfunded .funded div b {
            background: #897e7b;
            padding: 3px 9px 3px 9px; }
      #container_v2 .list-project.pannel .m-list-project .content dl dt,
      #container_v2 .list-project.pannel .m-list-project .content dl dd {
        color: #ebeae9; }
    #container_v2 .list-project.pannel .m-list-project .title,
    #container_v2 .list-project.pannel .m-list-project .content {
      display: none; }
    #container_v2 .list-project.pannel .m-list-project:hover .cover {
      opacity: .3; }
    #container_v2 .list-project.pannel .m-list-project:hover .title,
    #container_v2 .list-project.pannel .m-list-project:hover .content {
      display: block; }

.list-ticket .m-list-ticket {
  margin-bottom: 20px; }
  .list-ticket .m-list-ticket .ticket {
    transition: all .25s ease-in-out 0s;
    border: 1px solid #877d7d;
    border-bottom-width: 3px;
    border-radius: 8px;
    border-color: #ebeae9 !important;
    background: #f9f9f8; }
    .list-ticket .m-list-ticket .ticket .content {
      padding: 2em 2em; }
      .list-ticket .m-list-ticket .ticket .content svg {
        fill: #897e7b;
        margin-top: +3px; }
    .list-ticket .m-list-ticket .ticket.ongoing:hover {
      cursor: pointer;
      background: #00C3FF;
      transition: all .25s ease-in-out 0s;
      border: 1px solid #877d7d;
      border-bottom-width: 3px;
      border-radius: 8px;
      border-color: #00C3FF !important; }
      .list-ticket .m-list-ticket .ticket.ongoing:hover h3,
      .list-ticket .m-list-ticket .ticket.ongoing:hover .price,
      .list-ticket .m-list-ticket .ticket.ongoing:hover .funded,
      .list-ticket .m-list-ticket .ticket.ongoing:hover li {
        color: #edfbff !important; }
      .list-ticket .m-list-ticket .ticket.ongoing:hover svg {
        fill: #edfbff !important; }
      .list-ticket .m-list-ticket .ticket.ongoing:hover .status {
        color: #00C3FF !important;
        background: #edfbff !important; }
    .list-ticket .m-list-ticket .ticket.soldout:not(.funded), .list-ticket .m-list-ticket .ticket.over:not(.funded) {
      background: #ebeae9;
      transition: all .25s ease-in-out 0s;
      border: 1px solid #877d7d;
      border-bottom-width: 3px;
      border-radius: 8px;
      border-color: #ebeae9 !important; }
      .list-ticket .m-list-ticket .ticket.soldout:not(.funded):hover, .list-ticket .m-list-ticket .ticket.over:not(.funded):hover {
        transition: all .25s ease-in-out 0s;
        border: 1px solid #877d7d;
        border-bottom-width: 3px;
        border-radius: 8px;
        border-color: #ebeae9 !important;
        cursor: default; }
      .list-ticket .m-list-ticket .ticket.soldout:not(.funded) h3,
      .list-ticket .m-list-ticket .ticket.soldout:not(.funded) .price,
      .list-ticket .m-list-ticket .ticket.soldout:not(.funded) li,
      .list-ticket .m-list-ticket .ticket.soldout:not(.funded) svg, .list-ticket .m-list-ticket .ticket.over:not(.funded) h3,
      .list-ticket .m-list-ticket .ticket.over:not(.funded) .price,
      .list-ticket .m-list-ticket .ticket.over:not(.funded) li,
      .list-ticket .m-list-ticket .ticket.over:not(.funded) svg {
        fill: #897e7b; }
    .list-ticket .m-list-ticket .ticket.funded .content {
      padding-bottom: 1.25em; }
    .list-ticket .m-list-ticket .ticket.over.funded {
      transition: all .25s ease-in-out 0s;
      border: 1px solid #877d7d;
      border-bottom-width: 3px;
      border-radius: 8px;
      border-color: #ebeae9 !important;
      background: #edfbff; }
      .list-ticket .m-list-ticket .ticket.over.funded:hover {
        transition: all .25s ease-in-out 0s;
        border: 1px solid #877d7d;
        border-bottom-width: 3px;
        border-radius: 8px;
        border-color: #ebeae9 !important;
        cursor: default; }
    .list-ticket .m-list-ticket .ticket p.price {
      color: #00C3FF;
      margin: 0;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 32px;
      font-size: 2rem; }
      .list-ticket .m-list-ticket .ticket p.price .number {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600; }
      .list-ticket .m-list-ticket .ticket p.price .unit {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        margin-left: .25em; }
    .list-ticket .m-list-ticket .ticket p.status {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 13px;
      font-size: 0.8125rem;
      background: #00C3FF;
      color: #fff;
      float: right;
      line-height: 1;
      margin: 0 0 0 0;
      padding: .5em 1em;
      border-radius: 4px; }
      .list-ticket .m-list-ticket .ticket p.status .sprite {
        color: #fff;
        float: left;
        position: relative;
        margin-top: -10px;
        margin-right: 4px;
        top: +7px; }
      .list-ticket .m-list-ticket .ticket p.status.soldout {
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif; }
      .list-ticket .m-list-ticket .ticket p.status.soldout, .list-ticket .m-list-ticket .ticket p.status.over {
        background: #897e7b; }
    .list-ticket .m-list-ticket .ticket p.funded {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      line-height: 1;
      margin: 0;
      padding: .75em 0;
      text-align: center;
      display: block;
      width: 100%;
      color: #00C3FF; }
      .list-ticket .m-list-ticket .ticket p.funded svg {
        fill: #00C3FF; }
    .list-ticket .m-list-ticket .ticket h3 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 1em 0; }
    .list-ticket .m-list-ticket .ticket ul {
      margin: 0;
      padding: 0; }
      .list-ticket .m-list-ticket .ticket ul li {
        font-size: 13px;
        font-size: 0.8125rem;
        color: #3b2823;
        margin: 0 0 .5em 0;
        padding: 0; }
        .list-ticket .m-list-ticket .ticket ul li:before, .list-ticket .m-list-ticket .ticket ul li:after {
          content: " ";
          display: table; }
        .list-ticket .m-list-ticket .ticket ul li:after {
          clear: both; }
        .list-ticket .m-list-ticket .ticket ul li:last-child {
          margin-bottom: 0; }
        .list-ticket .m-list-ticket .ticket ul li.return + .note,
        .list-ticket .m-list-ticket .ticket ul li.return + .collectors {
          margin-top: 1.5em; }
        .list-ticket .m-list-ticket .ticket ul li .sprite {
          fill: #3b2823;
          float: left; }
        .list-ticket .m-list-ticket .ticket ul li .sprite + span {
          display: block;
          margin-left: 24px; }

.list-update.grid .m-list-update .update a, .list-update.carousel .m-list-update .update a {
  transition: all .25s ease-in-out 0s;
  border: 1px solid #877d7d;
  border-bottom-width: 3px;
  border-radius: 8px;
  border-color: #ebeae9 !important;
  background: #fff;
  border-radius: 8px;
  display: block; }
  .list-update.grid .m-list-update .update a:hover, .list-update.carousel .m-list-update .update a:hover {
    border-color: #c4bfbd !important; }
  .list-update.grid .m-list-update .update a:before, .list-update.grid .m-list-update .update a:after, .list-update.carousel .m-list-update .update a:before, .list-update.carousel .m-list-update .update a:after {
    content: " ";
    display: table; }
  .list-update.grid .m-list-update .update a:after, .list-update.carousel .m-list-update .update a:after {
    clear: both; }
  @media only screen and (min-width: 40.0625em) {
    .list-update.grid .m-list-update .update a, .list-update.carousel .m-list-update .update a {
      width: 480px; } }
  @media only screen and (max-width: 40em) {
    .list-update.grid .m-list-update .update a, .list-update.carousel .m-list-update .update a {
      width: 320px; } }
  .list-update.grid .m-list-update .update a .cover, .list-update.carousel .m-list-update .update a .cover {
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 8px 0 0 8px; }
    @media only screen and (min-width: 40.0625em) {
      .list-update.grid .m-list-update .update a .cover, .list-update.carousel .m-list-update .update a .cover {
        width: 200px; } }
    @media only screen and (max-width: 40em) {
      .list-update.grid .m-list-update .update a .cover, .list-update.carousel .m-list-update .update a .cover {
        width: 120px; } }
    .list-update.grid .m-list-update .update a .cover .img, .list-update.carousel .m-list-update .update a .cover .img {
      width: 100%;
      padding-top: 100%;
      background-size: cover !important;
      background-position: center center;
      transition: transform .2s linear; }
  .list-update.grid .m-list-update .update a .content, .list-update.carousel .m-list-update .update a .content {
    margin-right: 10px; }
    @media only screen and (min-width: 40.0625em) {
      .list-update.grid .m-list-update .update a .content, .list-update.carousel .m-list-update .update a .content {
        margin-left: 220px; } }
    @media only screen and (max-width: 40em) {
      .list-update.grid .m-list-update .update a .content, .list-update.carousel .m-list-update .update a .content {
        margin-left: 130px; } }
    .list-update.grid .m-list-update .update a .content h3, .list-update.carousel .m-list-update .update a .content h3 {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      color: #3b2823; }
      @media only screen and (min-width: 40.0625em) {
        .list-update.grid .m-list-update .update a .content h3, .list-update.carousel .m-list-update .update a .content h3 {
          font-size: 16px;
          font-size: 1rem;
          margin: 2em 0 1em 0; } }
      @media only screen and (max-width: 40em) {
        .list-update.grid .m-list-update .update a .content h3, .list-update.carousel .m-list-update .update a .content h3 {
          font-size: 13px;
          font-size: 0.8125rem;
          margin: 1em 0 0 0; } }
    .list-update.grid .m-list-update .update a .content p.presenter, .list-update.carousel .m-list-update .update a .content p.presenter {
      font-size: 12px;
      font-size: 0.75rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      color: #646464;
      margin: .5em 0;
      line-height: 1.0; }
    .list-update.grid .m-list-update .update a .content p.info, .list-update.carousel .m-list-update .update a .content p.info {
      margin: 0;
      line-height: 1.0; }
      .list-update.grid .m-list-update .update a .content p.info span.date, .list-update.grid .m-list-update .update a .content p.info span.private, .list-update.carousel .m-list-update .update a .content p.info span.date, .list-update.carousel .m-list-update .update a .content p.info span.private {
        font-size: 12px;
        font-size: 0.75rem;
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 200;
        color: #646464;
        margin-right: .5em; }
        .list-update.grid .m-list-update .update a .content p.info span.date svg, .list-update.grid .m-list-update .update a .content p.info span.private svg, .list-update.carousel .m-list-update .update a .content p.info span.date svg, .list-update.carousel .m-list-update .update a .content p.info span.private svg {
          width: 12px;
          position: relative;
          top: -3px; }

.list-update.grid .m-list-update.more, .list-update.carousel .m-list-update.more {
  margin-top: 70px; }
  @media only screen and (min-width: 40.0625em) {
    .list-update.grid .m-list-update.more, .list-update.carousel .m-list-update.more {
      width: 240px; } }
  @media only screen and (max-width: 40em) {
    .list-update.grid .m-list-update.more, .list-update.carousel .m-list-update.more {
      width: 240px; } }
  .list-update.grid .m-list-update.more p, .list-update.carousel .m-list-update.more p {
    text-align: center;
    line-height: 1.0; }
    .list-update.grid .m-list-update.more p a, .list-update.carousel .m-list-update.more p a {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      transition: all .25s ease-in-out 0s;
      border: 1px solid #877d7d;
      border-bottom-width: 3px;
      border-radius: 8px;
      border-color: #ebeae9 !important;
      border-radius: 400px;
      display: inline-block;
      padding: 1.25em 1.5em 1.5em 1.5em;
      color: #00C3FF;
      background: #fff; }
    .list-update.grid .m-list-update.more p svg, .list-update.carousel .m-list-update.more p svg {
      fill: #00C3FF; }

.list-update.grid {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 0 auto; }
  .list-update.grid:before, .list-update.grid:after {
    content: " ";
    display: table; }
  .list-update.grid:after {
    clear: both; }
  .list-update.grid > li,
  .list-update.grid > a,
  .list-update.grid > span,
  .list-update.grid > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  @media only screen and (min-width: 40.0625em) {
    .list-update.grid {
      width: 1000px; } }
  @media only screen and (max-width: 40em) {
    .list-update.grid {
      width: 320px; } }
  @media only screen and (min-width: 40.0625em) {
    .list-update.grid .m-list-update {
      margin: 0 10px 1em 10px; } }
  @media only screen and (max-width: 40em) {
    .list-update.grid .m-list-update {
      margin-bottom: 1em; } }

.list-update.carousel .m-list-update {
  margin: 0 0 .5em 20px; }

.list-update.block .m-list-update {
  margin-bottom: 2em; }
  .list-update.block .m-list-update .update {
    transition: all .25s ease-in-out 0s;
    border: 1px solid #877d7d;
    border-bottom-width: 3px;
    border-radius: 8px;
    border-color: #ebeae9 !important; }
    .list-update.block .m-list-update .update .header h3 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 0; }
      .list-update.block .m-list-update .update .header h3 a {
        color: #3b2823; }
    .list-update.block .m-list-update .update .header p.info {
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200;
      margin-top: .5em; }
      .list-update.block .m-list-update .update .header p.info > span {
        margin-right: .75em;
        color: #646464; }
        .list-update.block .m-list-update .update .header p.info > span svg {
          fill: #646464;
          margin-top: -4px; }
    @media only screen and (min-width: 40.0625em) {
      .list-update.block .m-list-update .update .header .share {
        margin-top: -2.75em; } }
    .list-update.block .m-list-update .update .content {
      padding-top: 1em;
      margin-bottom: 2em; }
      .list-update.block .m-list-update .update .content .trancate {
        margin: 0 .5em; }
    .list-update.block .m-list-update .update .private {
      text-align: center;
      background: #f9f9f8; }
      @media only screen and (min-width: 40.0625em) {
        .list-update.block .m-list-update .update .private {
          padding: 3em;
          margin-top: 2em; } }
      @media only screen and (max-width: 40em) {
        .list-update.block .m-list-update .update .private {
          padding: 1em; } }
      .list-update.block .m-list-update .update .private p {
        margin: 0; }
        .list-update.block .m-list-update .update .private p svg {
          position: relative;
          top: -3px; }
    .list-update.block .m-list-update .update .nextprev {
      margin: 2em 0; }
      .list-update.block .m-list-update .update .nextprev ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%; }
        .list-update.block .m-list-update .update .nextprev ul:before, .list-update.block .m-list-update .update .nextprev ul:after {
          content: " ";
          display: table; }
        .list-update.block .m-list-update .update .nextprev ul:after {
          clear: both; }
        .list-update.block .m-list-update .update .nextprev ul > li,
        .list-update.block .m-list-update .update .nextprev ul > a,
        .list-update.block .m-list-update .update .nextprev ul > span,
        .list-update.block .m-list-update .update .nextprev ul > img {
          margin: 0;
          padding: 0;
          display: block;
          float: left;
          border: none;
          line-height: 1.0; }
        .list-update.block .m-list-update .update .nextprev ul li {
          width: 50%; }
          .list-update.block .m-list-update .update .nextprev ul li a {
            color: #00C3FF; }
            .list-update.block .m-list-update .update .nextprev ul li a svg {
              fill: #00C3FF; }
          .list-update.block .m-list-update .update .nextprev ul li:nth-child(2) {
            float: right;
            text-align: right; }
    .list-update.block .m-list-update .update .comment {
      margin-top: 4em; }
    @media only screen and (min-width: 40.0625em) {
      .list-update.block .m-list-update .update > img {
        padding-top: 1em; } }
    @media only screen and (max-width: 40em) {
      .list-update.block .m-list-update .update > img {
        padding-top: .5em; } }
    @media only screen and (min-width: 40.0625em) {
      .list-update.block .m-list-update .update .header {
        padding: 2em 2em 0 2em; } }
    @media only screen and (max-width: 40em) {
      .list-update.block .m-list-update .update .header {
        padding: 1.5em 1em 0 1em; } }
    @media only screen and (min-width: 40.0625em) {
      .list-update.block .m-list-update .update .content {
        padding: 1em 2em 0 2em; } }
    @media only screen and (max-width: 40em) {
      .list-update.block .m-list-update .update .content {
        padding: .5em 1em 1em 1em; } }
    @media only screen and (max-width: 40em) {
      .list-update.block .m-list-update .update .private {
        margin: 1em -1em 0 -1em; } }

#project-content article.update .header h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600;
  margin: 0; }
  #project-content article.update .header h3 a {
    color: #3b2823; }

#project-content article.update .header p.info {
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 200;
  margin-top: .5em; }
  #project-content article.update .header p.info > span {
    margin-right: .75em;
    color: #646464; }
    #project-content article.update .header p.info > span svg {
      fill: #646464;
      margin-top: -4px; }

@media only screen and (min-width: 40.0625em) {
  #project-content article.update .header .share {
    margin-top: -2.75em; } }

#project-content article.update .content {
  padding-top: 1em;
  margin-bottom: 2em; }
  #project-content article.update .content .trancate {
    margin: 0 .5em; }

#project-content article.update .private {
  text-align: center;
  background: #f9f9f8; }
  @media only screen and (min-width: 40.0625em) {
    #project-content article.update .private {
      padding: 3em;
      margin-top: 2em; } }
  @media only screen and (max-width: 40em) {
    #project-content article.update .private {
      padding: 1em; } }
  #project-content article.update .private p {
    margin: 0; }
    #project-content article.update .private p svg {
      position: relative;
      top: -3px; }

#project-content article.update .nextprev {
  margin: 2em 0; }
  #project-content article.update .nextprev ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    #project-content article.update .nextprev ul:before, #project-content article.update .nextprev ul:after {
      content: " ";
      display: table; }
    #project-content article.update .nextprev ul:after {
      clear: both; }
    #project-content article.update .nextprev ul > li,
    #project-content article.update .nextprev ul > a,
    #project-content article.update .nextprev ul > span,
    #project-content article.update .nextprev ul > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    #project-content article.update .nextprev ul li {
      width: 50%; }
      #project-content article.update .nextprev ul li a {
        color: #00C3FF; }
        #project-content article.update .nextprev ul li a svg {
          fill: #00C3FF; }
      #project-content article.update .nextprev ul li:nth-child(2) {
        float: right;
        text-align: right; }

#project-content article.update .comment {
  margin-top: 4em; }

#project-content p.back {
  text-align: center;
  line-height: 1.0; }
  #project-content p.back a {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    transition: all .25s ease-in-out 0s;
    border: 1px solid #877d7d;
    border-bottom-width: 3px;
    border-radius: 8px;
    border-color: #ebeae9 !important;
    border-radius: 400px;
    display: inline-block;
    padding: 1.5em 1.5em 1.5em 1.5em;
    color: #00C3FF;
    background: #fff; }
  #project-content p.back svg {
    fill: #00C3FF; }

#main .list-category {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #main .list-category:before, #main .list-category:after {
    content: " ";
    display: table; }
  #main .list-category:after {
    clear: both; }
  #main .list-category > li,
  #main .list-category > a,
  #main .list-category > span,
  #main .list-category > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  #main .list-category li {
    padding: 0 .5em;
    margin-bottom: 1em; }
    @media only screen and (min-width: 40.0625em) {
      #main .list-category li {
        width: 33.3%;
        width: 25%; } }
    @media only screen and (max-width: 40em) {
      #main .list-category li {
        width: 50%; } }
    #main .list-category li a {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      transition: all .25s ease-in-out 0s;
      border: 1px solid #877d7d;
      border-bottom-width: 3px;
      border-radius: 8px;
      border-color: #ebeae9 !important;
      display: block;
      text-align: center;
      padding: 1.5em 0;
      color: #3b2823; }
      #main .list-category li a:hover {
        border-color: #c4bfbd !important; }
    #main .list-category li.all {
      width: 100%; }

.list-collector .m-list-collector {
  margin-bottom: 1.5em; }
  .list-collector .m-list-collector:before, .list-collector .m-list-collector:after {
    content: " ";
    display: table; }
  .list-collector .m-list-collector:after {
    clear: both; }
  .list-collector .m-list-collector .image {
    float: left;
    width: 80px; }
    .list-collector .m-list-collector .image img {
      width: 80px;
      height: 80px;
      border-radius: 100px; }
  .list-collector .m-list-collector .text {
    margin-left: 100px; }
    .list-collector .m-list-collector .text h3 {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.0;
      margin: 0 .5em .25em 0; }
      @media only screen and (min-width: 40.0625em) {
        .list-collector .m-list-collector .text h3 {
          display: inline; } }
      .list-collector .m-list-collector .text h3 a {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        line-height: 1.0;
        color: #3b2823; }
    .list-collector .m-list-collector .text ul {
      list-style: none;
      margin-top: 0;
      margin-bottom: 1.0625rem;
      margin-left: -1.375rem;
      margin-right: 0;
      overflow: hidden;
      padding: 0;
      display: inline;
      margin: 0 0 .5em 0;
      line-height: 1.0; }
      .list-collector .m-list-collector .text ul > li {
        display: block;
        float: left;
        list-style: none;
        margin-left: 1.375rem; }
        .list-collector .m-list-collector .text ul > li > * {
          display: block; }
      .list-collector .m-list-collector .text ul li {
        font-size: 12px;
        font-size: 0.75rem;
        margin-right: .5em;
        margin-left: 0;
        color: #897e7b;
        line-height: 1.0;
        display: inline-block;
        float: none; }
        .list-collector .m-list-collector .text ul li .sprite {
          display: inline;
          margin: 0;
          width: auto;
          line-height: 1.0; }
        .list-collector .m-list-collector .text ul li svg {
          fill: #897e7b; }
    .list-collector .m-list-collector .text p {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.5; }
      .list-collector .m-list-collector .text p.comment {
        margin-top: .25em; }
      .list-collector .m-list-collector .text p span.date {
        font-size: 13px;
        font-size: 0.8125rem;
        color: #c4bfbd;
        margin-left: .5em; }

.list-curator {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px; }
  .list-curator:before, .list-curator:after {
    content: " ";
    display: table; }
  .list-curator:after {
    clear: both; }
  .list-curator > li,
  .list-curator > a,
  .list-curator > span,
  .list-curator > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  .list-curator a,
  .list-curator img {
    display: block; }
  .list-curator li {
    padding: 0 .5em;
    margin-bottom: 1em; }
    .list-curator li img {
      width: 100%;
      border: 1px solid #ebeae9; }
  @media only screen and (min-width: 40.0625em) {
    .list-curator li {
      width: 25%; }
      .list-curator li:nth-child(4n+ 1) {
        clear: left; } }
  @media only screen and (max-width: 40em) {
    .list-curator li {
      width: 100%; } }

.list-feature {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .list-feature:before, .list-feature:after {
    content: " ";
    display: table; }
  .list-feature:after {
    clear: both; }
  .list-feature > li,
  .list-feature > a,
  .list-feature > span,
  .list-feature > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  .list-feature li {
    width: 100%; }
    @media only screen and (min-width: 40.0625em) {
      .list-feature li {
        margin-bottom: 1em; } }
    @media only screen and (max-width: 40em) {
      .list-feature li {
        margin-bottom: 10px; } }
  .list-feature a {
    display: block;
    background-size: cover;
    background-position: center center;
    text-align: center;
    padding: 4em 2em; }
    .list-feature a h2 {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
      text-align: center;
      color: #fff;
      display: inline; }
      @media only screen and (min-width: 40.0625em) {
        .list-feature a h2 {
          font-size: 28px;
          font-size: 1.75rem; } }
      @media only screen and (max-width: 40em) {
        .list-feature a h2 {
          font-size: 18px;
          font-size: 1.125rem; } }

@media only screen and (max-width: 40em) {
  .list-tag {
    text-align: center; }
    .list-tag li {
      display: inline-block;
      white-space: nowrap;
      *display: inline;
      *zoom: 1; } }

@media only screen and (min-width: 40.0625em) {
  .list-tag {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .list-tag:before, .list-tag:after {
      content: " ";
      display: table; }
    .list-tag:after {
      clear: both; }
    .list-tag > li,
    .list-tag > a,
    .list-tag > span,
    .list-tag > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; } }

.list-tag li {
  margin: .25em .5em 1.5em 0; }
  .list-tag li a {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: .5em .75em;
    border: 1px solid #ebeae9;
    background: #fff;
    color: #897e7b;
    border-radius: 8px;
    white-space: nowrap; }
    .list-tag li a:hover {
      color: #fff;
      background: #897e7b; }

.list-tagcloud {
  text-align: center; }
  .list-tagcloud li {
    display: inline-block;
    white-space: nowrap;
    *display: inline;
    *zoom: 1; }
  .list-tagcloud li {
    margin: 0 .5em .5em 0; }
    .list-tagcloud li a {
      display: block;
      padding: .5em .75em;
      background: #ebeae9;
      color: #3b2823;
      border-radius: 8px; }

.list-news {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .list-news:before, .list-news:after {
    content: " ";
    display: table; }
  .list-news:after {
    clear: both; }
  .list-news > li,
  .list-news > a,
  .list-news > span,
  .list-news > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  .list-news li {
    width: 100%;
    border-top: 1px solid #ebeae9; }
    .list-news li:before, .list-news li:after {
      content: " ";
      display: table; }
    .list-news li:after {
      clear: both; }
    .list-news li:last-child {
      border-bottom: 1px solid #ebeae9;
      margin-bottom: 0; }
  .list-news a {
    display: block;
    color: #897e7b;
    padding: .75em; }
    .list-news a:hover {
      background: #f9f9f8; }
  .list-news span {
    line-height: 1.8; }
    .list-news span.date {
      display: block;
      float: left; }
    .list-news span.title {
      margin-left: 8em;
      display: block; }
  @media only screen and (min-width: 40.0625em) {
    .list-news span.date {
      float: left; }
    .list-news span.title {
      margin-left: 8em; } }

.list-select {
  overflow: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 160px;
  margin: 1em auto; }
  .list-select:before, .list-select:after {
    content: " ";
    display: table; }
  .list-select:after {
    clear: both; }
  .list-select > li,
  .list-select > a,
  .list-select > span,
  .list-select > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  .list-select li {
    float: left;
    margin-right: 20px;
    width: 140px;
    text-align: center; }
    .list-select li form select {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 16px;
      font-size: 1rem;
      color: #3b2823;
      border: 1px solid #c4bfbd;
      padding: .5em 0 .5em 20px;
      height: 3em;
      border-radius: 4px;
      position: relative;
      background: url(../../images/icon_select_down.png) no-repeat;
      background-size: 10px 5px;
      background-position: right 10px center; }
      .list-select li form select:focus {
        outline: none; }
      .list-select li form select option {
        padding: .5em 0 .5em 1em; }

.list-feed {
  margin-top: 2em; }
  .list-feed .m-list-feed {
    margin-bottom: 2em; }
    .list-feed .m-list-feed .note {
      margin: 0 0 1em 1em;
      line-height: 1.0;
      font-size: 12px; }
    .list-feed .m-list-feed > .feed {
      transition: all .25s ease-in-out 0s;
      border: 1px solid #877d7d;
      border-bottom-width: 3px;
      border-radius: 8px;
      border-color: #ebeae9 !important;
      background: #fff; }
      .list-feed .m-list-feed > .feed > .header {
        background: #f9f9f8;
        border-bottom: 1px solid #ebeae9; }
        .list-feed .m-list-feed > .feed > .header:before, .list-feed .m-list-feed > .feed > .header:after {
          content: " ";
          display: table; }
        .list-feed .m-list-feed > .feed > .header:after {
          clear: both; }
        @media only screen and (min-width: 40.0625em) {
          .list-feed .m-list-feed > .feed > .header {
            padding: 2em 2em; } }
        @media only screen and (max-width: 40em) {
          .list-feed .m-list-feed > .feed > .header {
            padding: 1em 1em; } }
        .list-feed .m-list-feed > .feed > .header img {
          border-radius: 60px;
          float: left; }
          @media only screen and (min-width: 40.0625em) {
            .list-feed .m-list-feed > .feed > .header img {
              width: 60px; } }
          @media only screen and (max-width: 40em) {
            .list-feed .m-list-feed > .feed > .header img {
              width: 40px; } }
        .list-feed .m-list-feed > .feed > .header p.title {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 200;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.5; }
          @media only screen and (min-width: 40.0625em) {
            .list-feed .m-list-feed > .feed > .header p.title {
              margin: .5em 0 0 80px; } }
          @media only screen and (max-width: 40em) {
            .list-feed .m-list-feed > .feed > .header p.title {
              margin: 0 0 0 60px; } }
          .list-feed .m-list-feed > .feed > .header p.title a {
            margin-right: 3px; }
        .list-feed .m-list-feed > .feed > .header p.is-funded, .list-feed .m-list-feed > .feed > .header p.is-favorite {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 13px;
          font-size: 0.8125rem;
          fill: #877d7d; }
          @media only screen and (min-width: 40.0625em) {
            .list-feed .m-list-feed > .feed > .header p.is-funded, .list-feed .m-list-feed > .feed > .header p.is-favorite {
              margin: .5em 0 0 80px; } }
          @media only screen and (max-width: 40em) {
            .list-feed .m-list-feed > .feed > .header p.is-funded, .list-feed .m-list-feed > .feed > .header p.is-favorite {
              margin: 0 0 0 60px; } }
          .list-feed .m-list-feed > .feed > .header p.is-funded svg, .list-feed .m-list-feed > .feed > .header p.is-favorite svg {
            height: 16px;
            width: 16px;
            margin-top: -2px; }
        .list-feed .m-list-feed > .feed > .header p.is-funded svg {
          fill: #00C3FF; }
        .list-feed .m-list-feed > .feed > .header p.is-favorite svg {
          fill: #FFE600; }
      @media only screen and (min-width: 40.0625em) {
        .list-feed .m-list-feed > .feed > .content {
          padding: 2em 2em; } }
      @media only screen and (max-width: 40em) {
        .list-feed .m-list-feed > .feed > .content {
          padding: 1em 1em; } }
      .list-feed .m-list-feed > .feed > .footer {
        padding: 0 0 2em 0; }
        .list-feed .m-list-feed > .feed > .footer .btn {
          text-align: center; }
          .list-feed .m-list-feed > .feed > .footer .btn li {
            display: inline-block;
            white-space: nowrap;
            *display: inline;
            *zoom: 1; }
          .list-feed .m-list-feed > .feed > .footer .btn a {
            font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
            font-weight: 600;
            background: #00C3FF;
            color: #fff;
            text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
            transition: background-color 0.1s ease-in-out;
            border-radius: 4px;
            padding: .5em 1em .65em 1em;
            border-radius: 4px; }
            .list-feed .m-list-feed > .feed > .footer .btn a:hover {
              background: #1ac9ff; }
            .list-feed .m-list-feed > .feed > .footer .btn a svg {
              fill: #fff;
              margin-top: -8px; }
    .list-feed .m-list-feed.follow .content .profile p {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.8; }
    .list-feed .m-list-feed.follow .content .profile ul.info {
      list-style-type: none;
      margin: 0;
      padding: 0;
      margin-top: 1.5em; }
      .list-feed .m-list-feed.follow .content .profile ul.info:before, .list-feed .m-list-feed.follow .content .profile ul.info:after {
        content: " ";
        display: table; }
      .list-feed .m-list-feed.follow .content .profile ul.info:after {
        clear: both; }
      .list-feed .m-list-feed.follow .content .profile ul.info > li,
      .list-feed .m-list-feed.follow .content .profile ul.info > a,
      .list-feed .m-list-feed.follow .content .profile ul.info > span,
      .list-feed .m-list-feed.follow .content .profile ul.info > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      .list-feed .m-list-feed.follow .content .profile ul.info.info li {
        font-size: 15px;
        font-size: 0.9375rem;
        margin-bottom: 1em;
        margin-right: 1em; }
        .list-feed .m-list-feed.follow .content .profile ul.info.info li:last-child {
          margin-bottom: 0; }
        .list-feed .m-list-feed.follow .content .profile ul.info.info li > a {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 15px;
          font-size: 0.9375rem;
          color: #897e7b;
          display: block;
          line-height: 1.0;
          white-space: nowrap;
          font-weight: normal; }
          .list-feed .m-list-feed.follow .content .profile ul.info.info li > a .sprite {
            color: #897e7b;
            position: relative;
            top: 0;
            margin-right: .125em; }
            .list-feed .m-list-feed.follow .content .profile ul.info.info li > a .sprite svg {
              width: 16px;
              fill: #897e7b; }
          .list-feed .m-list-feed.follow .content .profile ul.info.info li > a:hover {
            color: #3b2823; }
            .list-feed .m-list-feed.follow .content .profile ul.info.info li > a:hover svg {
              fill: #3b2823; }
        .list-feed .m-list-feed.follow .content .profile ul.info.info li > span {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 15px;
          font-size: 0.9375rem;
          color: #897e7b;
          display: block;
          line-height: 1.0;
          white-space: nowrap;
          font-weight: normal; }
          .list-feed .m-list-feed.follow .content .profile ul.info.info li > span .sprite {
            color: #897e7b;
            position: relative;
            top: 0;
            margin-right: .125em; }
            .list-feed .m-list-feed.follow .content .profile ul.info.info li > span .sprite svg {
              width: 16px;
              fill: #897e7b; }
        .list-feed .m-list-feed.follow .content .profile ul.info.info li svg {
          margin-top: -3px; }
    .list-feed .m-list-feed.ticket .content dl {
      margin: 0; }
      .list-feed .m-list-feed.ticket .content dl dt {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        color: #877d7d;
        margin: 0 0 .5em 0;
        text-align: center; }
      .list-feed .m-list-feed.ticket .content dl dd {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 200;
        font-size: 16px;
        font-size: 1rem;
        color: #3b2823;
        text-align: center; }
    .list-feed .m-list-feed.update .m-list-update {
      margin: 0; }
      .list-feed .m-list-feed.update .m-list-update.private .content {
        display: none; }
    .list-feed .m-list-feed.blog .content .header h3 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 0; }
      .list-feed .m-list-feed.blog .content .header h3 a {
        color: #3b2823; }
    .list-feed .m-list-feed.blog .content .header p.info {
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200;
      margin-top: .5em; }
      .list-feed .m-list-feed.blog .content .header p.info > span {
        margin-right: .75em;
        color: #646464; }
    .list-feed .m-list-feed.blog .content .content {
      padding-top: 1em; }
      .list-feed .m-list-feed.blog .content .content p {
        line-height: 1.6; }
    .list-feed .m-list-feed.feature .content .header h3 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 0; }
      .list-feed .m-list-feed.feature .content .header h3 a {
        color: #3b2823; }
    .list-feed .m-list-feed.feature .content .header p.info {
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200;
      margin-top: .5em; }
      .list-feed .m-list-feed.feature .content .header p.info > span {
        margin-right: .75em;
        color: #646464; }
    .list-feed .m-list-feed.feature .content .content {
      padding-top: 1em; }
      .list-feed .m-list-feed.feature .content .content p {
        line-height: 1.6; }
    .list-feed .m-list-feed.date {
      margin-top: 4em; }
      .list-feed .m-list-feed.date p {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 13px;
        font-size: 0.8125rem;
        color: #877d7d;
        text-align: center;
        display: block;
        line-height: 1.0; }
        .list-feed .m-list-feed.date p span {
          display: inline-block;
          padding: .5em 1em;
          background: #fff; }
        .list-feed .m-list-feed.date p::after {
          content: "";
          display: block;
          border-top: 1px solid #ebeae9;
          margin-top: -1em; }

.list-feedback {
  margin-top: 2em; }
  .list-feedback .m-list-feedback {
    margin-bottom: 1px;
    background: #fff;
    padding: 2em; }
    .list-feedback .m-list-feedback:before, .list-feedback .m-list-feedback:after {
      content: " ";
      display: table; }
    .list-feedback .m-list-feedback:after {
      clear: both; }
    .list-feedback .m-list-feedback .info:before, .list-feedback .m-list-feedback .info:after {
      content: " ";
      display: table; }
    .list-feedback .m-list-feedback .info:after {
      clear: both; }
    .list-feedback .m-list-feedback .info .user {
      font-size: 16px;
      font-size: 1rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      color: #3b2823;
      float: left; }
      .list-feedback .m-list-feedback .info .user img {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        border-radius: 100px; }
    .list-feedback .m-list-feedback .info p.date {
      font-size: 13px;
      font-size: 0.8125rem;
      color: #3b2823;
      float: right;
      margin: 0; }
    .list-feedback .m-list-feedback .comment {
      margin-top: 1em; }
      .list-feedback .m-list-feedback .comment p {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.5; }
        .list-feedback .m-list-feedback .comment p.comment {
          margin-top: .25em; }

#cover {
  width: 100%;
  position: relative;
  background: #000; }
  @media only screen and (min-width: 64.0625em) {
    #cover {
      height: 600px; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    #cover {
      height: 400px; } }
  @media only screen and (max-width: 40em) {
    #cover {
      height: 300px; } }
  #cover .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 64.0625em) {
      #cover .overlay {
        height: 600px; } }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #cover .overlay {
        height: 400px; } }
    @media only screen and (max-width: 40em) {
      #cover .overlay {
        height: 300px; } }
  #cover .movie {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
    @media only screen and (min-width: 64.0625em) {
      #cover .movie {
        height: 600px; } }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #cover .movie {
        height: 400px; } }
    @media only screen and (max-width: 40em) {
      #cover .movie {
        display: none; } }
    #cover .movie #cover-background-movie {
      width: 100% !important;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  #cover .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #f3f3f3;
    background-size: cover;
    background-position: center center; }
    @media only screen and (min-width: 40.0625em) {
      #cover .image {
        display: none; } }
    @media only screen and (max-width: 40em) {
      #cover .image {
        height: 300px; } }
  #cover .text {
    position: absolute;
    left: 0;
    width: 100%; }
    @media only screen and (min-width: 64.0625em) {
      #cover .text {
        bottom: 7em; } }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      #cover .text {
        bottom: 2em; } }
    @media only screen and (max-width: 40em) {
      #cover .text {
        bottom: 2em; } }
    #cover .text h1,
    #cover .text p {
      text-align: center;
      color: #fff; }
    #cover .text h1 {
      font-weight: 700;
      font-family: 'Open Sans Condensed', sans-serif;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75); }
      @media only screen and (min-width: 40.0625em) {
        #cover .text h1 {
          font-size: 32px;
          font-size: 2rem;
          margin-bottom: 1em; } }
      @media only screen and (max-width: 40em) {
        #cover .text h1 {
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.6;
          margin-bottom: 1em; } }
    #cover .text p {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200; }
      @media only screen and (min-width: 40.0625em) {
        #cover .text p {
          font-size: 16px;
          font-size: 1rem; } }
      @media only screen and (max-width: 40em) {
        #cover .text p {
          font-size: 15px;
          font-size: 0.9375rem;
          margin: 0; } }
      #cover .text p a {
        display: inline-block;
        border: 1px solid #fff;
        line-height: 1.0;
        padding: .65em 1.5em .75em 1.5em;
        border-radius: 8px;
        color: #fff; }
  #cover .playbtn {
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 40.0625em) {
      #cover .playbtn {
        margin-top: 25px; } }
    @media only screen and (max-width: 40em) {
      #cover .playbtn {
        margin-top: -10px; } }
    #cover .playbtn .btnbg {
      display: block;
      border-radius: 40px;
      margin: 0 auto;
      box-shadow: 0 0 25px rgba(0, 0, 0, 0.75); }
      @media only screen and (min-width: 40.0625em) {
        #cover .playbtn .btnbg {
          width: 46px;
          height: 46px; } }
      @media only screen and (max-width: 40em) {
        #cover .playbtn .btnbg {
          width: 36px;
          height: 36px; } }
    #cover .playbtn svg {
      position: relative;
      fill: #fff; }
      @media only screen and (min-width: 40.0625em) {
        #cover .playbtn svg {
          top: -48px;
          width: 50px;
          height: 50px; } }
      @media only screen and (max-width: 40em) {
        #cover .playbtn svg {
          top: -38px;
          width: 40px;
          height: 40px; } }

@media only screen and (max-width: 40em) {
  #mg-crossing-section .columns:not(:last-child) {
    padding-bottom: 15px; } }

.sprite {
  margin: 0;
  width: auto;
  line-height: 1.0; }
  .sprite svg {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle; }

html.modal,
body.modal {
  overflow: hidden; }

.owl-nav {
  margin: 0 !important;
  padding: 0 !important; }
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .owl-nav .owl-prev,
      .owl-nav .owl-next {
        width: 160px;
        height: 640px; } }
    @media only screen and (max-width: 40em) {
      .owl-nav .owl-prev,
      .owl-nav .owl-next {
        width: 60px;
        height: 300px; } }
  .owl-nav .owl-prev {
    left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.6); }
  .owl-nav .owl-next {
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.6); }
  .owl-nav .owl-prev,
  .owl-nav .owl-next {
    background: rgba(24, 16, 14, 0.6) !important;
    border-radius: 0 !important;
    display: block !important; }
    .owl-nav .owl-prev:hover,
    .owl-nav .owl-next:hover {
      background: rgba(24, 16, 14, 0.8) !important; }
      .owl-nav .owl-prev:hover img,
      .owl-nav .owl-next:hover img {
        opacity: 1.0; }
    .owl-nav .owl-prev img,
    .owl-nav .owl-next img {
      display: block;
      opacity: 0.6; }
      @media only screen and (min-width: 40.0625em) {
        .owl-nav .owl-prev img,
        .owl-nav .owl-next img {
          width: 32px;
          height: 32px;
          margin-left: 64px;
          margin-right: 64px; } }
      @media only screen and (max-width: 40em) {
        .owl-nav .owl-prev img,
        .owl-nav .owl-next img {
          width: 24px;
          height: 24px;
          margin-left: 18px;
          margin-right: 18px; } }

.owl-dots {
  margin-top: 1em; }
  .owl-dots .owl-dot {
    background-color: transparent;
    padding: 0.5rem 0.2rem; }
    .owl-dots .owl-dot span {
      background: #ebeae9 !important; }
    .owl-dots .owl-dot.active span {
      background: #3b2823 !important; }

.share {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .share:before, .share:after {
    content: " ";
    display: table; }
  .share:after {
    clear: both; }
  .share > li,
  .share > a,
  .share > span,
  .share > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  .share li {
    line-height: 1.0; }
    .share li .sprite {
      margin-right: .25em; }
      .share li .sprite svg {
        width: 14px;
        height: 14px; }
    .share li > a,
    .share li > span {
      font-size: 13px;
      font-size: 0.8125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      display: block;
      padding: .6em 0 .5em 0;
      line-height: 1.0; }
    .share li.comment, .share li.twitter, .share li.facebook, .share li.line {
      width: 5.5em; }
      .share li.comment a, .share li.twitter a, .share li.facebook a, .share li.line a {
        text-align: center;
        color: #fff;
        border-radius: 4px; }
        .share li.comment a .sprite, .share li.twitter a .sprite, .share li.facebook a .sprite, .share li.line a .sprite {
          fill: #fff; }
    .share li.comment {
      float: right;
      margin-right: .4em; }
      .share li.comment a {
        background: #fff;
        color: #877d7d; }
        .share li.comment a svg {
          fill: #877d7d; }
    .share li.twitter {
      float: right;
      margin-right: .4em; }
      .share li.twitter a {
        background: #00abf1; }
    .share li.facebook {
      float: right; }
      .share li.facebook a {
        background: #37559c; }
    .share li.line {
      float: right; }
      .share li.line a {
        background: #00b900; }

.counter {
  display: inline-block;
  background: #c4bfbd;
  border: 1px solid #c4bfbd;
  color: #897e7b;
  color: #fff;
  border-radius: 40px;
  font-size: 10px;
  font-size: 0.625rem;
  margin-left: .75em;
  height: 2.5em;
  width: 2.5em;
  padding-top: .6em;
  text-align: center;
  vertical-align: .35em; }

.banner .background {
  background: #f3f3f3; }

.s-list.college {
  margin-bottom: 4em; }
  .s-list.college a,
  .s-list.college img {
    display: block;
    width: 100%; }
  .s-list.college a {
    border: 1px solid #ebeae9; }

#project-description h2 {
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem; }

#project-description h4 {
  margin-top: 3em;
  color: #646464;
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600;
  font-size: 28px;
  font-size: 1.75rem; }

#project-description h2 img,
#project-description h3 img,
#project-description h4 img,
#project-description p img {
  max-width: 100% !important; }

#project-description iframe {
  min-width: 100% !important;
  width: 100% !important; }

#project-description ul,
#project-description ol {
  margin: 2em 0 2em 2em; }
  #project-description ul li,
  #project-description ol li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: .75em; }
    #project-description ul li:last-child,
    #project-description ol li:last-child {
      margin-bottom: 0; }

#project-description ul li {
  list-style-type: disc !important; }

#project-description ol li {
  list-style-type: decimal; }

.playmovie {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: rgba(0, 0, 100, 0.5); }

#project-ticket h2 {
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  margin: 0 0 1em .5em; }

.loader svg path {
  fill: #00C3FF; }

#project-main {
  margin-top: 4em; }
  #project-main a {
    word-break: break-all; }
  #project-main p {
    word-break: break-all; }

.project-table {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 1em 0 2em 0; }
  .project-table:before, .project-table:after {
    content: " ";
    display: table; }
  .project-table:after {
    clear: both; }
  .project-table > li,
  .project-table > a,
  .project-table > span,
  .project-table > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  .project-table li:before, .project-table li:after {
    content: " ";
    display: table; }
  .project-table li:after {
    clear: both; }
  .project-table li.m-table-project-title {
    background: #ebeae9;
    display: none; }
    .project-table li.m-table-project-title .cell {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 13px;
      font-size: 0.8125rem; }
      .project-table li.m-table-project-title .cell:first-child {
        padding-left: 1em; }
    @media only screen and (min-width: 64.0625em) {
      .project-table li.m-table-project-title {
        display: block; } }
  .project-table li.m-table-project {
    border-right: 1px solid #ebeae9;
    border-left: 1px solid #ebeae9;
    border-bottom: 1px solid #ebeae9; }
    @media only screen and (max-width: 40em) {
      .project-table li.m-table-project {
        margin-bottom: 1em; } }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      .project-table li.m-table-project {
        margin-bottom: 1em; } }
  .project-table .progress {
    background: transparent; }
  .project-table .cell {
    border: none;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 200;
    font-size: 15px;
    font-size: 0.9375rem;
    float: left;
    line-height: 1.0; }
    @media only screen and (min-width: 64.0625em) {
      .project-table .cell {
        padding: 1.25em .5em; } }
    @media only screen and (max-width: 40em) {
      .project-table .cell {
        padding: 1.25em 1em; } }
    @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
      .project-table .cell {
        padding: 1.25em 1em; } }
    .project-table .cell a {
      color: #897e7b; }
      .project-table .cell a .sprite {
        fill: #897e7b; }
    .project-table .cell dl {
      margin: 0 !important; }
    .project-table .cell dt {
      font-size: 12px;
      font-size: 0.75rem;
      margin: 0;
      color: #897e7b; }
      @media only screen and (min-width: 64.0625em) {
        .project-table .cell dt {
          display: none; } }
    .project-table .cell dd {
      line-height: 1.6; }
      .project-table .cell dd p {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 200;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.6;
        margin-bottom: .5em; }
        .project-table .cell dd p:last-child {
          margin-bottom: 0; }
    .project-table .cell.project a {
      display: block; }
      .project-table .cell.project a .cover {
        overflow: hidden;
        position: relative;
        float: left; }
        @media only screen and (min-width: 64.0625em) {
          .project-table .cell.project a .cover {
            margin: 0 10px 0 .5em; } }
        @media only screen and (max-width: 40em) {
          .project-table .cell.project a .cover {
            margin: 0 10px 0 0; } }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          .project-table .cell.project a .cover {
            margin: 0 10px 0 0; } }
        .project-table .cell.project a .cover .img {
          background-size: cover !important;
          background-position: center center;
          transition: transform .2s linear;
          padding-top: 72%;
          position: relative; }
          @media only screen and (min-width: 40.0625em) {
            .project-table .cell.project a .cover .img {
              width: 120px; } }
          @media only screen and (max-width: 40em) {
            .project-table .cell.project a .cover .img {
              width: 120px; } }
          .project-table .cell.project a .cover .img span.funded {
            position: absolute;
            top: 0;
            left: 0;
            background: #FFE600;
            color: #fff;
            display: block;
            padding: 3px 5px 3px 3px;
            font-weight: 700;
            font-family: 'Open Sans Condensed', sans-serif;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.0; }
            .project-table .cell.project a .cover .img span.funded svg {
              fill: #fff; }
      .project-table .cell.project a h3 {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        color: #3b2823;
        margin: 0; }
        .project-table .cell.project a h3 em {
          font-style: normal; }
        .project-table .cell.project a h3 br {
          display: none; }
      .project-table .cell.project a p {
        margin: .5em 0 0 130px; }
        .project-table .cell.project a p span {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 13px;
          font-size: 0.8125rem;
          background: #00C3FF;
          line-height: 1;
          padding: .25em .45em .35em .45em;
          text-align: center;
          color: #fff;
          display: inline-block;
          margin-right: .5em;
          border-radius: 4px; }
    .project-table .cell.return a {
      font-size: 15px;
      font-size: 0.9375rem;
      float: none; }
    .project-table .cell.comment {
      width: 20%; }
      .project-table .cell.comment textarea {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.6;
        height: 6em; }
        @media only screen and (min-width: 64.0625em) {
          .project-table .cell.comment textarea {
            margin: 0; } }
        @media only screen and (max-width: 40em) {
          .project-table .cell.comment textarea {
            margin: .5em 0 0 0; } }
        @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
          .project-table .cell.comment textarea {
            margin: .5em 0 0 0; } }
      .project-table .cell.comment p {
        font-size: 15px;
        font-size: 0.9375rem;
        margin: 1em 0 0 0;
        line-height: 1.0; }
    .project-table .cell.menu {
      font-size: 15px;
      font-size: 0.9375rem;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .project-table .cell.menu:before, .project-table .cell.menu:after {
        content: " ";
        display: table; }
      .project-table .cell.menu:after {
        clear: both; }
      .project-table .cell.menu > li,
      .project-table .cell.menu > a,
      .project-table .cell.menu > span,
      .project-table .cell.menu > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      .project-table .cell.menu a {
        padding: .5em 0;
        display: block; }
      @media only screen and (min-width: 64.0625em) {
        .project-table .cell.menu {
          margin: .75em 0; }
          .project-table .cell.menu a {
            padding: .25em 0; } }
      @media only screen and (max-width: 40em) {
        .project-table .cell.menu li {
          margin-right: 1.5em;
          width: auto;
          float: left; }
        .project-table .cell.menu a {
          padding: .5em 0; } }
      @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
        .project-table .cell.menu li {
          margin-right: 1.5em;
          width: auto;
          float: left; }
        .project-table .cell.menu a {
          padding: .5em 0; } }
  @media only screen and (min-width: 64.0625em) {
    .project-table.funded .cell.project {
      width: 40%; }
    .project-table.funded .cell.money {
      width: 11%; }
    .project-table.funded .cell.return {
      width: 20%; }
    .project-table.funded .cell.comment {
      width: 18%; }
    .project-table.funded .cell.menu {
      width: 11%; }
    .project-table.owned .cell.project, .project-table.favorite-funding .cell.project, .project-table.favorite-closed .cell.project {
      width: 45%; }
    .project-table.owned .cell.money, .project-table.favorite-funding .cell.money, .project-table.favorite-closed .cell.money {
      width: 11%; }
    .project-table.owned .cell.progress, .project-table.favorite-funding .cell.progress, .project-table.favorite-closed .cell.progress {
      width: 11%; }
    .project-table.owned .cell.collector, .project-table.favorite-funding .cell.collector, .project-table.favorite-closed .cell.collector {
      width: 11%; }
    .project-table.owned .cell.enddate, .project-table.favorite-funding .cell.enddate, .project-table.favorite-closed .cell.enddate {
      width: 11%; }
    .project-table.owned .cell.menu, .project-table.favorite-funding .cell.menu, .project-table.favorite-closed .cell.menu {
      width: 11%; } }
  @media only screen and (max-width: 40em) {
    .project-table.funded .cell.project {
      width: 100%;
      background: #ebeae9; }
    .project-table.funded .cell.money {
      width: 50%; }
    .project-table.funded .cell.return {
      width: 50%; }
    .project-table.funded .cell.comment {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 100%; }
    .project-table.funded .cell.menu {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 100%; }
    .project-table.owned .cell.project, .project-table.favorite-funding .cell.project, .project-table.favorite-closed .cell.project {
      width: 100%;
      background: #ebeae9; }
    .project-table.owned .cell.money, .project-table.favorite-funding .cell.money, .project-table.favorite-closed .cell.money {
      clear: left;
      width: 50%; }
    .project-table.owned .cell.progress, .project-table.favorite-funding .cell.progress, .project-table.favorite-closed .cell.progress {
      width: 50%; }
    .project-table.owned .cell.collector, .project-table.favorite-funding .cell.collector, .project-table.favorite-closed .cell.collector {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 50%; }
    .project-table.owned .cell.enddate, .project-table.favorite-funding .cell.enddate, .project-table.favorite-closed .cell.enddate {
      border-top: 1px solid #ebeae9;
      width: 50%; }
    .project-table.owned .cell.menu, .project-table.favorite-funding .cell.menu, .project-table.favorite-closed .cell.menu {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 100%; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 64em) {
    .project-table.funded .cell.project {
      width: 100%;
      background: #ebeae9; }
    .project-table.funded .cell.money {
      width: 50%; }
    .project-table.funded .cell.return {
      width: 50%; }
    .project-table.funded .cell.comment {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 100%; }
    .project-table.funded .cell.menu {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 100%; }
    .project-table.owned .cell.project, .project-table.favorite-funding .cell.project, .project-table.favorite-closed .cell.project {
      width: 100%;
      background: #ebeae9; }
    .project-table.owned .cell.money, .project-table.favorite-funding .cell.money, .project-table.favorite-closed .cell.money {
      clear: left;
      width: 50%; }
    .project-table.owned .cell.progress, .project-table.favorite-funding .cell.progress, .project-table.favorite-closed .cell.progress {
      width: 50%; }
    .project-table.owned .cell.collector, .project-table.favorite-funding .cell.collector, .project-table.favorite-closed .cell.collector {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 50%; }
    .project-table.owned .cell.enddate, .project-table.favorite-funding .cell.enddate, .project-table.favorite-closed .cell.enddate {
      border-top: 1px solid #ebeae9;
      width: 50%; }
    .project-table.owned .cell.menu, .project-table.favorite-funding .cell.menu, .project-table.favorite-closed .cell.menu {
      border-top: 1px solid #ebeae9;
      clear: left;
      width: 100%; } }

#mypage-header,
#userpage-header {
  background: #ebeae9;
  padding: 1.5em 0; }
  #mypage-header .columns,
  #userpage-header .columns {
    position: relative; }
    #mypage-header .columns:before, #mypage-header .columns:after,
    #userpage-header .columns:before,
    #userpage-header .columns:after {
      content: " ";
      display: table; }
    #mypage-header .columns:after,
    #userpage-header .columns:after {
      clear: both; }
  #mypage-header .photo,
  #userpage-header .photo {
    text-align: center; }
    #mypage-header .photo img,
    #userpage-header .photo img {
      border-radius: 120px; }
    #mypage-header .photo img,
    #userpage-header .photo img {
      width: 80px;
      height: 80px; }
  #mypage-header .text h2,
  #userpage-header .text h2 {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    text-align: center; }
    @media only screen and (min-width: 40.0625em) {
      #mypage-header .text h2,
      #userpage-header .text h2 {
        font-size: 28px;
        font-size: 1.75rem;
        margin-top: .5em;
        margin-bottom: .375em; } }
    @media only screen and (max-width: 40em) {
      #mypage-header .text h2,
      #userpage-header .text h2 {
        font-size: 18px;
        font-size: 1.125rem;
        margin-top: 1em;
        margin-bottom: .75em; } }
  #mypage-header .text p,
  #userpage-header .text p {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 200;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #877d7d;
    text-align: center;
    line-height: 1.5; }
    @media only screen and (min-width: 40.0625em) {
      #mypage-header .text p,
      #userpage-header .text p {
        width: 60%;
        margin: 0 auto; } }
  #mypage-header .text ul.info,
  #userpage-header .text ul.info {
    text-align: center;
    margin-top: .5em; }
    #mypage-header .text ul.info li,
    #userpage-header .text ul.info li {
      display: inline-block;
      white-space: nowrap;
      *display: inline;
      *zoom: 1; }
    #mypage-header .text ul.info li,
    #userpage-header .text ul.info li {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200;
      font-size: 13px;
      font-size: 0.8125rem;
      color: #877d7d; }
      @media only screen and (min-width: 40.0625em) {
        #mypage-header .text ul.info li,
        #userpage-header .text ul.info li {
          margin-right: 1em; } }
      @media only screen and (max-width: 40em) {
        #mypage-header .text ul.info li,
        #userpage-header .text ul.info li {
          margin: 0 .25em; } }
      #mypage-header .text ul.info li a,
      #userpage-header .text ul.info li a {
        font-size: 13px;
        font-size: 0.8125rem;
        color: #877d7d; }
      #mypage-header .text ul.info li svg,
      #userpage-header .text ul.info li svg {
        fill: #877d7d;
        width: 16px;
        margin-right: 3px; }
  #mypage-header .text ul.social,
  #userpage-header .text ul.social {
    text-align: center; }
    #mypage-header .text ul.social li,
    #userpage-header .text ul.social li {
      display: inline-block;
      white-space: nowrap;
      *display: inline;
      *zoom: 1; }
    #mypage-header .text ul.social li,
    #userpage-header .text ul.social li {
      text-align: center; }
      @media only screen and (min-width: 40.0625em) {
        #mypage-header .text ul.social li,
        #userpage-header .text ul.social li {
          margin: .5em .5em 0 .5em; } }
      @media only screen and (max-width: 40em) {
        #mypage-header .text ul.social li,
        #userpage-header .text ul.social li {
          margin: .25em .25em 0 .25em; } }
      #mypage-header .text ul.social li li,
      #userpage-header .text ul.social li li {
        display: inline-block;
        white-space: nowrap;
        *display: inline;
        *zoom: 1; }
      #mypage-header .text ul.social li a,
      #userpage-header .text ul.social li a {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 13px;
        font-size: 0.8125rem;
        color: #877d7d; }
      #mypage-header .text ul.social li svg,
      #userpage-header .text ul.social li svg {
        fill: #877d7d;
        margin-right: 3px; }
      #mypage-header .text ul.social li.facebook a:hover, #mypage-header .text ul.social li.facebook a.linked,
      #userpage-header .text ul.social li.facebook a:hover,
      #userpage-header .text ul.social li.facebook a.linked {
        color: #37559c; }
        #mypage-header .text ul.social li.facebook a:hover svg, #mypage-header .text ul.social li.facebook a.linked svg,
        #userpage-header .text ul.social li.facebook a:hover svg,
        #userpage-header .text ul.social li.facebook a.linked svg {
          fill: #37559c; }
      #mypage-header .text ul.social li.twitter a:hover, #mypage-header .text ul.social li.twitter a.linked,
      #userpage-header .text ul.social li.twitter a:hover,
      #userpage-header .text ul.social li.twitter a.linked {
        color: #00abf1 !important; }
        #mypage-header .text ul.social li.twitter a:hover svg, #mypage-header .text ul.social li.twitter a.linked svg,
        #userpage-header .text ul.social li.twitter a:hover svg,
        #userpage-header .text ul.social li.twitter a.linked svg {
          fill: #00abf1; }
  #mypage-header .text ul.follow,
  #userpage-header .text ul.follow {
    text-align: center; }
    #mypage-header .text ul.follow li,
    #userpage-header .text ul.follow li {
      display: inline-block;
      white-space: nowrap;
      *display: inline;
      *zoom: 1; }
    @media only screen and (min-width: 40.0625em) {
      #mypage-header .text ul.follow,
      #userpage-header .text ul.follow {
        margin-top: 1em;
        margin-bottom: .5em; } }
    @media only screen and (max-width: 40em) {
      #mypage-header .text ul.follow,
      #userpage-header .text ul.follow {
        margin-top: 1em;
        margin-bottom: .5em; } }
    #mypage-header .text ul.follow li a svg,
    #userpage-header .text ul.follow li a svg {
      margin-top: -6px; }
    #mypage-header .text ul.follow li a > span,
    #userpage-header .text ul.follow li a > span {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      background: #00C3FF;
      color: #fff;
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
      transition: background-color 0.1s ease-in-out;
      border-radius: 4px;
      padding: .5em .75em .65em .75em;
      border-radius: 4px;
      color: #00C3FF;
      background: #ebeae9;
      text-shadow: 0 0 0 transparent; }
      #mypage-header .text ul.follow li a > span:hover,
      #userpage-header .text ul.follow li a > span:hover {
        background: #1ac9ff; }
    #mypage-header .text ul.follow li a.following span.added, #mypage-header .text ul.follow li a.following span.remove,
    #userpage-header .text ul.follow li a.following span.added,
    #userpage-header .text ul.follow li a.following span.remove {
      border: 1px solid #00C3FF; }
    #mypage-header .text ul.follow li a.following span svg,
    #userpage-header .text ul.follow li a.following span svg {
      fill: #00C3FF; }
    #mypage-header .text ul.follow li a.following span.added,
    #userpage-header .text ul.follow li a.following span.added {
      display: block; }
    #mypage-header .text ul.follow li a.following span.remove,
    #userpage-header .text ul.follow li a.following span.remove {
      display: none; }
    #mypage-header .text ul.follow li a.following:hover span,
    #userpage-header .text ul.follow li a.following:hover span {
      color: #00C3FF;
      background: #ebeae9; }
      #mypage-header .text ul.follow li a.following:hover span.added,
      #userpage-header .text ul.follow li a.following:hover span.added {
        display: none; }
      #mypage-header .text ul.follow li a.following:hover span.remove,
      #userpage-header .text ul.follow li a.following:hover span.remove {
        display: block; }
    #mypage-header .text ul.follow li a.notfollow span,
    #userpage-header .text ul.follow li a.notfollow span {
      color: #00C3FF; }
      #mypage-header .text ul.follow li a.notfollow span.add,
      #userpage-header .text ul.follow li a.notfollow span.add {
        border: 1px solid #00C3FF; }
      #mypage-header .text ul.follow li a.notfollow span svg,
      #userpage-header .text ul.follow li a.notfollow span svg {
        fill: #00C3FF; }
    #mypage-header .text ul.follow li a.notfollow:hover span,
    #userpage-header .text ul.follow li a.notfollow:hover span {
      color: #fff; }
    #mypage-header .text ul.follow li a.notfollow:hover svg,
    #userpage-header .text ul.follow li a.notfollow:hover svg {
      fill: #fff; }

.cta-photo {
  line-height: 1.0;
  text-align: center; }
  .cta-photo a {
    display: inline-block;
    background-size: cover;
    background-position: center center;
    border-radius: 8px;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 128px 64px;
    color: #fff; }
    .cta-photo a svg {
      margin-right: 5px;
      fill: #fff;
      width: 28px;
      height: 28px;
      margin-top: -2px; }

.feed-list .s-cta {
  margin-top: 2em; }

#userpage-header + div + .s-list,
#mypage-header + div + .s-list {
  margin-top: 1em !important; }

.s-mypage-section {
  margin-top: 2em; }
  .s-mypage-section h2 {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #877d7d;
    margin-bottom: 1em; }
    @media only screen and (min-width: 40.0625em) {
      .s-mypage-section h2 {
        margin-left: 1.5em; } }
    @media only screen and (max-width: 40em) {
      .s-mypage-section h2 {
        margin-left: .5em; } }

#mypage-header {
  padding: 3em 0 2em 0; }
  #mypage-header .text h2 {
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    color: #877d7d;
    margin: 1em 0 0 0; }

.s-more-curator,
.s-more-tagcloud {
  display: none;
  padding: 32px 0; }

#mypage-nav-sticky-wrapper + .s-cta,
.s-pagenation + .s-cta {
  margin-top: 4em; }

#project-invitation {
  background: #fffacc;
  padding: 64px 0; }
  #project-invitation h3 {
    font-size: 28px;
    font-size: 1.75rem;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600; }
  #project-invitation .columns:nth-child(2) p {
    margin-bottom: .5em; }
  #project-invitation .columns:nth-child(2) input {
    display: block;
    padding: .5em;
    width: 100%; }
  #project-invitation .columns:nth-child(2) textarea {
    height: 6em; }
  #project-invitation .columns:nth-child(2) a.send {
    font-size: 16px;
    font-size: 1rem;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    background: #00C3FF;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
    transition: background-color 0.1s ease-in-out;
    border-radius: 4px;
    margin-top: .5em;
    padding: .25em .75em;
    display: block;
    float: left; }
    #project-invitation .columns:nth-child(2) a.send:hover {
      background: #1ac9ff; }
  #project-invitation .list-sended {
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: left;
    padding-top: 2em;
    border-bottom: 1px solid #897e7b; }
    #project-invitation .list-sended:before, #project-invitation .list-sended:after {
      content: " ";
      display: table; }
    #project-invitation .list-sended:after {
      clear: both; }
    #project-invitation .list-sended > li,
    #project-invitation .list-sended > a,
    #project-invitation .list-sended > span,
    #project-invitation .list-sended > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    #project-invitation .list-sended li {
      font-size: 15px;
      font-size: 0.9375rem;
      width: 100%;
      border-top: 1px solid #877d7d;
      padding: .75em .5em;
      color: #3b2823; }
      #project-invitation .list-sended li:before, #project-invitation .list-sended li:after {
        content: " ";
        display: table; }
      #project-invitation .list-sended li:after {
        clear: both; }
      #project-invitation .list-sended li .address {
        float: left; }
      #project-invitation .list-sended li .delete {
        float: right;
        color: #3b2823; }
      #project-invitation .list-sended li .status {
        float: right;
        margin-right: 2em;
        font-size: 13px;
        font-size: 0.8125rem; }

#project-public-url-information {
  background: #f5deb3;
  padding: 32px 0;
  text-align: center; }
  #project-public-url-information p {
    font-size: 16px;
    font-size: 1rem;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600; }

/**
 * ボタンで支援額を増減する UI のスタイル
 */
.furtherSupport {
  text-align: center; }
  .furtherSupport--container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 800px) {
      .furtherSupport--container {
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; } }
    .furtherSupport--container--block {
      background-color: #FAFAFA;
      border-radius: 5%;
      box-sizing: border-box;
      display: block;
      -ms-flex: 1;
          flex: 1;
      margin: 0.5rem;
      padding: 1rem;
      position: relative; }
      .furtherSupport--container--block > p {
        font-size: large;
        margin-top: 0;
        text-align: center; }
      .furtherSupport--container--block--view {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10%;
        width: 170px; }
        .furtherSupport--container--block--view--underline {
          border-bottom: solid thin;
          height: 2rem;
          margin: auto;
          max-width: 10rem;
          overflow: hidden;
          width: -webkit-max-content;
          width: max-content; }
        .furtherSupport--container--block--view--value {
          font-size: x-large;
          font-weight: bold; }
        .furtherSupport--container--block--view--suffix {
          font-size: large;
          font-weight: bold; }
      .furtherSupport--container--block--input {
        -ms-flex-align: center;
            align-items: center;
        background-color: #FFF;
        border: 1px solid #dddddd;
        display: -ms-flexbox;
        display: flex; }
        .furtherSupport--container--block--input > input {
          background-color: #FFFFFF;
          border: none;
          box-shadow: none;
          font-size: x-large;
          font-weight: bold;
          height: 2.5rem;
          margin: 0;
          text-align: right;
          width: 87%; }
          .furtherSupport--container--block--input > input[type=number] {
            -moz-appearance: textfield; }
          .furtherSupport--container--block--input > input[type=number]::-webkit-outer-spin-button, .furtherSupport--container--block--input > input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0; }
          .furtherSupport--container--block--input > input:read-only {
            background-color: #DDDDDD;
            cursor: default; }
        .furtherSupport--container--block--input > span {
          font-size: large;
          font-weight: bold;
          margin-bottom: -1%; }
    .furtherSupport--container--between {
      background-color: #000;
      border-radius: 50%;
      color: #fff;
      display: block;
      height: 2rem;
      margin-bottom: -1rem;
      margin-left: auto;
      margin-right: auto;
      margin-top: -1rem;
      text-decoration: none;
      width: 2rem;
      z-index: 2; }
      @media screen and (min-width: 800px) {
        .furtherSupport--container--between {
          margin-bottom: auto;
          margin-left: -1rem;
          margin-right: -1rem;
          margin-top: auto; } }
  .furtherSupport--propaganda {
    text-align: center;
    font-size: small; }

.s-discover {
  background: url("https://mg-img.s3.amazonaws.com/static/discover.jpg");
  background-size: cover;
  background-position: center center;
  margin-bottom: 2em; }
  .s-discover .columns {
    position: relative; }
    @media only screen and (min-width: 40.0625em) {
      .s-discover .columns {
        padding-bottom: 40px; } }
    @media only screen and (max-width: 40em) {
      .s-discover .columns {
        padding-bottom: 80px; } }
  .s-discover ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important; }
    .s-discover ul:before, .s-discover ul:after {
      content: " ";
      display: table; }
    .s-discover ul:after {
      clear: both; }
    .s-discover ul > li,
    .s-discover ul > a,
    .s-discover ul > span,
    .s-discover ul > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    .s-discover ul li {
      width: 25%; }
    .s-discover ul a {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      display: block;
      text-align: center;
      color: #fff;
      padding: 1.5em 0; }
      .s-discover ul a.current {
        border-bottom: 4px solid #00C3FF; }
      .s-discover ul a:hover {
        border-bottom: 4px solid #00C3FF; }
      @media only screen and (max-width: 40em) {
        .s-discover ul a {
          font-size: 13px;
          font-size: 0.8125rem; } }
  .s-discover h1 {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
    text-align: center;
    color: #fff; }
    @media only screen and (min-width: 40.0625em) {
      .s-discover h1 {
        font-size: 48px;
        font-size: 3rem;
        margin: 2em 0 1em 0; } }
    @media only screen and (max-width: 40em) {
      .s-discover h1 {
        font-size: 32px;
        font-size: 2rem;
        margin: 1em 0 .5em 0; } }
  .s-discover p {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    line-height: 2.0;
    text-align: center;
    color: #fff; }
    @media only screen and (min-width: 40.0625em) {
      .s-discover p {
        font-size: 18px;
        font-size: 1.125rem; } }
    @media only screen and (max-width: 40em) {
      .s-discover p {
        font-size: 16px;
        font-size: 1rem;
        margin: 0; } }
  .s-discover .searchbox {
    position: relative; }
    @media only screen and (min-width: 40.0625em) {
      .s-discover .searchbox {
        width: 80%;
        margin: 4em auto; } }
    @media only screen and (max-width: 40em) {
      .s-discover .searchbox {
        width: 80%;
        margin: 1em auto 0 auto; } }
    .s-discover .searchbox .sprite {
      position: absolute;
      color: #897e7b; }
      @media only screen and (min-width: 40.0625em) {
        .s-discover .searchbox .sprite {
          top: 20px;
          left: 18px; } }
      @media only screen and (max-width: 40em) {
        .s-discover .searchbox .sprite {
          top: 8px;
          left: 8px; } }
      .s-discover .searchbox .sprite svg {
        color: #c4bfbd; }
        @media only screen and (min-width: 40.0625em) {
          .s-discover .searchbox .sprite svg {
            width: 32px;
            height: 32px; } }
        @media only screen and (max-width: 40em) {
          .s-discover .searchbox .sprite svg {
            width: 24px;
            height: 24px; } }
    .s-discover .searchbox input {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200;
      margin: 0;
      line-height: 1.0;
      display: block;
      border: none !important;
      background: #fff;
      box-shadow: inset 0 0 0 transparent;
      border-radius: 4px;
      outline: 10px solid rgba(0, 0, 0, 0.25) !important;
      color: #18100e !important; }
      @media only screen and (min-width: 40.0625em) {
        .s-discover .searchbox input {
          font-size: 18px;
          font-size: 1.125rem;
          padding: 2em 2em 2em 56px; } }
      @media only screen and (max-width: 40em) {
        .s-discover .searchbox input {
          font-size: 16px;
          font-size: 1rem;
          padding: 1em 1em 1em 32px; } }
      .s-discover .searchbox input:focus {
        outline-offset: 0; }

.s-discover-description h1 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600; }

@media only screen and (max-width: 40em) {
  .s-discover-description p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    padding: 0 1em; }
    .s-discover-description p:first-child {
      margin-top: 1em; } }

.s-discover-sub {
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 2em; }
  @media only screen and (min-width: 40.0625em) {
    .s-discover-sub {
      padding: 7.6% 0; } }
  @media only screen and (max-width: 40em) {
    .s-discover-sub {
      padding: 2em 0; }
      .s-discover-sub#curator_tiff {
        background-repeat: no-repeat;
        background-size: 144% 100%;
        padding: 0; } }
  .s-discover-sub p.caption {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
    color: #ebeae9;
    float: right;
    margin: 0;
    line-height: 1.0; }
    @media only screen and (min-width: 40.0625em) {
      .s-discover-sub p.caption {
        font-size: 13px;
        font-size: 0.8125rem;
        margin-top: -2em; } }
    @media only screen and (max-width: 40em) {
      .s-discover-sub p.caption {
        font-size: 12px;
        font-size: 0.75rem;
        margin-top: -2em; } }
    .s-discover-sub p.caption .sprite svg {
      fill: #ebeae9; }
    @media only screen and (min-width: 40.0625em) {
      .s-discover-sub p.caption .sprite {
        height: 16px;
        width: 16px; }
        .s-discover-sub p.caption .sprite svg {
          height: 16px;
          width: 16px; } }
    @media only screen and (max-width: 40em) {
      .s-discover-sub p.caption .sprite {
        height: 14px;
        width: 14px; }
        .s-discover-sub p.caption .sprite svg {
          height: 14px;
          width: 14px; } }
  .s-discover-sub .back {
    display: block;
    float: left;
    line-height: 1.0;
    margin-left: 1em; }
    .s-discover-sub .back a {
      font-weight: 700;
      font-family: 'Open Sans Condensed', sans-serif;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
      color: #fff; }
      .s-discover-sub .back a span {
        margin-right: .25em; }
      .s-discover-sub .back a svg {
        fill: #fff;
        position: relative;
        top: -4px;
        filter: drop-shadow(0 0 5px #000); }
  .s-discover-sub.tag {
    background-color: #8282FF; }
  .s-discover-sub.search {
    background-color: #8282FF; }
  .s-discover-sub .columns {
    height: 200px;
    position: static; }
  .s-discover-sub h1 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    width: 100%;
    left: 0;
    line-height: 1.0; }
  .s-discover-sub ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 22em;
    position: absolute;
    bottom: 2em;
    width: 100%;
    left: 0;
    -ms-flex-pack: center;
        justify-content: center; }
    .s-discover-sub ul.menu:before, .s-discover-sub ul.menu:after {
      content: " ";
      display: table; }
    .s-discover-sub ul.menu:after {
      clear: both; }
    .s-discover-sub ul.menu > li,
    .s-discover-sub ul.menu > a,
    .s-discover-sub ul.menu > span,
    .s-discover-sub ul.menu > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    .s-discover-sub ul.menu li {
      width: 11em; }
      .s-discover-sub ul.menu li:first-child a {
        border-radius: 8px 0 0 8px;
        border-left: 1px solid rgba(255, 255, 255, 0.4); }
      .s-discover-sub ul.menu li:last-child a {
        border-radius: 0 8px 8px 0; }
    .s-discover-sub ul.menu a {
      font-size: 13px;
      font-size: 0.8125rem;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      display: block;
      background: rgba(0, 0, 0, 0.2);
      text-align: center;
      padding: .75em 0;
      border: 1px solid rgba(255, 255, 255, 0.4);
      border-left: none;
      color: #fff; }
  .s-discover-sub ul.share {
    width: 12.4em;
    position: absolute;
    bottom: 2em;
    left: 50%;
    margin-left: -6.2em; }

.s-list {
  position: relative;
  z-index: 1000;
  margin: 0; }
  .s-list .header-section {
    text-align: center;
    padding-top: 2em; }
    .s-list .header-section h2 {
      font-weight: 700;
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 16px;
      font-size: 1rem;
      text-transform: uppercase;
      line-height: 1.0;
      padding-top: 16px;
      margin: 0 10px 16px 10px; }
    .s-list .header-section p.icon {
      margin: 0;
      line-height: 1.0; }
      .s-list .header-section p.icon svg {
        width: 48px;
        height: 48px;
        fill: #3b2823; }
    .s-list .header-section p.description {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #3b2823;
      padding-bottom: 1em; }
      .s-list .header-section p.description a {
        color: #3b2823; }
        .s-list .header-section p.description a:hover {
          color: #00C3FF; }
  .s-list.carousel {
    margin-bottom: 2em; }
  .s-list.carousel.funded .background, .s-list.grid.funded .background, .s-list.banner.funded .background {
    background: #FFE600; }
  .s-list.carousel.category .background, .s-list.grid.category .background, .s-list.banner.category .background {
    background: #18100e; }
  .s-list.carousel.category .header-section h2,
  .s-list.carousel.category .header-section p, .s-list.grid.category .header-section h2,
  .s-list.grid.category .header-section p, .s-list.banner.category .header-section h2,
  .s-list.banner.category .header-section p {
    color: #fff; }
    .s-list.carousel.category .header-section h2 a,
    .s-list.carousel.category .header-section p a, .s-list.grid.category .header-section h2 a,
    .s-list.grid.category .header-section p a, .s-list.banner.category .header-section h2 a,
    .s-list.banner.category .header-section p a {
      color: #fff; }
  .s-list.carousel.category .header-section .sprite svg, .s-list.grid.category .header-section .sprite svg, .s-list.banner.category .header-section .sprite svg {
    fill: #fff; }
  .s-list.feature-list {
    margin-top: 2em;
    background: #8282FF; }
    .s-list.feature-list header h2 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      text-align: center;
      padding-top: 2em;
      color: #fff; }
    .s-list.feature-list header p {
      color: #fff; }
    .s-list.feature-list .single .m-list-project {
      margin: 1em 0; }
      .s-list.feature-list .single .m-list-project .img {
        width: 100%; }
  .s-list .background {
    z-index: -1;
    position: absolute;
    top: 0;
    height: 400px;
    width: 100%;
    overflow: hidden; }
    .s-list .background .image {
      background-size: cover;
      background-position: center center;
      filter: blur(5px);
      height: 120%;
      width: 120%;
      margin: -10px;
      opacity: .5; }

.section_block {
  padding-top: 20px;
  padding-bottom: 20px; }
  .withdrawal .section_block {
    padding-top: 60px; }
  .section_block_large {
    padding-top: 50px;
    padding-bottom: 50px; }
  .section_block--title_alt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8em;
    text-align: left;
    color: #e86d3a;
    font-weight: 600; }
  .section_block--title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8em;
    color: #444659;
    text-align: center; }
    .profile_page .section_block--title {
      margin-top: 20px; }
    .profile_mail_subscriptions .section_block--title {
      margin-top: 40px; }
    @media only screen and (min-width: 40.0625em) {
      .section_block--title {
        font-size: 16px;
        font-size: 1rem; } }
    @media only screen and (min-width: 64.0625em) {
      .section_block--title {
        font-size: 20px;
        font-size: 1.25rem; } }
    .section_block--title strong {
      display: inline-block;
      padding: 10px 40px;
      position: relative; }
      @media only screen and (min-width: 40.0625em) {
        .section_block--title strong {
          padding: 10px 80px; } }
      .section_block--title strong::after, .section_block--title strong::before {
        position: absolute;
        display: block;
        content: '';
        top: calc(50%);
        width: 30px;
        height: 2px;
        background-color: #444659; }
        @media only screen and (min-width: 40.0625em) {
          .section_block--title strong::after, .section_block--title strong::before {
            width: 60px; } }
      .section_block--title strong::after {
        right: 0; }
      .section_block--title strong::before {
        left: 0; }

#mail_project_holder {
  display: none; }
  #mail_project_holder.is-active {
    display: -ms-flexbox;
    display: flex; }

.profile_edition--section {
  margin-bottom: 0;
  border-bottom: 1px solid #ececec; }
  .profile_edition--section.no_border {
    border-bottom: none; }
  .profile_edition--section.border_top {
    border-bottom: none;
    border-top: 1px solid #ececec; }
  .profile_edition--section--title {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8em;
    text-align: left;
    color: #4A4A4A;
    margin-bottom: 0;
    margin-right: 20px;
    background-color: #f4f4f4; }
    @media only screen and (min-width: 40.0625em) {
      .profile_edition--section--title {
        font-size: 16px;
        font-size: 1rem; } }
    .profile_edition--section--title strong {
      display: inline-block;
      padding: 2rem 1rem;
      position: relative;
      width: 300px;
      font-weight: normal; }
      .profile_edition--section--title strong::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        content: '';
        width: 1px;
        height: 100%;
        background-color: #4A4A4A; }

@media only screen and (min-width: 40.0625em) {
  .s-magazine {
    margin: 4em 0 0 0; } }

@media only screen and (max-width: 40em) {
  .s-magazine {
    margin: 4em 0 0 0; } }

.s-magazine .border:before, .s-magazine .border:after {
  content: " ";
  display: table; }

.s-magazine .border:after {
  clear: both; }

.s-magazine .border .l,
.s-magazine .border .r {
  height: 4px;
  width: 50%; }

.s-magazine .border .l {
  float: left;
  background: #00C3FF; }

.s-magazine .border .r {
  float: right;
  background: #FFE600; }

.s-magazine h2 {
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    .s-magazine h2 {
      margin: .25em 0; } }
  @media only screen and (max-width: 40em) {
    .s-magazine h2 {
      margin: 1em 0; } }
  .s-magazine h2 img {
    width: 240px; }

.s-magazine .list-magazine-article {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .s-magazine .list-magazine-article:before, .s-magazine .list-magazine-article:after {
    content: " ";
    display: table; }
  .s-magazine .list-magazine-article:after {
    clear: both; }
  .s-magazine .list-magazine-article > li,
  .s-magazine .list-magazine-article > a,
  .s-magazine .list-magazine-article > span,
  .s-magazine .list-magazine-article > img {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    border: none;
    line-height: 1.0; }
  @media only screen and (min-width: 40.0625em) {
    .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(1) {
      width: 34%;
      height: 600px; }
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(1) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(1) .image {
        height: 600px; }
    .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(2), .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(3), .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(4), .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(5) {
      width: 33%;
      display: block; }
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(2) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(2) .image, .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(3) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(3) .image, .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(4) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(4) .image, .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(5) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(5) .image {
        height: 300px; } }
  @media only screen and (max-width: 40em) {
    .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(1) {
      width: 100%;
      height: 300px; }
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(1) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(1) .image {
        height: 300px; }
    .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(2), .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(3), .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(4), .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(5) {
      width: 50%;
      display: block; }
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(2) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(2) .image, .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(3) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(3) .image, .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(4) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(4) .image, .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(5) a,
      .s-magazine .list-magazine-article .m-list-magazine-article:nth-child(5) .image {
        height: 300px; } }
  .s-magazine .list-magazine-article .m-list-magazine-article a {
    display: block;
    position: relative; }
    .s-magazine .list-magazine-article .m-list-magazine-article a .image,
    .s-magazine .list-magazine-article .m-list-magazine-article a .overlay,
    .s-magazine .list-magazine-article .m-list-magazine-article a .text {
      position: absolute;
      bottom: 0;
      width: 100%; }
    .s-magazine .list-magazine-article .m-list-magazine-article a .image {
      background-size: cover;
      background-position: center center; }
    .s-magazine .list-magazine-article .m-list-magazine-article a .overlay {
      background: linear-gradient(to bottom, transparent, rgba(59, 40, 35, 0.4)); }
      @media only screen and (min-width: 40.0625em) {
        .s-magazine .list-magazine-article .m-list-magazine-article a .overlay {
          height: 200px; } }
      @media only screen and (max-width: 40em) {
        .s-magazine .list-magazine-article .m-list-magazine-article a .overlay {
          height: 300px; } }
    .s-magazine .list-magazine-article .m-list-magazine-article a .text {
      padding: 1.5em 2em; }
      .s-magazine .list-magazine-article .m-list-magazine-article a .text h2 {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        color: #3b2823;
        color: #fff;
        line-height: 1.6;
        margin: 0;
        text-align: left; }
      .s-magazine .list-magazine-article .m-list-magazine-article a .text span {
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 13px;
        font-size: 0.8125rem;
        margin-bottom: .5em;
        display: block;
        color: #3b2823;
        color: #FFE600;
        border-bottom: 1px solid #FFE600;
        display: inline-block;
        padding-bottom: .25em; }

.s-pagenation {
  margin-top: 4em; }
  .s-pagenation .pagination {
    text-align: center;
    line-height: 1.0; }
    .s-pagenation .pagination li {
      display: inline-block;
      white-space: nowrap;
      *display: inline;
      *zoom: 1; }
    .s-pagenation .pagination-centered {
      margin-bottom: 3rem; }
    .s-pagenation .pagination li {
      line-height: 1.0; }
      .s-pagenation .pagination li a {
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 15px;
        font-size: 0.9375rem;
        color: #897e7b;
        line-height: 1.0;
        border-radius: 0;
        display: inline-block;
        padding: 10px 15px;
        color: #897e7b; }
        .s-pagenation .pagination li a:hover {
          background: #00C3FF;
          color: #ebeae9; }
      .s-pagenation .pagination li.current {
        background: #fff; }
        .s-pagenation .pagination li.current a {
          border: 1px solid #897e7b;
          background: none;
          color: #897e7b; }
          .s-pagenation .pagination li.current a:hover {
            background: #00C3FF;
            border-color: #00C3FF;
            color: #ebeae9; }
      .s-pagenation .pagination li.unavailable a:hover {
        background: #ebeae9;
        color: #897e7b; }

@media only screen and (min-width: 40.0625em) {
  #project-header {
    background: #ebeae9; } }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-header-title {
    padding: 2.5em 0 2em 0; } }

#project-header #project-header-title h1 {
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600;
  text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #project-header #project-header-title h1 {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media only screen and (max-width: 40em) {
    #project-header #project-header-title h1 {
      font-size: 18px;
      font-size: 1.125rem;
      margin-top: .5em; }
      #project-header #project-header-title h1 br {
        display: none; } }
  #project-header #project-header-title h1 em {
    text-shadow: 0 0 0 transparent;
    background: #FFE600;
    font-style: normal;
    padding: .15em;
    color: #333;
    margin: 0 .125em;
    white-space: nowrap; }

#project-header #project-header-title .info {
  text-align: center;
  margin-top: 1em; }
  #project-header #project-header-title .info li {
    display: inline-block;
    white-space: nowrap;
    *display: inline;
    *zoom: 1; }
  #project-header #project-header-title .info li {
    color: #897e7b;
    margin: 0 .5em;
    font-size: 15px;
    font-size: 0.9375rem; }
    #project-header #project-header-title .info li a {
      color: #897e7b; }
    #project-header #project-header-title .info li .sprite svg {
      fill: #897e7b;
      position: relative;
      top: -3px;
      width: 16px;
      margin-right: .125em; }

#project-header #project-cover-small-only,
#project-header #project-cover-medium-up {
  display: none;
  background: #000; }
  #project-header #project-cover-small-only .movie,
  #project-header #project-cover-small-only .image,
  #project-header #project-cover-medium-up .movie,
  #project-header #project-cover-medium-up .image {
    padding-top: 72%;
    position: relative;
    width: 100%; }
  #project-header #project-cover-small-only .preview,
  #project-header #project-cover-small-only .image,
  #project-header #project-cover-medium-up .preview,
  #project-header #project-cover-medium-up .image {
    background-size: cover;
    background-position: center center; }
  #project-header #project-cover-small-only .preview,
  #project-header #project-cover-small-only iframe,
  #project-header #project-cover-medium-up .preview,
  #project-header #project-cover-medium-up iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }
  #project-header #project-cover-small-only .movie:hover,
  #project-header #project-cover-medium-up .movie:hover {
    opacity: .5; }
  #project-header #project-cover-small-only .playbtn,
  #project-header #project-cover-small-only .loader,
  #project-header #project-cover-medium-up .playbtn,
  #project-header #project-cover-medium-up .loader {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center; }
  @media only screen and (min-width: 40.0625em) {
    #project-header #project-cover-small-only .playbtn,
    #project-header #project-cover-medium-up .playbtn {
      margin-top: 40px; } }
  @media only screen and (max-width: 40em) {
    #project-header #project-cover-small-only .playbtn,
    #project-header #project-cover-medium-up .playbtn {
      margin-top: 30px; } }
  #project-header #project-cover-small-only .playbtn .btnbg,
  #project-header #project-cover-medium-up .playbtn .btnbg {
    display: block;
    background: #fff;
    border-radius: 40px;
    margin: 0 auto;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.75); }
    @media only screen and (min-width: 40.0625em) {
      #project-header #project-cover-small-only .playbtn .btnbg,
      #project-header #project-cover-medium-up .playbtn .btnbg {
        width: 80px;
        height: 80px; } }
    @media only screen and (max-width: 40em) {
      #project-header #project-cover-small-only .playbtn .btnbg,
      #project-header #project-cover-medium-up .playbtn .btnbg {
        width: 60px;
        height: 60px; } }
  #project-header #project-cover-small-only .playbtn svg,
  #project-header #project-cover-medium-up .playbtn svg {
    position: relative;
    fill: #00C3FF; }
    @media only screen and (min-width: 40.0625em) {
      #project-header #project-cover-small-only .playbtn svg,
      #project-header #project-cover-medium-up .playbtn svg {
        top: -80px;
        width: 80px;
        height: 80px; } }
    @media only screen and (max-width: 40em) {
      #project-header #project-cover-small-only .playbtn svg,
      #project-header #project-cover-medium-up .playbtn svg {
        top: -60px;
        width: 60px;
        height: 60px; } }
  #project-header #project-cover-small-only .loader svg,
  #project-header #project-cover-medium-up .loader svg {
    width: 40px;
    height: 40px;
    margin-left: -20px; }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-cover-medium-up {
    display: block; } }

#project-header #project-cover-small-only {
  margin: 0 -10px; }
  @media only screen and (max-width: 40em) {
    #project-header #project-cover-small-only {
      display: block; } }

@media only screen and (max-width: 40em) {
  #project-header #project-header-content p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6; } }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-header-content {
    padding-bottom: 2em; }
    #project-header #project-header-content:before, #project-header #project-header-content:after {
      content: " ";
      display: table; }
    #project-header #project-header-content:after {
      clear: both; } }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-header-content .progress-bar {
    background: repeating-linear-gradient(45deg, #ccc, #ccc 1px, #fefefe 0, #fefefe 4px);
    border-radius: 20px;
    position: relative; }
    #project-header #project-header-content .progress-bar .current {
      border-radius: 20px;
      background: #00C3FF;
      max-width: 100%;
      height: 8px; }
    #project-header #project-header-content .progress-bar .over100,
    #project-header #project-header-content .progress-bar .over200,
    #project-header #project-header-content .progress-bar .over300 {
      border-radius: 20px;
      max-width: 100%;
      z-index: 100;
      height: 8px; }
    #project-header #project-header-content .progress-bar .over100 {
      margin-top: -6px;
      background: #00b0e6;
      margin-top: -8px; }
    #project-header #project-header-content .progress-bar .over200 {
      background: #009ccc;
      margin-top: -8px; }
    #project-header #project-header-content .progress-bar .over300 {
      background: #0089b3;
      margin-top: -8px; }
    #project-header #project-header-content .progress-bar .funded {
      width: 100%;
      position: absolute;
      top: -4px; }
      #project-header #project-header-content .progress-bar .funded div {
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif;
        width: 100%;
        text-align: center;
        display: block;
        line-height: 1.0;
        font-size: 16px;
        font-size: 1rem;
        color: #fff; }
        #project-header #project-header-content .progress-bar .funded div b {
          border-radius: 100px;
          padding: 6px 12px 6px 8px; }
        #project-header #project-header-content .progress-bar .funded div .sprite {
          position: relative;
          top: -2px; }
        #project-header #project-header-content .progress-bar .funded div .sprite {
          fill: #fff; }
        #project-header #project-header-content .progress-bar .funded div b {
          background: #00C3FF; }
    #project-header #project-header-content .progress-bar.funded .over100,
    #project-header #project-header-content .progress-bar.funded .over200,
    #project-header #project-header-content .progress-bar.funded .over300 {
      background: #00C3FF; }
    #project-header #project-header-content .progress-bar.notfunded .current {
      background: #897e7b;
      width: 100% !important; }
    #project-header #project-header-content .progress-bar.notfunded .funded div {
      color: #fff; }
      #project-header #project-header-content .progress-bar.notfunded .funded div .sprite {
        fill: #fff; }
      #project-header #project-header-content .progress-bar.notfunded .funded div b {
        background: #897e7b;
        padding: 6px 12px 6px 8px; } }

@media only screen and (max-width: 40em) {
  #project-header #project-header-content .progress-bar {
    background: repeating-linear-gradient(45deg, #ccc, #ccc 1px, #fefefe 0, #fefefe 4px);
    border-radius: 20px;
    position: relative; }
    #project-header #project-header-content .progress-bar .current {
      border-radius: 20px;
      background: #00C3FF;
      max-width: 100%;
      height: 6px; }
    #project-header #project-header-content .progress-bar .over100,
    #project-header #project-header-content .progress-bar .over200,
    #project-header #project-header-content .progress-bar .over300 {
      border-radius: 20px;
      max-width: 100%;
      z-index: 100;
      height: 6px; }
    #project-header #project-header-content .progress-bar .over100 {
      margin-top: -6px;
      background: #00b0e6;
      margin-top: -6px; }
    #project-header #project-header-content .progress-bar .over200 {
      background: #009ccc;
      margin-top: -6px; }
    #project-header #project-header-content .progress-bar .over300 {
      background: #0089b3;
      margin-top: -6px; }
    #project-header #project-header-content .progress-bar .funded {
      width: 100%;
      position: absolute;
      top: -5px; }
      #project-header #project-header-content .progress-bar .funded div {
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif;
        width: 100%;
        text-align: center;
        display: block;
        line-height: 1.0;
        font-size: 13px;
        font-size: 0.8125rem;
        color: #fff; }
        #project-header #project-header-content .progress-bar .funded div b {
          border-radius: 100px;
          padding: 3px 6px 3px 4px; }
        #project-header #project-header-content .progress-bar .funded div .sprite {
          position: relative;
          top: -1px; }
        #project-header #project-header-content .progress-bar .funded div .sprite {
          fill: #fff; }
        #project-header #project-header-content .progress-bar .funded div b {
          background: #00C3FF; }
    #project-header #project-header-content .progress-bar.funded .over100,
    #project-header #project-header-content .progress-bar.funded .over200,
    #project-header #project-header-content .progress-bar.funded .over300 {
      background: #00C3FF; }
    #project-header #project-header-content .progress-bar.notfunded .current {
      background: #897e7b;
      width: 100% !important; }
    #project-header #project-header-content .progress-bar.notfunded .funded div {
      color: #fff; }
      #project-header #project-header-content .progress-bar.notfunded .funded div .sprite {
        fill: #fff; }
      #project-header #project-header-content .progress-bar.notfunded .funded div b {
        background: #897e7b;
        padding: 3px 9px 3px 9px; } }

#project-header #project-header-content .closed {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
  color: #897e7b;
  padding: 1.25em 0 1em 0;
  margin-top: 1em; }
  #project-header #project-header-content .closed.funded {
    background: #00C3FF;
    color: #fff; }
    #project-header #project-header-content .closed.funded img {
      width: 28px; }
    #project-header #project-header-content .closed.funded svg {
      -ms-transform: scale(1.5);
          transform: scale(1.5);
      margin-top: +6px;
      margin-right: 5px; }
    #project-header #project-header-content .closed.funded rect.st0 {
      fill: #FFFFFF !important; }
    #project-header #project-header-content .closed.funded .st1 {
      fill: #007599; }
  #project-header #project-header-content .closed.notfunded {
    border: 1px solid #897e7b;
    background: #fff; }
  #project-header #project-header-content .closed img {
    width: 32px;
    margin-right: 5px; }
  #project-header #project-header-content .closed svg {
    fill: #897e7b;
    position: relative;
    top: -5px; }

#project-header #project-header-content .closed-note {
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
  color: #897e7b; }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-header-content #project-progress-bar-medium-up {
    margin: 2em 0; } }

@media only screen and (max-width: 40em) {
  #project-header #project-header-content #project-progress-bar-medium-up {
    display: none; } }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-header-content #project-progress-bar-small-only {
    display: none; } }

@media only screen and (max-width: 40em) {
  #project-header #project-header-content #project-progress-bar-small-only {
    margin: 1.5em 0; } }

@media only screen and (max-width: 40em) {
  #project-header #project-header-content .stats-table:before, #project-header #project-header-content .stats-table:after {
    content: " ";
    display: table; }
  #project-header #project-header-content .stats-table:after {
    clear: both; }
  #project-header #project-header-content .stats-table dl {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent; }
    #project-header #project-header-content .stats-table dl.collector {
      width: 20%;
      width: 24%; }
    #project-header #project-header-content .stats-table dl.progress {
      width: 20%;
      width: 24%; }
    #project-header #project-header-content .stats-table dl.money {
      width: 60%;
      width: 52%; }
    #project-header #project-header-content .stats-table dl.days {
      width: 20%;
      width: 24%; }
      #project-header #project-header-content .stats-table dl.days dd.number {
        font-size: 0.8rem; }
    #project-header #project-header-content .stats-table dl.date {
      width: 20%;
      width: 24%; }
    #project-header #project-header-content .stats-table dl dt,
    #project-header #project-header-content .stats-table dl dd {
      margin: 0;
      padding: 0;
      line-height: 1.0;
      text-align: center;
      color: #897e7b; }
    #project-header #project-header-content .stats-table dl dt {
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: normal;
      margin-bottom: 6px; }
    #project-header #project-header-content .stats-table dl dd .number {
      font-size: 16px;
      font-size: 1rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600; }
    #project-header #project-header-content .stats-table dl dd .unit {
      font-size: 13px;
      font-size: 0.8125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200;
      margin-left: .1em; }
    #project-header #project-header-content .stats-table dl.date .number {
      font-size: 13px;
      font-size: 0.8125rem; }
  #project-header #project-header-content .stats-table dl dd {
    color: #3b2823; } }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-header-content .stats-table dl {
    margin: 0;
    padding: 0; }
    #project-header #project-header-content .stats-table dl dt,
    #project-header #project-header-content .stats-table dl dd {
      margin: 0;
      padding: 0;
      line-height: 1.0; }
    #project-header #project-header-content .stats-table dl dt {
      font-size: 13px;
      font-size: 0.8125rem;
      margin-top: 2em;
      font-weight: normal;
      margin-bottom: 9px;
      color: #897e7b; }
    #project-header #project-header-content .stats-table dl dd {
      font-size: 40px;
      font-size: 2.5rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      color: #3b2823; }
      #project-header #project-header-content .stats-table dl dd .number {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600; }
      #project-header #project-header-content .stats-table dl dd .unit {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        margin-left: .25em; } }

#project-header #project-header-content .cta {
  margin-top: 1em; }
  #project-header #project-header-content .cta p {
    margin: 0 0 .5em 0; }
    #project-header #project-header-content .cta p a {
      font-size: 18px;
      font-size: 1.125rem;
      padding: 1.25em 1.5em;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      background: #00C3FF;
      color: #fff;
      text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
      transition: background-color 0.1s ease-in-out;
      border-radius: 4px;
      display: block;
      text-align: center; }
      #project-header #project-header-content .cta p a:hover {
        background: #1ac9ff; }
  #project-header #project-header-content .cta dl {
    padding: 0; }
    @media only screen and (max-width: 40em) {
      #project-header #project-header-content .cta dl {
        margin: 0 0 1em 0;
        text-align: center; } }
    @media only screen and (min-width: 40.0625em) {
      #project-header #project-header-content .cta dl {
        margin: 0 0 1em 0; } }
    #project-header #project-header-content .cta dl dt,
    #project-header #project-header-content .cta dl dd {
      margin: 0;
      padding: 0;
      line-height: 1.0;
      color: #897e7b; }
    #project-header #project-header-content .cta dl dt {
      font-size: 12px;
      font-size: 0.75rem;
      margin-top: 2em;
      font-weight: normal;
      margin-bottom: 6px; }
    #project-header #project-header-content .cta dl dd {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.4; }
  #project-header #project-header-content .cta ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #project-header #project-header-content .cta ul:before, #project-header #project-header-content .cta ul:after {
      content: " ";
      display: table; }
    #project-header #project-header-content .cta ul:after {
      clear: both; }
    #project-header #project-header-content .cta ul > li,
    #project-header #project-header-content .cta ul > a,
    #project-header #project-header-content .cta ul > span,
    #project-header #project-header-content .cta ul > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    #project-header #project-header-content .cta ul li {
      line-height: 1.0; }
      #project-header #project-header-content .cta ul li.favorite {
        width: 100%; }
        #project-header #project-header-content .cta ul li.favorite a {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 15px;
          font-size: 0.9375rem;
          text-shadow: 0 0 0 transparent;
          color: #897e7b;
          background: #fff;
          border-radius: 4px;
          border: 1px solid #ebeae9;
          display: block;
          text-align: center;
          padding: 1em 0;
          line-height: 1.0;
          white-space: nowrap; }
          #project-header #project-header-content .cta ul li.favorite a .sprite {
            position: relative;
            top: 0px;
            width: 18px;
            height: 18px; }
            #project-header #project-header-content .cta ul li.favorite a .sprite svg {
              fill: #897e7b;
              width: 18px;
              height: 18px; }
          #project-header #project-header-content .cta ul li.favorite a:hover {
            color: #fff;
            background: #897e7b; }
            #project-header #project-header-content .cta ul li.favorite a:hover svg {
              fill: #fff; }
          #project-header #project-header-content .cta ul li.favorite a:active svg {
            fill: #FFE600; }
          #project-header #project-header-content .cta ul li.favorite a.active {
            color: #fff;
            background: #897e7b; }
            #project-header #project-header-content .cta ul li.favorite a.active svg {
              fill: #FFE600; }
      #project-header #project-header-content .cta ul li.facebook, #project-header #project-header-content .cta ul li.twitter, #project-header #project-header-content .cta ul li.line, #project-header #project-header-content .cta ul li.embed {
        margin-top: 1em;
        text-align: center; }
        #project-header #project-header-content .cta ul li.facebook a, #project-header #project-header-content .cta ul li.twitter a, #project-header #project-header-content .cta ul li.line a, #project-header #project-header-content .cta ul li.embed a {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 15px;
          font-size: 0.9375rem;
          color: #897e7b;
          display: block;
          line-height: 1.0;
          white-space: nowrap;
          text-align: center; }
          #project-header #project-header-content .cta ul li.facebook a .sprite, #project-header #project-header-content .cta ul li.twitter a .sprite, #project-header #project-header-content .cta ul li.line a .sprite, #project-header #project-header-content .cta ul li.embed a .sprite {
            color: #897e7b;
            position: relative;
            top: 0;
            margin-right: .125em; }
            #project-header #project-header-content .cta ul li.facebook a .sprite svg, #project-header #project-header-content .cta ul li.twitter a .sprite svg, #project-header #project-header-content .cta ul li.line a .sprite svg, #project-header #project-header-content .cta ul li.embed a .sprite svg {
              width: 16px;
              fill: #897e7b; }
          #project-header #project-header-content .cta ul li.facebook a:hover, #project-header #project-header-content .cta ul li.twitter a:hover, #project-header #project-header-content .cta ul li.line a:hover, #project-header #project-header-content .cta ul li.embed a:hover {
            color: #3b2823; }
            #project-header #project-header-content .cta ul li.facebook a:hover svg, #project-header #project-header-content .cta ul li.twitter a:hover svg, #project-header #project-header-content .cta ul li.line a:hover svg, #project-header #project-header-content .cta ul li.embed a:hover svg {
              fill: #3b2823; }
      #project-header #project-header-content .cta ul li.facebook a:hover {
        color: #37559c; }
        #project-header #project-header-content .cta ul li.facebook a:hover svg {
          fill: #37559c; }
      @media only screen and (min-width: 40.0625em) {
        #project-header #project-header-content .cta ul li.facebook {
          width: 27%; } }
      @media only screen and (max-width: 40em) {
        #project-header #project-header-content .cta ul li.facebook {
          width: 33.3%; } }
      #project-header #project-header-content .cta ul li.twitter a:hover {
        color: #00abf1; }
        #project-header #project-header-content .cta ul li.twitter a:hover svg {
          fill: #00abf1; }
      @media only screen and (min-width: 40.0625em) {
        #project-header #project-header-content .cta ul li.twitter {
          width: 27%; } }
      @media only screen and (max-width: 40em) {
        #project-header #project-header-content .cta ul li.twitter {
          width: 33.3%; } }
      #project-header #project-header-content .cta ul li.line a:hover {
        color: #00b900; }
        #project-header #project-header-content .cta ul li.line a:hover svg {
          fill: #00b900; }
      @media only screen and (min-width: 40.0625em) {
        #project-header #project-header-content .cta ul li.line {
          display: none; } }
      @media only screen and (max-width: 40em) {
        #project-header #project-header-content .cta ul li.line {
          width: 33.3%; } }
      #project-header #project-header-content .cta ul li.embed a:hover svg {
        fill: #3b2823; }
      @media only screen and (min-width: 40.0625em) {
        #project-header #project-header-content .cta ul li.embed {
          width: 46%; } }
      @media only screen and (max-width: 40em) {
        #project-header #project-header-content .cta ul li.embed {
          display: none; } }

#project-header #project-header-content .profile:before, #project-header #project-header-content .profile:after {
  content: " ";
  display: table; }

#project-header #project-header-content .profile:after {
  clear: both; }

@media only screen and (min-width: 40.0625em) {
  #project-header #project-header-content .profile {
    margin-top: 3em; } }

@media only screen and (max-width: 40em) {
  #project-header #project-header-content .profile {
    margin-top: 2em; } }

#project-header #project-header-content .profile img {
  width: 60px;
  float: left;
  border-radius: 80px; }

#project-header #project-header-content .profile h2 {
  font-size: 16px;
  font-size: 1rem;
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600;
  margin-left: 70px;
  padding-top: .5em;
  line-height: 1.0; }
  #project-header #project-header-content .profile h2 br {
    display: none; }
  #project-header #project-header-content .profile h2 small {
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    line-height: 1.0;
    display: block;
    margin-bottom: .5em; }
  #project-header #project-header-content .profile h2 a {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #897e7b;
    display: block;
    line-height: 1.0;
    white-space: nowrap;
    display: inline;
    margin-left: .75em; }
    #project-header #project-header-content .profile h2 a .sprite {
      color: #897e7b;
      position: relative;
      top: 0;
      margin-right: .125em; }
      #project-header #project-header-content .profile h2 a .sprite svg {
        width: 16px;
        fill: #897e7b; }
    #project-header #project-header-content .profile h2 a:hover {
      color: #3b2823; }
      #project-header #project-header-content .profile h2 a:hover svg {
        fill: #3b2823; }

#project-header #project-header-content .profile p {
  margin: 0;
  line-height: 1.0;
  display: inline; }
  #project-header #project-header-content .profile p a {
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #897e7b;
    display: block;
    line-height: 1.0;
    white-space: nowrap; }
    #project-header #project-header-content .profile p a .sprite {
      color: #897e7b;
      position: relative;
      top: 0;
      margin-right: .125em; }
      #project-header #project-header-content .profile p a .sprite svg {
        width: 16px;
        fill: #897e7b; }
    #project-header #project-header-content .profile p a:hover {
      color: #3b2823; }
      #project-header #project-header-content .profile p a:hover svg {
        fill: #3b2823; }

.s-local-nav {
  border-bottom: 1px solid #ebeae9;
  background: #fff;
  margin-top: 0 !important;
  margin-bottom: 4em; }
  .s-local-nav .row {
    position: relative;
    z-index: 100; }
  @media only screen and (min-width: 40.0625em) {
    .is-sticky .s-local-nav {
      z-index: 9999 !important; }
      .is-sticky .s-local-nav .logo {
        display: block; }
      .is-sticky .s-local-nav .menu {
        margin-left: 70px; }
      .is-sticky .s-local-nav .buttons {
        display: block; } }
  @media only screen and (max-width: 40em) {
    .is-sticky .s-local-nav {
      display: none; } }
  @media only screen and (max-width: 40em) {
    .s-local-nav {
      margin-top: 2em; } }
  @media only screen and (max-width: 40em) {
    .s-local-nav .mask {
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; } }
  .s-local-nav .logo {
    display: block;
    line-height: 1.0;
    display: none;
    position: absolute;
    top: 0; }
    .s-local-nav .logo a {
      display: block;
      padding: 12px 0 0 0;
      margin-left: 10px; }
      .s-local-nav .logo a img {
        display: block;
        width: 40px; }
  .s-local-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .s-local-nav ul:before, .s-local-nav ul:after {
      content: " ";
      display: table; }
    .s-local-nav ul:after {
      clear: both; }
    .s-local-nav ul > li,
    .s-local-nav ul > a,
    .s-local-nav ul > span,
    .s-local-nav ul > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    .s-local-nav ul li {
      line-height: 1.0; }
    .s-local-nav ul.menu {
      float: left; }
      @media only screen and (max-width: 40em) {
        .s-local-nav ul.menu {
          width: 1000px; } }
      .s-local-nav ul.menu a {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        display: block;
        padding: 1.5em .75em;
        line-height: 1.0;
        border-bottom: 4px solid #fff;
        white-space: nowrap;
        color: #c4bfbd; }
        .s-local-nav ul.menu a .counter {
          position: relative;
          top: -3px;
          float: right; }
        .s-local-nav ul.menu a.current, .s-local-nav ul.menu a:active {
          color: #18100e;
          border-bottom: 4px solid #00C3FF; }
    .s-local-nav ul.buttons {
      display: none;
      float: right; }
      .s-local-nav ul.buttons li:first-child {
        margin-top: .5em;
        margin-right: .5em; }
        .s-local-nav ul.buttons li:first-child a {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          background: #00C3FF;
          color: #fff;
          text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
          transition: background-color 0.1s ease-in-out;
          border-radius: 4px;
          font-size: 16px;
          font-size: 1rem;
          padding: .9em 1.5em 1.1em 1.5em;
          display: block; }
          .s-local-nav ul.buttons li:first-child a:hover {
            background: #1ac9ff; }
      .s-local-nav ul.buttons li:nth-child(2) {
        margin-top: .5em; }
        .s-local-nav ul.buttons li:nth-child(2) a {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 15px;
          font-size: 0.9375rem;
          text-shadow: 0 0 0 transparent;
          color: #897e7b;
          background: #fff;
          border-radius: 4px;
          border: 1px solid #ebeae9;
          display: block;
          text-align: center;
          padding: 1em 0;
          line-height: 1.0;
          white-space: nowrap;
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          padding: .9em .75em 1.1em .75em;
          border: none; }
          .s-local-nav ul.buttons li:nth-child(2) a .sprite {
            position: relative;
            top: 0px;
            width: 18px;
            height: 18px; }
            .s-local-nav ul.buttons li:nth-child(2) a .sprite svg {
              fill: #897e7b;
              width: 18px;
              height: 18px; }
          .s-local-nav ul.buttons li:nth-child(2) a:hover {
            color: #fff;
            background: #897e7b; }
            .s-local-nav ul.buttons li:nth-child(2) a:hover svg {
              fill: #fff; }
          .s-local-nav ul.buttons li:nth-child(2) a:active svg {
            fill: #FFE600; }
          .s-local-nav ul.buttons li:nth-child(2) a.active {
            color: #fff;
            background: #897e7b; }
            .s-local-nav ul.buttons li:nth-child(2) a.active svg {
              fill: #FFE600; }

@media only screen and (max-width: 40em) {
  .s-local-nav#project-nav ul.menu {
    width: 600px; } }

@media only screen and (max-width: 40em) {
  .s-local-nav#userpage-nav ul.menu {
    width: 480px; } }

@media only screen and (max-width: 40em) {
  .s-local-nav#mypage-nav ul.menu {
    width: 1050px; } }

#project-presenter {
  display: none; }
  #project-presenter h2,
  #project-presenter small,
  #project-presenter p,
  #project-presenter li {
    text-shadow: 0 0 0 transparent;
    color: #3b2823; }
  #project-presenter .header {
    padding-bottom: 1em; }
    #project-presenter .header:before, #project-presenter .header:after {
      content: " ";
      display: table; }
    #project-presenter .header:after {
      clear: both; }
    #project-presenter .header img {
      border-radius: 200px;
      float: left; }
      @media only screen and (min-width: 40.0625em) {
        #project-presenter .header img {
          width: 100px; } }
      @media only screen and (max-width: 40em) {
        #project-presenter .header img {
          width: 80px; } }
    #project-presenter .header h2 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 0; }
      #project-presenter .header h2 a {
        color: #3b2823; }
      #project-presenter .header h2 small {
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 13px;
        font-size: 0.8125rem;
        color: #897e7b; }
      @media only screen and (min-width: 40.0625em) {
        #project-presenter .header h2 {
          margin-left: 115px;
          padding-top: .9em; } }
      @media only screen and (max-width: 40em) {
        #project-presenter .header h2 {
          margin-left: 90px;
          padding-top: .5em; } }
  #project-presenter .content {
    padding-top: .5em; }
    #project-presenter .content p {
      text-align: justify; }
    #project-presenter .content ul.info > li {
      margin-bottom: .75em; }
      #project-presenter .content ul.info > li:last-child {
        margin-bottom: 0; }
      #project-presenter .content ul.info > li > a {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        color: #897e7b;
        display: block;
        line-height: 1.0;
        white-space: nowrap;
        font-weight: normal; }
        #project-presenter .content ul.info > li > a .sprite {
          color: #897e7b;
          position: relative;
          top: 0;
          margin-right: .125em; }
          #project-presenter .content ul.info > li > a .sprite svg {
            width: 16px;
            fill: #897e7b; }
        #project-presenter .content ul.info > li > a:hover {
          color: #3b2823; }
          #project-presenter .content ul.info > li > a:hover svg {
            fill: #3b2823; }
      #project-presenter .content ul.info > li > span {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        color: #897e7b;
        display: block;
        line-height: 1.0;
        white-space: nowrap;
        font-weight: normal; }
        #project-presenter .content ul.info > li > span .sprite {
          color: #897e7b;
          position: relative;
          top: 0;
          margin-right: .125em; }
          #project-presenter .content ul.info > li > span .sprite svg {
            width: 16px;
            fill: #897e7b; }
      #project-presenter .content ul.info > li ul.follower-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-left: 20px;
        margin-top: 10px; }
        #project-presenter .content ul.info > li ul.follower-list:before, #project-presenter .content ul.info > li ul.follower-list:after {
          content: " ";
          display: table; }
        #project-presenter .content ul.info > li ul.follower-list:after {
          clear: both; }
        #project-presenter .content ul.info > li ul.follower-list > li,
        #project-presenter .content ul.info > li ul.follower-list > a,
        #project-presenter .content ul.info > li ul.follower-list > span,
        #project-presenter .content ul.info > li ul.follower-list > img {
          margin: 0;
          padding: 0;
          display: block;
          float: left;
          border: none;
          line-height: 1.0; }
        #project-presenter .content ul.info > li ul.follower-list li {
          margin: 0 5px 5px 0; }
          #project-presenter .content ul.info > li ul.follower-list li img {
            width: 30px;
            height: 30px;
            border-radius: 100px; }
  #project-presenter .footer {
    padding-top: 1em; }
    @media only screen and (min-width: 40.0625em) {
      #project-presenter .footer ul.menu {
        margin: 1em 0 0 0; } }
    @media only screen and (max-width: 40em) {
      #project-presenter .footer ul.menu {
        margin: 1em 0 1em 0; } }
    #project-presenter .footer ul.menu > li {
      width: 50%;
      margin: 0;
      padding: 0;
      display: inline-block;
      border: none;
      line-height: 1.0; }
      #project-presenter .footer ul.menu > li a {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        text-shadow: 0 0 0 transparent;
        color: #897e7b;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #ebeae9;
        display: block;
        text-align: center;
        padding: 1em 0;
        line-height: 1.0;
        white-space: nowrap; }
        #project-presenter .footer ul.menu > li a .sprite {
          position: relative;
          top: 0px;
          width: 18px;
          height: 18px; }
          #project-presenter .footer ul.menu > li a .sprite svg {
            fill: #897e7b;
            width: 18px;
            height: 18px; }
        #project-presenter .footer ul.menu > li a:hover {
          color: #fff;
          background: #897e7b; }
          #project-presenter .footer ul.menu > li a:hover svg {
            fill: #fff; }
      @media only screen and (min-width: 40.0625em) {
        #project-presenter .footer ul.menu > li {
          width: 50%; }
          #project-presenter .footer ul.menu > li:first-child a {
            margin-right: 10px; }
          #project-presenter .footer ul.menu > li:nth-child(2) a {
            margin-left: 10px; } }
      @media only screen and (max-width: 40em) {
        #project-presenter .footer ul.menu > li {
          width: 100%; } }

#project-share {
  display: none; }
  #project-share h2,
  #project-share small,
  #project-share p,
  #project-share li {
    text-shadow: 0 0 0 transparent;
    color: #3b2823; }
  #project-share .share li {
    width: 100%;
    margin: 0 0 1em 0; }
    #project-share .share li a {
      padding-top: 1em;
      padding-bottom: 1em; }

#project-embed {
  display: none; }
  #project-embed h2,
  #project-embed small,
  #project-embed p,
  #project-embed li {
    text-shadow: 0 0 0 transparent;
    color: #3b2823; }
  #project-embed .content h2 {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 600; }
  #project-embed .content textarea {
    height: 8em;
    background: #fff; }

@media only screen and (max-width: 40em) {
  #project-menubar {
    width: 100%;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #ebeae9; }
    #project-menubar ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      #project-menubar ul:before, #project-menubar ul:after {
        content: " ";
        display: table; }
      #project-menubar ul:after {
        clear: both; }
      #project-menubar ul > li,
      #project-menubar ul > a,
      #project-menubar ul > span,
      #project-menubar ul > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      #project-menubar ul li {
        padding: .5em 0; }
        #project-menubar ul li:nth-child(1), #project-menubar ul li:nth-child(3) {
          width: 28%; }
          #project-menubar ul li:nth-child(1) a, #project-menubar ul li:nth-child(3) a {
            color: #3b2823; }
        #project-menubar ul li:nth-child(2) {
          width: 44%; }
          #project-menubar ul li:nth-child(2) a {
            font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
            font-weight: 600;
            background: #00C3FF;
            color: #fff;
            text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
            transition: background-color 0.1s ease-in-out;
            border-radius: 4px; }
            #project-menubar ul li:nth-child(2) a:hover {
              background: #1ac9ff; }
      #project-menubar ul a {
        font-size: 13px;
        font-size: 0.8125rem;
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        display: block;
        padding: 1em .5em;
        text-align: center; } }

@media only screen and (min-width: 40.0625em) {
  #project-menubar {
    display: none; } }

#mypage-ticket {
  display: none; }
  #mypage-ticket h2,
  #mypage-ticket small,
  #mypage-ticket dt,
  #mypage-ticket dd,
  #mypage-ticket p,
  #mypage-ticket li {
    text-shadow: 0 0 0 transparent;
    color: #3b2823; }
  #mypage-ticket .header {
    padding-bottom: 1em; }
    #mypage-ticket .header:before, #mypage-ticket .header:after {
      content: " ";
      display: table; }
    #mypage-ticket .header:after {
      clear: both; }
    #mypage-ticket .header h2 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 0; }
  #mypage-ticket .content {
    padding-top: .5em; }
    #mypage-ticket .content dl dt {
      font-size: 16px;
      font-size: 1rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600; }
    #mypage-ticket .content dl dd {
      font-size: 16px;
      font-size: 1rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 200; }
    #mypage-ticket .content dl dt.caption {
      font-size: 13px;
      font-size: 0.8125rem;
      border-top: 1px solid #ebeae9;
      padding: 2em 1em 0 1em;
      margin-top: 3em;
      color: #c4bfbd; }
    #mypage-ticket .content dl dd.caption {
      padding: 0 1em 0 1em; }
      #mypage-ticket .content dl dd.caption p {
        font-size: 13px;
        font-size: 0.8125rem;
        color: #c4bfbd;
        line-height: 1.5; }
    #mypage-ticket .content h3 {
      font-size: 28px;
      font-size: 1.75rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600; }
    #mypage-ticket .content p {
      font-size: 15px;
      font-size: 0.9375rem;
      text-align: justify; }
    #mypage-ticket .content ul li {
      font-size: 15px;
      font-size: 0.9375rem;
      margin-top: .5em; }
      #mypage-ticket .content ul li:first-child {
        margin-top: 1em; }
      #mypage-ticket .content ul li small {
        font-size: 13px;
        font-size: 0.8125rem;
        margin-left: 1em;
        color: #897e7b; }

#mypage-comment {
  display: none; }
  #mypage-comment h2,
  #mypage-comment small,
  #mypage-comment p,
  #mypage-comment li {
    text-shadow: 0 0 0 transparent;
    color: #3b2823; }
  #mypage-comment .header {
    padding-bottom: 1em; }
    #mypage-comment .header:before, #mypage-comment .header:after {
      content: " ";
      display: table; }
    #mypage-comment .header:after {
      clear: both; }
    #mypage-comment .header h2 {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      margin: 0; }
  #mypage-comment .content {
    padding-top: .5em; }
    #mypage-comment .content textarea {
      height: 8em;
      width: 100%; }
    #mypage-comment .content ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      #mypage-comment .content ul:before, #mypage-comment .content ul:after {
        content: " ";
        display: table; }
      #mypage-comment .content ul:after {
        clear: both; }
      #mypage-comment .content ul > li,
      #mypage-comment .content ul > a,
      #mypage-comment .content ul > span,
      #mypage-comment .content ul > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      #mypage-comment .content ul.buttons {
        margin-top: 2em; }
        #mypage-comment .content ul.buttons li a {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          background: #00C3FF;
          color: #fff;
          text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
          transition: background-color 0.1s ease-in-out;
          border-radius: 4px;
          font-size: 16px;
          font-size: 1rem;
          padding: .45em 1em .55em 1em; }
          #mypage-comment .content ul.buttons li a:hover {
            background: #1ac9ff; }
        #mypage-comment .content ul.buttons li:first-child {
          margin-right: .5em; }
        #mypage-comment .content ul.buttons li:nth-child(2) a {
          text-shadow: 0 0 0 transparent;
          background: #fff;
          color: #897e7b; }

a, a:hover, a:active, a:focus, a:visited,
button, button:hover, button:active, button:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

/*
-------------------------------------------------------------------
heading
-------------------------------------------------------------------*/
.hdLv02 {
  color: #666;
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0px 20px;
  line-height: 1.5;
  border-bottom: 3px solid #4CBFEB;
  padding-bottom: 3px; }
  .messages_list .hdLv02 {
    font-weight: bold; }

/* -- mail list -----------*/
.mailboxTit {
  height: 30px;
  margin: 10px 0px 20px;
  padding: 0;
  text-align: right; }

.hdLv02 {
  padding: 0;
  border: none;
  font-weight: normal; }

.mailboxTit .hdLv02 {
  margin: 0;
  padding: 0;
  border: none;
  float: left;
  font-weight: normal;
  text-align: left; }

.newAddBtn, a.newAddBtn {
  border: 1px solid #408BB6;
  border-radius: 5px;
  margin: 0;
  padding: 3px 16px;
  background: #00A1E1;
  box-shadow: 0 1px 1px #79C5F1 inset, 0 1px 2px #cccccc;
  display: inline-block;
  vertical-align: baseline;
  text-decoration: none;
  color: white;
  cursor: pointer; }

.newAddBtn:hover, a.newAddBtn:hover {
  /*	background: url(../../images/icon_plus.png) 0 bottom no-repeat;
  */
  background: #0aabeb;
  box-shadow: 0 1px 1px #79C5F1 inset, 0 1px 2px #bbbbbb;
  color: #ffffff; }

.newAddBtn:active, a.newAddBtn:active {
  box-shadow: 0 1px 1px #666666 inset; }

.mailPath {
  padding: 10px 20px 5px; }

.mailPath a {
  color: #BBBBBB; }

/* -- mail list -----------*/
.mailList {
  margin: 20px 0;
  width: 100%;
  border: none;
  border-top: 1px solid #cccccc; }

.mailList thead th {
  color: #999999;
  font-weight: normal;
  background: #F5F2F0;
  border: none;
  border-bottom: 1px solid #cccccc; }

.mailList tbody th,
.mailList tbody td {
  background: none;
  border: none;
  line-height: 32px; }

.mailList .date {
  width: 100px; }

.mailList tbody .date {
  text-align: right; }

.mailList tbody tr {
  background: #eeeeee;
  border-bottom: 1px solid #cccccc;
  cursor: pointer; }

.mailList tbody tr.unreadMail {
  background: #ffffff;
  font-weight: bold;
  color: #333333; }

.mailList tbody tr.unreadMail .realname {
  font-weight: bold;
  color: #333333; }

.mailList .userIcBr {
  margin: 0 10px 0 0;
  width: 32px;
  height: auto;
  text-align: center;
  overflow: hidden;
  float: left; }

.mailList .pjtThumb,
.mailList .userIcon {
  height: auto; }

.mailList .realname {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
  margin-left: 42px; }

.mailList .userName span {
  color: #BBBBBB;
  font-size: 88%; }

.mailList .title a {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  display: block; }

.mailListMeta .mailCount {
  color: #BBBBBB;
  text-align: right; }

/* -- mail Detail -----------*/
.mailTitle {
  margin: 8px 0;
  padding: 16px 10px 8px;
  border-top: 1px solid #dddddd;
  font-size: 18px; }

.mailTitle span {
  margin: 0 10px 0 0;
  color: #999999;
  font-size: 12px;
  vertical-align: text-top; }

.mailItem {
  margin: 0;
  padding: 10px;
  border-top: 1px dotted #cccccc; }

.sendUser .userIcBr {
  margin: 0 10px 0 0;
  width: 32px;
  height: auto;
  text-align: center;
  overflow: hidden;
  float: left; }

.mailItem .userIcon,
.replayMailForm .userIcon {
  height: auto; }

.sendUser .mailInformation {
  margin: 0;
  line-height: 1.4em; }

.sendUser .mailInformationAddress {
  color: #999999;
  margin: 0;
  font-size: 88%; }

.sendUser .mailInformationAddress:before {
  content: "To:";
  padding-right: 4px; }

.sendUser .realname,
.sendUser .userState {
  color: #999999;
  font-size: 88%; }

.sendUser .realname {
  padding: 0 8px; }

.sendUser .userState {
  padding-left: 8px;
  display: inline-block; }

.mailState {
  padding: 0;
  text-align: right; }

.mailState .mailNum {
  width: 60px;
  color: #999999; }

.mailState .date {
  color: #999999; }

.mailItem .mailBody {
  margin: 0 0 0 42px;
  padding: 20px 0;
  font-size: 0.875rem;
  line-height: 1.4;
  clear: both; }

.replayMailForm {
  margin: 0;
  padding: 10px;
  border-top: 1px solid #eeeeee; }

.replayMailForm .mailForm .userIcBr {
  margin: 0 10px 0 0;
  width: 32px;
  height: 32px;
  text-align: center;
  overflow: hidden;
  float: left; }

.replayMailForm .mailForm .mailSendBtn {
  margin: 10px 0 0 42px; }

.replayMailForm .mailForm .replayMailFormEdit {
  margin: 10px 0 0 42px; }

/* -- notice --*/
.noticeSuccessBox {
  margin-right: 1px;
  padding: 8px 20px 8px;
  background: #ebfaed;
  color: #30b642;
  font-size: 14px; }

.noticeSuccessBox p {
  padding: 0; }

.noticeSuccessBox p a {
  margin-left: 10px;
  color: #AB8A4E;
  text-decoration: underline; }

.noticeSuccessBox .messageDel {
  float: right;
  color: #333333;
  text-decoration: none;
  cursor: pointer; }

.noticeCautionText {
  margin: 0 0 10px;
  padding: 8px 20px 8px;
  background: #fcf8ea;
  border: 1px solid #f0e1b6;
  color: #ecc338;
  font-weight: bold; }

.noticeInfoText {
  margin: 0 0 10px;
  padding: 8px 10px 8px;
  border: 1px solid #0782d3;
  font-weight: bold; }

.noticeInfoText span {
  margin-right: 10px;
  padding: 4px 6px;
  background: #0782d3;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px; }

/* -- messageBox success --*/
.messageBox {
  width: auto;
  height: 1.5em;
  margin: 0 10px;
  padding: 8px 10px 8px;
  background: #F7E8BC;
  border: 1px solid #F0E1B6;
  border-radius: 0px;
  color: #AB8A4E;
  font-size: 14px; }

.messageBox p {
  width: 80%;
  padding: 0;
  float: left; }

.messageBox span {
  float: right; }

.messageBox span a {
  color: #BBBBBB; }

/* -- update preview -- */
.activity {
  width: 643px;
  padding: 0 0 20px;
  margin: 0 20px 20px 0;
  border: 1px dotted #cccccc; }

.updateBox {
  width: 603px;
  margin: 0 20px 0 25px;
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb; }

.updateBox .updateMeta {
  margin: 0 0 10px;
  zoom: 1; }

.updateBox .updateMeta:after {
  clear: both;
  content: "";
  display: block;
  height: 0; }

.updateBox .updateMeta li {
  margin-left: 14px;
  color: #999999;
  float: left; }

.updateBox .updateMeta li.updateNumber, .updateBox .updateMeta li.updateDate, .updateBox .updateMeta li.updateComment {
  margin-left: 0; }

.updateBox .updateMeta li.updateLimited {
  margin-left: 10px; }

.updateBox .updateMeta li.updateDate:before, .updateBox .updateMeta li.updateComment:before {
  margin-left: 6px;
  content: ' - '; }

.updateBox .updateMeta li.updateNumber {
  color: #333333; }

.updateBox .updateBody iframe {
  width: 100%; }

.updateBox .title {
  margin: 0 0 10px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em; }

.updateBox .title a {
  color: #333333;
  text-decoration: underline; }

.updateBox .title a:hover {
  color: #26b8eb;
  text-decoration: none; }

.updateBox img {
  width: 100%;
  margin: 10px 0;
  -ms-box-shadow: 0 1px 3px #999999;
  -o-box-shadow: 0 1px 3px #999999;
  box-shadow: 0 1px 3px #999999; }

.updateBox .badgeLimitedCollector {
  padding: 2px 6px;
  background: #ffffff;
  border: 1px solid #19a9e3;
  border-radius: 3px;
  color: #19a9e3;
  font-size: 84%;
  line-height: 1em; }

.updateBox .limitedBoxCover {
  margin-top: 10px;
  padding: 40px;
  background: #f6f5f4;
  text-align: center;
  line-height: 1.5em; }

.updateBox .limitedBoxCover .message {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: bold; }

.updateBox .limitedBoxCover span {
  padding: 6px 28px;
  background: url("../../images/icon_collector_only.png") left 0 no-repeat;
  padding-left: 28px \9;
  background: none\9;
  background-size: 23px; }

.updateBox .updateToLink {
  margin: 10px 0 0;
  clear: both; }

.updateBody,
.redactor-editor {
  color: #666666;
  overflow: hidden; }

.updateBody p,
.redactor-editor p {
  margin: 0 0 20px; }

.updateBody h3,
.updateBody h4,
.updateBody h5,
.updateBody .pjtIntroTxt,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor .pjtIntroTxt {
  margin: 1.5em 0 1.0em;
  line-height: 1.5em; }

.updateBody h4,
.redactor-editor h4 {
  font-size: 126%;
  font-weight: bold;
  color: #4e4e4e; }

.updateBody h5,
.redactor-editor h5 {
  font-size: 116%;
  font-weight: bold;
  color: #4e4e4e; }

.updateBody ul, .updateBody ol,
.redactor-editor ul,
.redactor-editor ol {
  margin: 8px 0 8px 32px; }

.updateBody ul li,
.redactor-editor ul li {
  list-style: disc; }

.updateBody ol li,
.redactor-editor ol li {
  list-style: decimal; }

.updateBody blockquote,
.redactor-editor blockquote {
  margin-left: 5px;
  padding: 5px 10px 5px 15px;
  border-left: 2px solid #ededed;
  color: #515972;
  font-style: italic; }

.updateBody i,
.redactor-editor i {
  font-style: italic; }

.updateBody b,
.redactor-editor b {
  font-weight: bold; }

.updateBody a,
.redactor-editor a {
  text-decoration: underline; }

.updateBody table,
.redactor-editor table {
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb; }

.updateBody table thead th,
.redactor-editor table thead th {
  background: #333333;
  color: #ffffff; }

.updateBody table th,
.updateBody table td,
.redactor-editor table th,
.redactor-editor table td {
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb; }

.updateBody table th,
.redactor-editor table th {
  background: #f6f5f4;
  color: #333333; }

.updateBody table td,
.redactor-editor table td {
  background: #ffffff; }

.updateCommentBox {
  margin: 20px 20px 20px 25px; }

/*--  latest update list / index-page  --*/
.latestUpdateList {
  margin: 0 0 0 -30px;
  height: 120px;
  zoom: 1; }

.latestUpdateList:after {
  clear: both;
  content: "";
  display: block;
  height: 0; }

.latestUpdateBlock {
  width: 298px;
  min-height: 80px;
  margin: 0 0 30px 30px;
  border: 1px solid #cccccc;
  -ms-box-shadow: 0 1px 1px #cccccc;
  -o-box-shadow: 0 1px 1px #cccccc;
  box-shadow: 0 1px 1px #cccccc;
  border-radius: 8px;
  overflow: hidden;
  float: left; }

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .latestUpdateBlock {
    width: 278px; } }

.latestUpdateBlock .latestUpdateThumb {
  height: 106px;
  margin: 0 10px 0 0;
  border-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  overflow: hidden;
  float: left; }

.latestUpdateBlock .latestUpdateThumb img {
  width: 148px; }

.latestUpdateBlock .latestUpdateThumb img:hover {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.latestUpdateBlock .latestUpdateMeta {
  height: auto;
  margin: 10px 10px 0 148px;
  padding-right: 0;
  font-size: 12px; }

.latestUpdateBlock .updateTit {
  line-height: 1.5em;
  font-weight: bold; }

.latestUpdateBlock .updateTit a {
  color: #333333; }

.latestUpdateBlock .updateTit a:hover {
  color: #26b8eb; }

.latestUpdateBlock .updateMeta {
  zoom: 1; }

.latestUpdateBlock .updateMeta:after {
  clear: both;
  content: "";
  display: block;
  height: 0; }

.latestUpdateBlock .updateMeta li {
  color: #999999;
  line-height: 1.3em; }

.latestUpdateBlock .updateMeta li.presenter {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 12px; }

.latestUpdateBlock .updateMeta li.presenter a {
  color: #999999; }

.latestUpdateBlock .updateMeta li.updateOnly {
  margin-top: 5px;
  display: block; }

.latestUpdateBlock .badgeLimitedCollector {
  padding: 2px 6px;
  background: #19a9e3;
  border-radius: 2px;
  color: #ffffff;
  font-size: 84%;
  line-height: 1em; }

.activeUpdateBlock {
  margin-bottom: 20px;
  padding: 20px;
  background: #f5f9fa; }

.activeUpdateBlock .updateThumb {
  width: 100px;
  margin: 0 10px 0 0;
  float: left; }

.activeUpdateBlock .updateThumb img {
  width: 100px; }

.activeUpdateBlock .updateThumb img:hover {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.activeUpdateBlock .updateMetaWrap {
  margin: 0 10px 0 128px; }

.activeUpdateBlock .updateMetaWrap .projectTitle {
  font-size: 14px;
  font-weight: bold; }

.activeUpdateBlock .updateMetaWrap .projectTitle a {
  color: #333333;
  text-decoration: underline; }

.activeUpdateBlock .updateMetaWrap .projectTitle a:hover {
  color: #19a9e3;
  text-decoration: none; }

.activeUpdateBlock .updateMetaWrap .pjtTip {
  margin-left: -5px;
  margin-bottom: 5px; }

.activeUpdateBlock .updateMetaWrap .presenter {
  margin-bottom: 10px;
  color: #999999; }

.activeUpdateBlock .updateMetaWrap .updateTit {
  margin: 0 0 10px;
  color: #333333;
  font-size: 18px;
  font-weight: bold; }

.activeUpdateBlock .updateMetaWrap .updateTit a {
  color: #333333;
  text-decoration: underline; }

.activeUpdateBlock .updateMetaWrap .updateTit a:hover {
  color: #19a9e3;
  text-decoration: none; }

.activeUpdateBlock .updateMetaWrap .updateMeta li {
  color: #999999;
  display: inline; }

.activeUpdateBlock .updateMetaWrap .updateMeta li a {
  color: #999999;
  text-decoration: underline; }

.activeUpdateBlock .updateMetaWrap .updateBox {
  width: auto;
  margin-left: 0;
  padding: 20px;
  background: #ffffff;
  border-bottom: none; }

.activeUpdateBlock .updateMetaWrap .updateBody {
  padding: 10px 0 20px; }

.activeUpdateBlock .updateMetaWrap .updateBody p {
  color: #666666;
  margin-bottom: 10px; }

.updateBox {
  margin: 0 auto; }

/*-- 履歴  --*/
.updItem {
  width: 582px;
  margin: 0 auto 10px; }

.updItem.cancel {
  background: #efefef; }

.updItemStatus {
  background: #f8f8f8;
  padding: 6px 10px;
  position: relative; }

.updItemStatus .btnCancel {
  color: #999999;
  position: absolute;
  right: 10px;
  top: 6px; }

/* -- list table -------- */
.listTb {
  margin: 20px 0 0;
  border: none;
  border-top: 1px solid #cccccc; }

.listTb thead th {
  border-bottom: 1px solid #cccccc;
  color: #333333;
  background: #E9E9E9; }

.listTb th,
.listTb td {
  border: none;
  border-bottom: 1px solid #cccccc;
  font-weight: normal; }

.listTb .listTb_vol {
  width: 40px;
  background: none;
  text-align: center; }

.listTb .listTb_date,
.listTb .listTb_comment,
.listTb .listTb_like {
  width: 70px;
  text-align: center; }

.listTb .listTb_publicityLebel,
.listTb .listTb_setting {
  width: 100px;
  text-align: center; }

.tbl_editBtn,
a.tbl_editBtn {
  margin-left: 20px;
  padding: 4px 8px;
  border-radius: 4px;
  background: #f2f2f2;
  border: 1px solid #cccccc;
  color: #333333; }

.tbl_editBtn:hover,
a.tbl_editBtn:hover {
  border-color: #19a9e3;
  background: #19a9e3;
  color: #ffffff;
  text-decoration: none; }

.pjtImgListBd {
  padding: 10px 0;
  display: none; }

.pjtImgList {
  width: 580px;
  height: 260px;
  overflow-y: scroll;
  /*
  	width: 580px;
  	overflow-y: scroll;
  */
  padding: 20px;
  border: 1px solid #eeeeee; }

.pjtImgList .listTb {
  width: 560px;
  margin: 0; }

.pjtImgList .pjtImgThumb {
  width: 60px; }

.pjtImgList .pjtImgThumb img {
  height: 40px; }

.pjtImgList .pjtImgCode textarea {
  width: 360px; }

.pjtImgListBd.on {
  display: block; }

/*
-------------------------------------------------------------------
new create mail
-------------------------------------------------------------------*/
.modalSwitch {
  width: 530px;
  padding: 8px 30px 8px 8px;
  border: 1px solid #cccccc;
  background: url(../../images/icon_select_ar_b.png) right 50% no-repeat white;
  color: #999999;
  cursor: pointer; }

.modalSwitch:hover {
  background: url(../../images/icon_select_ar.png) right 50% no-repeat white;
  color: #00A1E1; }

/*-- modal win --*/
.modalBlock {
  position: relative; }

.modalBlock .modalTit {
  padding: 16px 0;
  background: #f6f6f6;
  border-bottom: 1px solid #eeeeee; }

.modalBlock .modalTit p {
  padding: 0 20px;
  font-size: 18px; }

.modalBlock .modalTit p a {
  color: #999999;
  font-family: Helvetica;
  font-size: 24px;
  line-height: 21px;
  float: right; }

.modalBlock .modalTit p a:hover {
  text-decoration: none;
  color: #00A1E1; }

.modalBlock .modalBd {
  padding: 10px 0; }

.modalBlock .modalFt {
  margin: 5px 0 5px 0;
  text-align: center; }

#selectAddressee {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: -160px;
  left: -80px;
  z-index: 100;
  display: none; }

#container #selectAddressee .inner {
  width: 680px;
  margin: 60px auto 0;
  background: #fff;
  border: 1px solid #cccccc;
  box-shadow: 0 1px 6px #aaaaaa; }

#selectAddressee.modalOn {
  display: block; }

.tabBlock {
  height: 360px;
  padding: 10px;
  overflow-y: scroll;
  display: none; }

.tabBlock.active {
  display: block; }

/*-- tab list --*/
.tabList {
  padding: 10px;
  zoom: 1; }

.tabList:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

.tabList .tabLabel {
  width: 288px;
  padding: 10px 20px;
  background: url(../../images/icon_select_ar_b.png) right 50% no-repeat whitesmoke;
  -ms-box-shadow: 0 2px 2px #cccccc inset;
  -o-box-shadow: 0 2px 2px #cccccc inset;
  box-shadow: 0 2px 2px #cccccc inset;
  border: 1px solid #cccccc;
  color: #777777;
  float: left;
  cursor: pointer; }

.tabList .tabLabel:hover {
  background: url(../../images/icon_select_ar.png) right 50% no-repeat #f8f8f8;
  color: #00A1E1; }

.tabList .tabLabel.on {
  background: #ffffff;
  -ms-box-shadow: inset 0 0 0;
  -o-box-shadow: inset 0 0 0;
  box-shadow: inset 0 0 0;
  border-bottom: none;
  color: #444444;
  position: relative;
  cursor: default; }

.tabList .tabLabel span {
  display: none; }

.tabList #tab01.tabLabel {
  border-top-left-radius: 4px;
  border-right: none; }

.tabList #tab02.tabLabel {
  border-top-right-radius: 4px; }

.tabList.modalTab {
  margin-top: -11px;
  margin-bottom: 20px;
  padding: 0;
  background: #F5F5F5; }

.tabList.modalTab .tabLabel {
  width: 186px;
  padding: 16px 20px 10px;
  -ms-box-shadow: 0 0 0;
  -o-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: none;
  border-bottom: 1px solid #eeeeee;
  border-top: none;
  border-radius: 0; }

.tabList.modalTab .tabLabel.on {
  border-top: 1px solid #eeeeee;
  border-bottom: none; }

/*
-------------------------------------------------------------------
mail box
-------------------------------------------------------------------*/
.mailList {
  word-break: break-all;
  word-wrap: break-all;
  margin: 20px 0;
  border: none;
  border-top: 1px solid #cccccc; }

.mailList thead th {
  color: #999999;
  font-weight: normal;
  background: #f6f5f4;
  border: none;
  border-bottom: 1px solid #cccccc; }

.mailList tbody th,
.mailList tbody td {
  background: none;
  border: none;
  line-height: 32px; }

.mailList tbody .date {
  text-align: right; }

.mailList tbody tr {
  background: #eeeeee;
  border-bottom: 1px solid #cccccc !important;
  cursor: pointer; }

.mailList tbody .unreadMail {
  background: #ffffff;
  font-weight: bold;
  color: #333333; }

.mailList tbody .unreadMail .userName {
  font-weight: bold;
  color: #333333; }

.mailList .date {
  width: 100px; }

.mailList .name {
  min-width: 200px; }

.mailList .userIcBr {
  margin: 0 10px 0 0;
  width: 32px;
  height: auto;
  text-align: center;
  overflow: hidden;
  float: left; }

.mailList .pjtThumb,
.mailList .userIcon {
  height: auto; }

.mailList .userName {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 120px;
  margin: 0; }

.mailList .userName span {
  color: #BBBBBB;
  font-size: 88%; }

.mailList .title a {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  display: block; }

/*--  setting account box  --*/
.userAccountBox {
  margin: 10px 10px 20px;
  min-height: 48px; }

.userAccountBox img {
  width: 48px;
  height: 48px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  float: left; }

.userAccountBox .userID {
  color: #BBBBBB;
  font-size: 86%; }

.userAccountBox .userID span {
  margin: 0 5px 0 0; }

/* -- user icon -----------*/
.mailPath {
  padding: 10px 20px 5px; }

.mailPath a {
  color: #BBBBBB; }

/* -- user icon -----------*/
.userIcBr {
  margin: 0 10px 0 0;
  width: 32px;
  height: auto;
  text-align: center;
  overflow: hidden;
  float: left; }

.userIcBr .userIcon {
  border-radius: 50%;
  height: auto; }

/* -- mail Detail -----------*/
.mailHd {
  width: 100%; }

@media only screen and (max-width: 787px) {
  .mailHd {
    display: table; } }

.mailItem, .replayMailForm {
  margin: 0;
  padding: 10px;
  border-top: 1px solid #eeeeee;
  /*-- mail head --*/
  /*-- mail body --*/ }

.mailItem .sendUser .mailInformation .mailInformationAddress, .replayMailForm .sendUser .mailInformation .mailInformationAddress {
  color: #999999;
  margin: 0;
  font-size: 88%; }

.mailItem .sendUser .mailInformation .mailInformationAddress:before, .replayMailForm .sendUser .mailInformation .mailInformationAddress:before {
  content: "To:";
  padding-right: 4px; }

.mailItem .sendUser .realname, .replayMailForm .sendUser .realname,
.mailItem .sendUser .userState,
.replayMailForm .sendUser .userState {
  color: #999999;
  font-size: 88%; }

.mailItem .sendUser .realname, .replayMailForm .sendUser .realname {
  padding: 0 8px; }

.mailItem .sendUser .userState, .replayMailForm .sendUser .userState {
  padding-left: 8px;
  display: inline-block; }

.mailItem .mailBody, .replayMailForm .mailBody {
  margin: 0 0 0 42px;
  padding: 20px 0; }

.replayMailForm .replayMailFormEdit {
  margin: 0; }

/*
  -------------------------------------------------------------------
  Navbar
  -------------------------------------------------------------------*/
.navList {
  margin: 0 10px 10px;
  border: 1px solid #eeeeee;
  border-bottom: none;
  background: #f6f5f4;
  border-radius: 4px;
  background-clip: padding-box; }

.navList li {
  border-bottom: 1px solid #ebebeb; }

.navList li:first-child, .navList li:first-child a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-clip: padding-box; }

.navList li:last-child, .navList li:last-child a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-clip: padding-box; }

.navList li a {
  padding: 10px;
  display: block;
  color: #666666;
  text-decoration: none;
  font-weight: bold; }

.navList li a:hover {
  color: #999999; }

.navList li.current a {
  color: #19a9e3; }

.navList li span {
  float: right;
  margin: 1px 0 0;
  padding: 3px 4px;
  background: #F83940;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1em;
  display: block; }

.navList li:hover span, .navList li.current span {
  background: #F83940; }

.mailList .userTh {
  width: 140px; }

.mailList p.userName {
  font-size: 12px; }
  @media only screen and (min-width: 40.0625em) {
    .mailList p.userName {
      font-size: 14px; } }

.mailList .date {
  font-size: 10px; }
  @media only screen and (min-width: 40.0625em) {
    .mailList .date {
      font-size: 12px; } }

.commonPage, .commonOneColPage, .settingPage,
.userPage, .pledgePage, .mailboxPage {
  background: #FFFFFF; }

.navList li.current a {
  color: #00C3FF; }

.mailBody--button-group {
  margin-top: 2rem;
  margin-bottom: 1rem; }
  .mailBody--button-group .button_submit {
    margin: 0; }

.userAccountBox .userName {
  margin: 0; }

.messages_list {
  padding-bottom: 2rem; }

.userPageBody p {
  margin-top: 0;
  margin-bottom: 0; }

.pledgePage .paymentMethodBankSelect, .pledgePage .paymentMethodCreditSelect, .pledgePage .paymentMethodConvenienceSelect, .pledgePage .paymentAtConvenienceSelect {
  width: 190px; }

.menu-trigger {
  display: block;
  position: relative;
  padding: 0 15px 0;
  height: 25px; }
  .menu-trigger i {
    display: inline-block;
    background-color: #444659;
    height: 2px;
    width: 30px;
    position: absolute;
    left: 2px; }
    .menu-trigger i:nth-of-type(1) {
      top: 0;
      animation: menu-bar01 .75s forwards; }
    .menu-trigger i:nth-of-type(2) {
      top: calc(50% - 1px);
      transition: opacity .25s .25s;
      opacity: 1; }
    .menu-trigger i:nth-of-type(3) {
      bottom: 0;
      animation: menu-bar03 .75s forwards; }
  .menu-trigger.active i:nth-of-type(1) {
    animation: active-menu-bar01 .75s forwards; }
  .menu-trigger.active i:nth-of-type(2) {
    opacity: 0; }
  .menu-trigger.active i:nth-of-type(3) {
    animation: active-menu-bar03 .75s forwards; }

@keyframes menu-bar01 {
  0% {
    transform: rotate(45deg);
    top: calc(50%); }
  50% {
    transform: rotate(0);
    top: calc(50%); }
  100% {
    transform: rotate(0);
    top: 0; } }

@keyframes active-menu-bar01 {
  0% {
    transform: rotate(0);
    top: 0; }
  50% {
    transform: rotate(0);
    top: calc(50%); }
  100% {
    transform: rotate(45deg);
    top: calc(50%); } }

@keyframes menu-bar03 {
  0% {
    transform: rotate(-45deg);
    bottom: calc(50% - 1px); }
  50% {
    transform: rotate(0);
    bottom: calc(50% - 1px); }
  100% {
    transform: rotate(0);
    bottom: 0; } }

@keyframes active-menu-bar03 {
  0% {
    transform: rotate(0);
    bottom: 0; }
  50% {
    transform: rotate(0);
    bottom: calc(50% - 1px); }
  100% {
    transform: rotate(-45deg);
    bottom: calc(50% - 1px); } }

.coverBanner, .coverBanner_small, .coverBanner_medium {
  background-size: cover;
  color: #fff;
  position: relative;
  background-position: center;
  background-repeat: no-repeat; }
  .coverBanner.password_new, .password_new.coverBanner_small, .password_new.coverBanner_medium, .coverBanner.confirmation_new, .confirmation_new.coverBanner_small, .confirmation_new.coverBanner_medium {
    margin-bottom: 60px; }
  .coverBanner.new_project, .new_project.coverBanner_small, .new_project.coverBanner_medium,
  .new_project_confirmatiom .coverBanner,
  .new_project_confirmatiom .coverBanner_small,
  .new_project_confirmatiom .coverBanner_medium {
    background-image: url(https://d1fdy26u973qrp.cloudfront.net/static/start_project_cover-image3.png); }
  .coverBanner.sign_in, .sign_in.coverBanner_small, .sign_in.coverBanner_medium {
    background-image: url(https://d1fdy26u973qrp.cloudfront.net/static/start_project_cover-image3.png); }
  .coverBanner--title {
    padding: 60px 10px 60px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4em;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3); }
    @media only screen and (min-width: 40.0625em) {
      .coverBanner--title {
        padding: 120px 20px 120px;
        font-size: 18px;
        font-size: 1.125rem; } }
    @media only screen and (min-width: 64.0625em) {
      .coverBanner--title {
        font-size: 20px;
        font-size: 1.25rem; } }
    @media only screen and (min-width: 64.0625em) {
      .sign_up .coverBanner--title {
        font-size: 20px;
        font-size: 1.25rem; } }
    .coverBanner--title strong {
      display: block;
      font-weight: bold;
      margin-bottom: 10px;
      line-height: 1.7em;
      font-size: 26px;
      font-size: 1.625rem; }
      @media only screen and (min-width: 40.0625em) {
        .coverBanner--title strong {
          font-size: 30px;
          font-size: 1.875rem; } }
      @media only screen and (min-width: 64.0625em) {
        .coverBanner--title strong {
          font-size: 34px;
          font-size: 2.125rem; } }

.coverBanner_small .coverBanner--title {
  padding: 30px 10px 30px; }
  @media only screen and (min-width: 40.0625em) {
    .coverBanner_small .coverBanner--title {
      padding: 30px; } }

.coverBanner_medium .coverBanner--title {
  padding: 40px 10px 40px; }
  @media only screen and (min-width: 40.0625em) {
    .coverBanner_medium .coverBanner--title {
      padding: 60px; } }

.coverBanner_basic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 40px;
  background-color: #160e0d; }
  .coverBanner_basic img {
    height: 100px; }

.button, .button_small, .button_medium, .button_add_user, .button_remove_user, .btnLv01S, .button_mail_project, .button_action, .button_submit_next, .button_submit_back, .button_submit, .button_sns, .button_edit, .button_next, .button_back, .button_unsubscribe, .button_back_large, .button_address, .button_sign, .btnLv01 {
  position: relative;
  padding: .85em 1.5em;
  border-radius: 6px;
  vertical-align: middle;
  margin: 0 0 1rem;
  font-family: inherit;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  background-color: #00C3FF;
  color: #FFFFFF;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-size: 0.875rem; }
  @media only screen and (min-width: 40.0625em) {
    .button, .button_small, .button_medium, .button_add_user, .button_remove_user, .btnLv01S, .button_mail_project, .button_action, .button_submit_next, .button_submit_back, .button_submit, .button_sns, .button_edit, .button_next, .button_back, .button_unsubscribe, .button_back_large, .button_address, .button_sign, .btnLv01 {
      font-size: 1.2rem; } }
  .button:hover, .button_small:hover, .button_medium:hover, .button_add_user:hover, .button_remove_user:hover, .btnLv01S:hover, .button_mail_project:hover, .button_action:hover, .button_submit_next:hover, .button_submit_back:hover, .button_submit:hover, .button_sns:hover, .button_edit:hover, .button_next:hover, .button_back:hover, .button_unsubscribe:hover, .button_back_large:hover, .button_address:hover, .button_sign:hover, .btnLv01:hover, .button:active, .button_small:active, .button_medium:active, .button_add_user:active, .button_remove_user:active, .btnLv01S:active, .button_mail_project:active, .button_action:active, .button_submit_next:active, .button_submit_back:active, .button_submit:active, .button_sns:active, .button_edit:active, .button_next:active, .button_back:active, .button_unsubscribe:active, .button_back_large:active, .button_address:active, .button_sign:active, .btnLv01:active, .button:focus, .button_small:focus, .button_medium:focus, .button_add_user:focus, .button_remove_user:focus, .btnLv01S:focus, .button_mail_project:focus, .button_action:focus, .button_submit_next:focus, .button_submit_back:focus, .button_submit:focus, .button_sns:focus, .button_edit:focus, .button_next:focus, .button_back:focus, .button_unsubscribe:focus, .button_back_large:focus, .button_address:focus, .button_sign:focus, .btnLv01:focus {
    background-color: #009ccc;
    color: #FFFFFF;
    transition: all 0.2s ease-in-out; }
  .button.expanded, .expanded.button_small, .expanded.button_medium, .expanded.button_add_user, .expanded.button_remove_user, .expanded.btnLv01S, .expanded.button_mail_project, .expanded.button_action, .expanded.button_submit_next, .expanded.button_submit_back, .expanded.button_submit, .expanded.button_sns, .expanded.button_edit, .expanded.button_next, .expanded.button_back, .expanded.button_unsubscribe, .expanded.button_back_large, .expanded.button_address, .expanded.button_sign, .expanded.btnLv01 {
    display: block;
    width: 100%; }
  .button.has_icon, .has_icon.button_small, .has_icon.button_medium, .has_icon.button_add_user, .has_icon.button_remove_user, .has_icon.btnLv01S, .has_icon.button_mail_project, .has_icon.button_action, .has_icon.button_submit_next, .has_icon.button_submit_back, .has_icon.button_submit, .has_icon.button_sns, .has_icon.button_edit, .has_icon.button_next, .has_icon.button_back, .has_icon.button_unsubscribe, .has_icon.button_back_large, .has_icon.button_address, .has_icon.button_sign, .has_icon.btnLv01 {
    padding-left: 30px; }
  .button.has_icon_right, .has_icon_right.button_small, .has_icon_right.button_medium, .has_icon_right.button_add_user, .has_icon_right.button_remove_user, .has_icon_right.btnLv01S, .has_icon_right.button_mail_project, .has_icon_right.button_action, .has_icon_right.button_submit_next, .has_icon_right.button_submit_back, .has_icon_right.button_submit, .has_icon_right.button_sns, .has_icon_right.button_edit, .has_icon_right.button_next, .has_icon_right.button_back, .has_icon_right.button_unsubscribe, .has_icon_right.button_back_large, .has_icon_right.button_address, .has_icon_right.button_sign, .has_icon_right.btnLv01 {
    padding-right: 40px; }
    .button.has_icon_right .icon, .has_icon_right.button_small .icon, .has_icon_right.button_medium .icon, .has_icon_right.button_add_user .icon, .has_icon_right.button_remove_user .icon, .has_icon_right.btnLv01S .icon, .has_icon_right.button_mail_project .icon, .has_icon_right.button_action .icon, .has_icon_right.button_submit_next .icon, .has_icon_right.button_submit_back .icon, .has_icon_right.button_submit .icon, .has_icon_right.button_sns .icon, .has_icon_right.button_edit .icon, .has_icon_right.button_next .icon, .has_icon_right.button_back .icon, .has_icon_right.button_unsubscribe .icon, .has_icon_right.button_back_large .icon, .has_icon_right.button_address .icon, .has_icon_right.button_sign .icon, .has_icon_right.btnLv01 .icon {
      position: absolute;
      width: 14px;
      height: 14px;
      top: calc(50% - 7px);
      right: 10px;
      fill: #FFFFFF; }
  .button.margin-top, .margin-top.button_small, .margin-top.button_medium, .margin-top.button_add_user, .margin-top.button_remove_user, .margin-top.btnLv01S, .margin-top.button_mail_project, .margin-top.button_action, .margin-top.button_submit_next, .margin-top.button_submit_back, .margin-top.button_submit, .margin-top.button_sns, .margin-top.button_edit, .margin-top.button_next, .margin-top.button_back, .margin-top.button_unsubscribe, .margin-top.button_back_large, .margin-top.button_address, .margin-top.button_sign, .margin-top.btnLv01 {
    margin-top: 40px; }
  .button_small, .button_medium, .button_add_user, .button_remove_user, .btnLv01S, .button_mail_project {
    font-size: 12px;
    font-size: 0.75rem;
    padding: .65em 1em;
    margin: 0; }
    @media only screen and (min-width: 40.0625em) {
      .button_small, .button_medium, .button_add_user, .button_remove_user, .btnLv01S, .button_mail_project {
        font-size: 14px;
        font-size: 0.875rem; } }
    .button_small .icon, .button_medium .icon, .button_add_user .icon, .button_remove_user .icon, .btnLv01S .icon, .button_mail_project .icon {
      position: absolute;
      width: 14px;
      height: 14px;
      top: calc(50% - 7px);
      left: 10px;
      fill: #FFFFFF; }
  .button_medium {
    padding: .85em 1em; }
  .button_add_user {
    margin-top: 10px; }
    @media only screen and (min-width: 40.0625em) {
      .button_add_user {
        display: block;
        width: 100%;
        margin-top: 0; } }
  .button_remove_user {
    background-color: #DCDEDD;
    color: #444659;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    transition: background-color 0.2s ease-in-out; }
    @media only screen and (min-width: 40.0625em) {
      .button_remove_user {
        display: block;
        width: 100%;
        margin-top: 0; } }
    @media only screen and (min-width: 40.0625em) {
      .button_remove_user {
        font-size: 14px;
        font-size: 0.875rem; } }
    .button_remove_user .icon {
      fill: #444659; }
    .button_remove_user--hover {
      display: none; }
    .button_remove_user:hover .button_remove_user--inner, .button_remove_user:active .button_remove_user--inner {
      display: none; }
    .button_remove_user:hover .button_remove_user--hover, .button_remove_user:active .button_remove_user--hover {
      display: inline-block; }
    .button_remove_user:hover, .button_remove_user:active, .button_remove_user:focus {
      padding-left: 1em;
      padding-right: 1em;
      background-color: #c2c5c4;
      color: #000000;
      transition: background-color 0.2s ease-in-out; }
      .button_remove_user:hover .icon, .button_remove_user:active .icon, .button_remove_user:focus .icon {
        fill: #000000; }
  .button_action {
    margin: 0;
    border: 1px solid #00C3FF;
    padding: .85em 1.5em;
    font-size: 14px;
    font-size: 0.875rem; }
    .button_action:hover, .button_action:active, .button_action:focus {
      border-color: #009ccc; }
    @media only screen and (min-width: 40.0625em) {
      .confirmation_form .button_action {
        margin: 0; } }
  .button_submit_next {
    margin: 2rem 0.2rem 2rem;
    border: 1px solid #00C3FF;
    padding: .85em 3em;
    font-size: 14px;
    font-size: 0.875rem; }
    .button_submit_next:hover, .button_submit_next:active, .button_submit_next:focus {
      border-color: #009ccc; }
    .button_submit_next--holder {
      margin-top: 1rem; }
    @media only screen and (min-width: 40.0625em) {
      .confirmation_form .button_submit_next {
        margin: 0; } }
  .button_submit_back {
    margin: 2rem 0.2rem 2rem;
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5;
    padding: .85em 3em;
    font-size: 14px;
    font-size: 0.875rem; }
    .button_submit_back:hover, .button_submit_back:active, .button_submit_back:focus {
      border-color: #cccccc;
      background-color: #cccccc; }
    .button_submit_back--holder {
      margin-top: 1rem; }
    @media only screen and (min-width: 40.0625em) {
      .confirmation_form .button_submit_back {
        margin: 0; } }
  .button_submit {
    margin: 2rem 0 2rem;
    border: 1px solid #00C3FF; }
    .button_submit:hover, .button_submit:active, .button_submit:focus {
      border-color: #009ccc; }
    .sign_main .button_submit {
      margin: 0; }
    .button_submit--holder {
      margin-top: 1rem; }
    @media only screen and (min-width: 40.0625em) {
      .confirmation_form .button_submit {
        margin: 0; } }
    .confirmation_form .button_submit--holder {
      text-align: center; }
      @media only screen and (min-width: 40.0625em) {
        .confirmation_form .button_submit--holder {
          text-align: left; } }
  .button_sns {
    position: relative;
    width: 100%;
    border: none;
    color: #FFFFFF;
    margin: 0 0 1rem;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1rem 1.5rem; }
    @media only screen and (min-width: 64.0625em) {
      .button_sns {
        font-size: 16px;
        font-size: 1rem; } }
    .sign_main .button_sns {
      margin: 0;
      margin-bottom: 5px; }
      .sign_main .button_sns .icon {
        position: absolute;
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
        left: 20px; }
    .button_sns .icon {
      position: absolute;
      width: 16px;
      height: 16px;
      top: calc(50% - 8px);
      left: 16px;
      fill: #FFFFFF; }
    .button_sns.twitter {
      background-color: #00aced; }
      .sign_up .button_sns.twitter {
        margin-bottom: 10px; }
    .button_sns.facebook {
      background-color: #235a99; }
    .button_sns:hover, .button_sns:active, .button_sns:focus {
      color: #FFFFFF; }
      .button_sns:hover.twitter, .button_sns:active.twitter, .button_sns:focus.twitter {
        background-color: #21c2ff; }
      .button_sns:hover.facebook, .button_sns:active.facebook, .button_sns:focus.facebook {
        background-color: #2c72c3; }
  .button_edit {
    margin: 0;
    padding: 0.5em 1em;
    border-radius: 4px;
    font-size: 12px;
    font-size: 0.75rem; }
    @media only screen and (min-width: 40.0625em) {
      .button_edit {
        font-size: 14px;
        font-size: 0.875rem; } }
  .button_next {
    display: block;
    width: 100%;
    padding: 0.85em 50px 0.85em 40px;
    margin: 0; }
    .button_next .icon {
      position: absolute;
      width: 16px;
      height: 16px;
      top: calc(50% - 8px);
      right: 20px;
      fill: #FFFFFF;
      transition: all 0.2s ease-in-out; }
    .button_next:hover .icon, .button_next:active .icon, .button_next:focus .icon {
      right: 10px;
      transition: all 0.2s ease-in-out; }
  .button_back, .button_unsubscribe, .button_back_large {
    background-color: transparent;
    color: #444659;
    padding-left: 40px;
    font-size: 12px;
    font-size: 0.75rem; }
    @media only screen and (min-width: 40.0625em) {
      .button_back, .button_unsubscribe, .button_back_large {
        font-size: 14px;
        font-size: 0.875rem; } }
    .button_back .icon, .button_unsubscribe .icon, .button_back_large .icon {
      position: absolute;
      width: 16px;
      height: 16px;
      top: calc(50% - 8px);
      left: 6px;
      fill: #444659;
      transition: all 0.2s ease-in-out; }
    .button_back:hover, .button_unsubscribe:hover, .button_back_large:hover, .button_back:active, .button_unsubscribe:active, .button_back_large:active, .button_back:focus, .button_unsubscribe:focus, .button_back_large:focus {
      background-color: transparent;
      color: #5a5d76; }
      .button_back:hover .icon, .button_unsubscribe:hover .icon, .button_back_large:hover .icon, .button_back:active .icon, .button_unsubscribe:active .icon, .button_back_large:active .icon, .button_back:focus .icon, .button_unsubscribe:focus .icon, .button_back_large:focus .icon {
        left: 2px;
        fill: #5a5d76;
        transition: all 0.2s ease-in-out; }
  .button_unsubscribe {
    color: #999999; }
    .button_unsubscribe .icon {
      fill: #999999; }
  .button_back_large {
    margin-bottom: 0;
    border: 1px solid #444659;
    font-size: 14px;
    font-size: 0.875rem; }
    @media only screen and (min-width: 40.0625em) {
      .button_back_large {
        font-size: 1.2rem; } }
    .button_back_large:hover, .button_back_large:active, .button_back_large:focus {
      border-color: #5a5d76; }
  .button_address {
    background-color: transparent;
    color: #444659;
    padding-left: 30px;
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0;
    border: 1px solid #444659; }
    @media only screen and (min-width: 40.0625em) {
      .button_address {
        font-size: 14px;
        font-size: 0.875rem; } }
    .button_address .icon {
      position: absolute;
      width: 16px;
      height: 16px;
      top: calc(50% - 8px);
      left: 6px;
      fill: #444659;
      transition: all 0.2s ease-in-out; }
    .button_address:hover, .button_address:active, .button_address:focus {
      background-color: transparent;
      color: #717492;
      border-color: #717492; }
      .button_address:hover .icon, .button_address:active .icon, .button_address:focus .icon {
        fill: #717492;
        transition: all 0.2s ease-in-out; }
  .button_sign {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 0;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1rem;
    padding-left: 0;
    padding-right: 0;
    background-color: #8bcce0; }
    .button_sign.is-active {
      background-color: #FFFFFF;
      color: #444659; }
    @media only screen and (min-width: 40.0625em) {
      .button_sign {
        font-size: 14px;
        font-size: 0.875rem; } }

.pledgePage .btnLv01 {
  line-height: 1; }

.button_mail_project {
  margin-top: 20px; }

.new_project_confirmatiom {
  margin-bottom: 3rem; }

.form_separator {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8em;
  color: #999999;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0; }
  @media only screen and (min-width: 40.0625em) {
    .form_separator {
      font-size: 16px;
      font-size: 1rem; } }
  .form_separator strong {
    display: inline-block;
    padding: 30px 20px;
    position: relative;
    font-weight: normal;
    background-color: #fff;
    text-align: center; }
  .form_separator::before {
    position: absolute;
    display: block;
    content: '';
    top: calc(50%);
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #e5e5e5; }

.signin_block {
  margin-top: 20px; }
  @media only screen and (min-width: 40.0625em) {
    .signin_block {
      margin-top: 60px; } }
  .signin_block--title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8em;
    color: #444659;
    text-align: center;
    margin-top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .signin_block--title {
        font-size: 16px;
        font-size: 1rem; } }
    .signin_block--title strong {
      display: inline-block;
      padding: 20px 40px;
      position: relative;
      font-weight: normal; }
      @media only screen and (min-width: 40.0625em) {
        .signin_block--title strong {
          padding: 20px 80px; } }
      .signin_block--title strong::after, .signin_block--title strong::before {
        position: absolute;
        display: block;
        content: '';
        top: calc(50%);
        width: 30px;
        height: 1px;
        background-color: #444659; }
        @media only screen and (min-width: 40.0625em) {
          .signin_block--title strong::after, .signin_block--title strong::before {
            width: 60px; } }
      .signin_block--title strong::after {
        right: 0; }
      .signin_block--title strong::before {
        left: 0; }
  .signin_block--sns {
    margin-top: 20px; }
    @media only screen and (min-width: 40.0625em) {
      .signin_block--sns {
        margin-top: 10px; } }
    .profile_edition .signin_block--sns {
      margin-top: 30px;
      margin-bottom: 30px; }
      @media only screen and (min-width: 40.0625em) {
        .profile_edition .signin_block--sns {
          margin-top: 40px;
          margin-bottom: 40px; } }

.checkList {
  border: 1px solid #e86d3a;
  margin: 10px 0 30px;
  padding: 26px 20px 10px;
  color: #FF6633; }
  .checkList li {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 22px;
    background: url(https://d1fdy26u973qrp.cloudfront.net/static/icon_check_list.png) left 2px no-repeat;
    background-size: 16px; }
    .checkList li > ul {
      padding-left: 20px;
      color: #333333; }
      .checkList li > ul > li {
        margin: 5px 0;
        padding-left: 0;
        background: none;
        font-size: 12px;
        font-weight: normal;
        list-style: disc; }

.mail-page {
  margin-top: 60px;
  margin-bottom: 60px; }

#error_explanation .error_message {
  background-color: #f14735; }

.error_result {
  font-size: 14px;
  color: #f14735; }

.error_block {
  background-color: #f14735;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 4px;
  padding: 10px 10px;
  font-size: 14px;
  margin: 0 0 10px; }
  .error_block.has-margin {
    margin-bottom: 20px; }
  .error_block.has-margin-top {
    margin-top: 20px; }

#image_preview {
  width: 300px;
  height: 300px;
  margin: 0 0 20px 0;
  overflow: hidden;
  display: none; }
  #image_preview.show {
    display: block; }

.sign_main--title {
  padding: 20px 10px 20px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7em;
  text-align: center;
  color: #fff; }
  @media only screen and (min-width: 40.0625em) {
    .sign_main--title {
      font-size: 20px;
      font-size: 1.25rem; } }
  .sign_main--title strong {
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 1.5rem; }
    @media only screen and (min-width: 40.0625em) {
      .sign_main--title strong {
        font-size: 30px;
        font-size: 1.875rem; } }

.form {
  margin-top: 20px; }
  @media only screen and (min-width: 40.0625em) {
    .form {
      margin-top: 40px; } }
  .form.signin_form {
    margin-top: 2rem; }
    .form.signin_form--holder {
      max-width: 450px; }
  .form.confirmation_form {
    margin-top: 0;
    margin-bottom: 20px; }
    @media only screen and (min-width: 40.0625em) {
      .form.confirmation_form {
        margin-bottom: 60px; } }
  .form.withrawal_form {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #bfc3c1; }
  .form.withrawal_basic_form {
    margin-top: 20px;
    padding-top: 10px; }
  .form--crosslink {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.8em;
    text-align: left;
    color: #00C3FF;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px;
    font-weight: bold;
    transition: all 0.2s ease-in-out; }
    .form--crosslink .icon {
      position: absolute;
      width: 12px;
      height: 12px;
      left: 0;
      top: calc(50% - 7px);
      fill: #00C3FF;
      transition: all 0.2s ease-in-out; }
    .form--crosslink.highlight {
      font-size: 14px;
      font-size: 0.875rem;
      padding-left: 0;
      padding-right: 2px;
      font-weight: 600; }
      .form--crosslink.highlight .icon {
        width: 14px;
        height: 14px;
        left: auto;
        right: 0;
        top: calc(50% - 6px); }
    .form--crosslink:hover {
      color: #444659;
      transition: all 0.2s ease-in-out; }
      .form--crosslink:hover .icon {
        fill: #444659;
        transition: all 0.2s ease-in-out; }
  .form--text {
    margin-top: 0; }
  .form--link_signup {
    position: relative;
    font-size: 14px;
    font-size: 0.875rem; }
    .sign_main .form--link_signup {
      background-color: #FFFFFF;
      padding: 15px; }
      .sign_main .form--link_signup .icon {
        position: absolute;
        width: 14px;
        height: 14px;
        left: auto;
        right: 0;
        top: calc(50% - 6px);
        fill: #444659; }
  .form--section {
    margin-bottom: 40px; }
    .form--section--title {
      color: #454758;
      font-size: 16px;
      font-size: 1rem;
      font-weight: bold;
      text-align: center; }
      @media only screen and (min-width: 40.0625em) {
        .form--section--title {
          text-align: right; } }
    .form--section--subtitle {
      margin-top: 30px; }
  .form label {
    font-weight: bold;
    margin-top: 30px;
    color: #444659;
    font-size: 14px;
    font-size: 0.875rem; }
    .form label .optional {
      position: relative;
      display: inline-block;
      color: #00C3FF;
      border: 1px solid #00C3FF;
      padding: 2px 4px;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1;
      margin-left: 8px;
      top: -1px; }
    .form label .icon-checkmark {
      position: relative;
      display: none;
      width: 16px;
      height: 16px;
      bottom: -2px;
      margin-left: 4px;
      fill: #00C3FF; }
    .form label.radio_label, .form label.address_label, .form label.no_margin {
      margin-top: 0; }
    .form label.input_file_current_label {
      margin-top: 0;
      display: inline-block; }
    .form label.address_label {
      font-weight: normal;
      padding-right: 0; }
  .form .has-success label .icon-checkmark {
    display: inline-block; }
  .form.signin_form label {
    margin: 10px 0; }
  .form--label_sp {
    display: block;
    position: relative;
    border-bottom: 1px solid #444659;
    margin: 0; }
    .has-error .form--label_sp {
      border-color: #f14735; }
    .has-success .form--label_sp {
      border-color: #00C3FF; }
    .form--label_sp .icon {
      position: absolute;
      content: '';
      top: calc(50% - 13px);
      left: 10px;
      width: 26px;
      height: 26px;
      fill: #444659; }
  .form--introduction {
    font-size: 12px;
    font-size: 0.75rem; }
    .form--introduction b {
      font-weight: bold; }
    .form--introduction strong {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: bold;
      display: block; }
  .form--note {
    color: #877d7d;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.8;
    margin: 0; }
  .form--note_title {
    color: #444659;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0;
    margin-bottom: 20px;
    font-weight: bold; }
  .form input,
  .form select,
  .form textarea {
    border: none;
    border-bottom: 1px solid #444659;
    background-color: #fbfbfb;
    margin-bottom: 0;
    font-size: 1.125rem;
    padding: 0.6rem 1.6rem 0.6rem 1rem;
    box-shadow: none;
    transition: all 0.2s ease-in-out; }
    .form input:focus,
    .form select:focus,
    .form textarea:focus {
      border: 1px solid #444659;
      background-color: #fefefe;
      box-shadow: 0 0 5px #cacaca;
      transition: all 0.2s ease-in-out; }
  .form textarea {
    resize: vertical; }
  .form input[type=radio] {
    height: auto; }
  .form .has-error input,
  .form .has-error select,
  .form .has-error textarea {
    border-color: #f14735; }
  .form .has-success input,
  .form .has-success select,
  .form .has-success textarea {
    border-color: #00C3FF; }
  .form input,
  .form select {
    height: 50px; }
  .form select {
    background-position: right 0 center; }
  .form .form--label_sp input {
    border: none;
    padding-left: 46px;
    height: 48px;
    transition: all 0.2s ease-in-out; }
    .form .form--label_sp input:focus {
      border: none;
      background-color: #fefefe;
      box-shadow: none;
      transition: all 0.2s ease-in-out; }
  .form .input_goal_amount {
    display: block;
    position: relative;
    padding-right: 40px; }
    .form .input_goal_amount::after {
      content: '円';
      position: absolute;
      z-index: 100;
      top: calc(50% - 8px);
      right: 10px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #877d7d; }
  .form.signin_form .error-messages p {
    line-height: 1; }
  .form .error-messages {
    position: relative;
    margin: 0;
    padding-left: 20px;
    display: none;
    color: #f14735;
    font-size: 12px;
    font-size: 0.75rem; }
    .form .error-messages .icon {
      display: none;
      position: absolute;
      top: calc(50% - 7px);
      left: 0;
      width: 14px;
      height: 14px;
      fill: #f14735; }
    .form .error-messages.show {
      display: block; }
      .form .error-messages.show .icon {
        display: inline-block; }
    .form .error-messages p {
      margin: 0;
      color: #f14735;
      font-size: 12px;
      font-size: 0.75rem; }

.sp_checkbox {
  position: absolute;
  left: -9999%; }
  .sp_checkbox + .sp_checkbox--label {
    position: relative;
    margin: 20px 0 10px;
    cursor: pointer;
    padding-left: 35px;
    font-size: 14px;
    font-size: 0.875rem; }
    @media only screen and (min-width: 40.0625em) {
      .sp_checkbox + .sp_checkbox--label {
        margin: 10px 0 10px; } }
    .sp_checkbox + .sp_checkbox--label.light {
      font-weight: normal; }
    .payment_form .sp_checkbox + .sp_checkbox--label {
      font-weight: 600;
      margin-bottom: 0; }
    .sp_checkbox + .sp_checkbox--label span {
      font-weight: normal;
      font-size: 12px;
      font-size: 0.75rem; }
    .sp_checkbox + .sp_checkbox--label .icon-sns {
      position: relative;
      bottom: -3px;
      display: inline-block;
      width: 18px;
      height: 18px;
      margin-right: 5px; }
      .sp_checkbox + .sp_checkbox--label .icon-sns.icon-facebook {
        fill: #235a99; }
      .sp_checkbox + .sp_checkbox--label .icon-sns.icon-twitter {
        fill: #00aced; }
    .sp_checkbox + .sp_checkbox--label i {
      display: inline-block;
      position: absolute;
      content: "";
      width: 22px;
      height: 22px;
      top: calc(50% - 11px);
      left: 0;
      background-color: #FFFFFF;
      border: 1px solid #bfc3c1;
      border-radius: 4px; }
      .payment_form .sp_checkbox + .sp_checkbox--label i {
        background-color: #dedede;
        border: 1px solid #dedede; }
        .payment_form .sp_checkbox + .sp_checkbox--label i .icon-checkmark {
          fill: #FFFFFF; }
      .sp_checkbox + .sp_checkbox--label i .icon-checkmark {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        bottom: -1px;
        margin-left: 1px;
        fill: #00C3FF;
        opacity: 0;
        -ms-transform: scale(0);
            transform: scale(0);
        transition: all 0.2s ease-in-out; }
  .sp_checkbox:checked + .sp_checkbox--label .icon {
    opacity: 1;
    -ms-transform: scale(1);
        transform: scale(1);
    transition: all 0.2s ease-in-out; }
  .payment_form .sp_checkbox:checked + .sp_checkbox--label i {
    background-color: #00C3FF;
    border-color: #dedede; }
  .sp_checkbox.alt + .sp_checkbox--label i {
    background-color: #FFFFFF;
    border-color: #e5e2de;
    transition: all 0.2s ease-in-out; }
    .sp_checkbox.alt + .sp_checkbox--label i .icon-checkmark {
      fill: #FFFFFF; }
  .sp_checkbox.alt:checked + .sp_checkbox--label i {
    background-color: #00C3FF;
    border-color: #00C3FF;
    transition: all 0.2s ease-in-out; }

.input_file {
  position: absolute;
  left: -9999%; }
  .input_file--current--holder {
    text-align: center; }
    @media only screen and (min-width: 40.0625em) {
      .input_file--current--holder {
        text-align: left; } }
  .input_file + .input_file--label {
    position: relative;
    margin: 30px 0 10px;
    cursor: pointer;
    padding-left: 35px;
    font-size: 16px;
    font-size: 1rem;
    border: 1px solid #fbfbfb;
    border-bottom: 1px solid #444659;
    background-color: #fbfbfb;
    margin-bottom: 0;
    padding: 0.6rem 1.6rem 0.6rem 1rem;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    max-width: 400px; }
    .has-error .input_file + .input_file--label {
      border-bottom: 1px solid #f14735; }
    .input_file + .input_file--label .icon-image {
      position: relative;
      display: inline-block;
      width: 24px;
      height: 24px;
      bottom: -6px;
      margin-right: 10px;
      fill: #444659;
      transition: all 0.2s ease-in-out; }

.grid_block, .sign_in_grid, .sign_up_grid {
  width: 100%;
  display: grid;
  margin: 0 auto;
  grid-gap: 0 20px; }

.sign_in_grid {
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  grid-template-areas: "header" "aside" "sns" "form" "footer"; }
  @media only screen and (min-width: 40.0625em) {
    .sign_in_grid {
      grid-template-rows: repeat(6, min-content);
      grid-template-columns: 2fr 3fr;
      grid-template-areas: "header header" "aside sns" "aside sns" "aside form" "aside form" "aside footer"; } }
  @media only screen and (min-width: 64.0625em) {
    .sign_in_grid {
      grid-template-rows: repeat(6, min-content);
      grid-template-columns: minmax(400px, 4fr) minmax(5fr, 700px);
      grid-template-areas: "header header" "aside sns" "aside sns" "aside form" "aside form" "aside footer"; } }

.sign_up_grid {
  grid-template-columns: 1fr;
  grid-template-rows: min-content;
  grid-template-areas: "header" "aside" "sns" "form" "footer"; }
  @media only screen and (min-width: 40.0625em) {
    .sign_up_grid {
      grid-template-rows: repeat(6, min-content);
      grid-template-columns: 2fr 3fr;
      grid-template-areas: "header header" "aside sns" "aside sns" "aside form" "aside form" "aside footer"; } }
  @media only screen and (min-width: 64.0625em) {
    .sign_up_grid {
      grid-template-rows: repeat(6, min-content);
      grid-template-columns: 2fr 3fr;
      grid-template-areas: "header header" "aside sns" "aside sns" "aside form" "aside form" "aside footer"; } }

.grid_cell--aside {
  position: relative;
  grid-area: aside;
  background: url(https://d1fdy26u973qrp.cloudfront.net/static/start_project_cover-image3.png) center 80% no-repeat transparent;
  background-size: cover;
  color: #fff;
  max-width: 800px; }
  .grid_cell--aside--title {
    padding: 60px 10px;
    line-height: 1.8em;
    text-align: center;
    color: #fff;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 16px; }
    .grid_cell--aside--title strong {
      display: block;
      font-weight: bold;
      margin-bottom: 20px;
      font-size: 26px;
      line-height: 1.5em; }
    @media only screen and (min-width: 40.0625em) {
      .grid_cell--aside--title {
        font-size: 20px; }
        .sign_up_grid .grid_cell--aside--title {
          font-size: 18px; }
        .grid_cell--aside--title strong {
          font-size: 30px;
          margin-bottom: 40px; } }
    @media only screen and (min-width: 64.0625em) {
      .grid_cell--aside--title {
        font-size: 22px; }
        .sign_up_grid .grid_cell--aside--title {
          font-size: 18px; } }

.grid_cell--sns {
  grid-area: sns;
  max-width: 700px;
  padding-top: 20px; }
  @media only screen and (min-width: 40.0625em) {
    .grid_cell--sns {
      padding-top: 40px; } }

.grid_cell--form {
  grid-area: form;
  max-width: 700px; }

.grid_cell--footer {
  grid-area: footer;
  max-width: 700px;
  padding-bottom: 20px; }
  @media only screen and (min-width: 40.0625em) {
    .grid_cell--footer {
      padding-bottom: 40px; } }
  .grid_cell--footer--list {
    padding: 20px 10px;
    background-color: rgba(255, 255, 255, 0.4); }
    .grid_cell--footer--list li a {
      display: block;
      list-style-type: none;
      padding-left: 10px;
      color: #00C3FF;
      text-align: center;
      transition: all 0.2s ease-in-out; }
      .grid_cell--footer--list li a:before {
        position: relative;
        left: -10px;
        content: "•";
        color: #00C3FF;
        transition: all 0.2s ease-in-out; }
      .grid_cell--footer--list li a:hover {
        color: #444659;
        transition: all 0.2s ease-in-out; }
        .grid_cell--footer--list li a:hover:before {
          color: #444659;
          transition: all 0.2s ease-in-out; }

.grid_cell--header {
  grid-area: header;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: -1px;
  border-bottom: 1px solid #DCDEDD; }
  .grid_cell--header--link {
    display: inline-block;
    padding: 10px 20px;
    color: #00C3FF;
    border: 1px solid #fff; }
    .grid_cell--header--link.active {
      color: #444659;
      border-color: #444659; }

.profile--header {
  background-color: #F7F7F9;
  padding: 20px 10px 20px; }
  @media only screen and (min-width: 40.0625em) {
    .profile--header {
      padding: 40px 20px 40px; } }

.profile--title {
  color: #4A4A4A;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.7em;
  text-align: center;
  margin: 0;
  margin-top: 20px;
  font-weight: bold; }
  @media only screen and (min-width: 40.0625em) {
    .profile--title {
      font-size: 26px;
      font-size: 1.625rem; } }
  .profile--title--link {
    color: #4A4A4A;
    transition: all 0.2s ease-in-out; }
    .profile--title--link:hover, .profile--title--link:active, .profile--title--link:focus {
      color: black;
      text-decoration: underline;
      transition: all 0.2s ease-in-out; }

.profile--image {
  border-radius: 50%;
  overflow: hidden; }
  .profile--image--holder {
    position: relative; }
  .profile--image--link {
    position: absolute;
    bottom: -10px;
    right: 0;
    font-size: 12px;
    font-size: 0.75rem; }

.profile--input_file {
  position: absolute;
  left: -9999%; }
  .profile--input_file + label {
    color: #00C3FF;
    text-align: right;
    font-size: 11px;
    font-size: 0.6875rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out; }
    .profile--input_file + label:hover, .profile--input_file + label:active {
      color: #009ccc;
      text-decoration: underline;
      transition: all 0.2s ease-in-out; }

.profile_edit--nav--holder {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: none;
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
  z-index: 1000; }
  @media only screen and (min-width: 40.0625em) {
    .profile_edit--nav--holder {
      padding-top: 0.8rem;
      padding-bottom: 0; } }
  .profile_edit--nav--holder .menu {
    border-bottom: 1px solid #DCDEDD; }

.profile--nav {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.2s ease-in-out; }
  .profile--nav.is-open {
    max-height: 500px;
    transition: all 0.2s ease-in-out; }
  @media only screen and (min-width: 40.0625em) {
    .profile--nav {
      max-height: 100%; } }
  .profile--nav#breadcrumb {
    max-height: 500px;
    margin-bottom: 30px; }
  .profile--nav--holder {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #DCDEDD;
    position: sticky;
    top: 0;
    background-color: #FFFFFF;
    z-index: 2000; }
    @media only screen and (min-width: 40.0625em) {
      .profile--nav--holder {
        padding-top: 0.8rem;
        padding-bottom: 0; } }
  .profile--nav .menu {
    width: 100%; }
    @media only screen and (min-width: 40.0625em) {
      .profile--nav .menu {
        width: auto; } }
    .profile--nav .menu > li > span {
      display: inline-block;
      position: relative;
      padding: 0.6rem 1rem;
      color: #4A4A4A;
      background-color: transparent;
      font-size: 12px;
      font-size: 0.75rem;
      transition: all 0.2s ease-in-out; }
      @media only screen and (min-width: 40.0625em) {
        .profile--nav .menu > li > span {
          margin: 0 1rem;
          padding: 0.5rem 0.5rem 1.5rem;
          background-color: transparent;
          font-size: 14px;
          font-size: 0.875rem; }
          .profile--nav .menu > li > span::after {
            position: absolute;
            display: block;
            left: 0;
            content: '';
            height: 3px;
            width: 100%;
            bottom: 0; } }
      .profile--nav .menu > li > span.is-active {
        color: #4A4A4A;
        font-weight: bold;
        background-color: transparent; }
        .profile--nav .menu > li > span.is-active::after {
          background-color: #00C3FF; }
        @media only screen and (min-width: 40.0625em) {
          .profile--nav .menu > li > span.is-active {
            font-weight: normal;
            color: #4A4A4A;
            background-color: transparent; }
            .profile--nav .menu > li > span.is-active::after {
              background-color: #00C3FF; } }
    .profile--nav .menu > li > a {
      position: relative;
      padding: 0.6rem 0.5rem;
      margin: 0 1rem;
      color: #4A4A4A;
      background-color: transparent;
      font-size: 12px;
      font-size: 0.75rem;
      transition: all 0.2s ease-in-out; }
      @media only screen and (min-width: 40.0625em) {
        .profile--nav .menu > li > a {
          padding: 0.5rem 0.25rem 1.5rem;
          margin: 0 0.5rem;
          background-color: transparent;
          font-size: 14px;
          font-size: 0.875rem; }
          .profile--nav .menu > li > a::after {
            position: absolute;
            display: block;
            left: 0;
            content: '';
            height: 3px;
            width: 100%;
            bottom: 0; } }
      .profile--nav .menu > li > a.is-active {
        color: #FFFFFF;
        font-weight: bold;
        background-color: #00C3FF; }
        @media only screen and (min-width: 40.0625em) {
          .profile--nav .menu > li > a.is-active {
            font-weight: normal;
            color: #4A4A4A;
            background-color: transparent; }
            .profile--nav .menu > li > a.is-active::after {
              background-color: #00C3FF; } }
      .profile--nav .menu > li > a:hover, .profile--nav .menu > li > a:active, .profile--nav .menu > li > a:focus {
        color: #00C3FF;
        transition: all 0.2s ease-in-out; }
      .profile--nav .menu > li > a .icon-chevron {
        position: absolute;
        top: calc(50% - 5px);
        right: -18px;
        display: inline-block;
        width: 10px;
        height: 10px;
        fill: #4A4A4A; }
        @media only screen and (min-width: 40.0625em) {
          .profile--nav .menu > li > a .icon-chevron {
            top: calc(50% - 12px); } }
      .profile--nav .menu > li > a.has_counter {
        margin-bottom: 10px; }
        @media only screen and (min-width: 40.0625em) {
          .profile--nav .menu > li > a.has_counter {
            padding-right: 35px;
            margin-bottom: 0; } }
      .profile--nav .menu > li > a .counter {
        position: absolute;
        top: calc(50% - 12px);
        font-size: 14px;
        height: 1.5em;
        width: 1.5em;
        padding-top: 2px;
        right: -25px; }
        @media only screen and (min-width: 40.0625em) {
          .profile--nav .menu > li > a .counter {
            top: calc(50% - 20px);
            right: 5px; } }

.profile--main {
  margin-top: 40px; }
  .profile--main.confirmation {
    margin-top: 60px; }
    @media only screen and (min-width: 40.0625em) {
      .profile--main.confirmation {
        margin-top: 100px; } }
  .profile--main--title_small {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 60px; }
  .profile--main--subtitle {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
    color: #444659; }
  .profile--main--title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.8em;
    color: #444659;
    margin-bottom: 30px;
    text-align: center; }
    @media only screen and (min-width: 40.0625em) {
      .profile--main--title {
        margin-bottom: 40px;
        font-size: 24px;
        font-size: 1.5rem; } }
    .profile--main--title strong {
      display: inline-block;
      padding: 0 1rem 1rem;
      position: relative; }
      .profile--main--title strong::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        content: '';
        width: 100%;
        height: 4px;
        background-color: #444659; }

.profile--section {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem; }
  .new_project_confirmatiom .profile--section {
    border-bottom: none; }
  .new_project_confirmatiom .profile--section {
    margin-bottom: 0; }
  .profile--section.mail_password dl dd span {
    display: block;
    margin-bottom: 10px;
    font-size: 16px; }
  .profile--section--title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8em;
    text-align: left;
    font-weight: bold;
    color: #4A4A4A;
    margin-bottom: 20px; }
    @media only screen and (min-width: 40.0625em) {
      .profile--section--title {
        font-size: 16px;
        font-size: 1rem; } }
    .profile--section--title strong {
      display: inline-block;
      padding: 0.3rem 1rem;
      position: relative; }
      .profile--section--title strong::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        content: '';
        width: 3px;
        height: 100%;
        background-color: #4A4A4A; }
  .profile--section dl {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #F1EEEA; }
    .profile--section dl:last-child {
      border-bottom: none; }
    #container_v2 .profile--section dl {
      margin: 0; }
  .profile--section dt {
    color: #9B9B9B; }
    #container_v2 .profile--section dt {
      font-weight: normal;
      margin: 0;
      margin-bottom: 0.8rem;
      font-size: 12px;
      font-size: 0.75rem; }
      @media only screen and (min-width: 40.0625em) {
        #container_v2 .profile--section dt {
          font-size: 14px;
          font-size: 0.875rem;
          margin-bottom: 0; } }
  .profile--section dd {
    color: #0d0d11; }
    .profile--section dd span {
      color: #4A4A4A;
      font-size: 10px;
      font-size: 0.625rem; }
      @media only screen and (min-width: 40.0625em) {
        .profile--section dd span {
          font-size: 12px;
          font-size: 0.75rem; } }

.profile--edit {
  position: absolute;
  top: 1.3rem;
  right: 0.6rem; }

.profile--nav--button {
  position: relative;
  right: 10px;
  background-color: transparent; }
  @media only screen and (min-width: 40.0625em) {
    .profile--nav--button {
      display: none; } }
  .profile--nav--button--holder {
    text-align: right;
    padding-top: 6px; }
    .active .profile--nav--button--holder {
      padding-top: 3px; }
  .profile--nav--button strong {
    display: block;
    color: #444659;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: normal; }
    .active .profile--nav--button strong {
      display: none; }
  .profile--nav--button .icon {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 28px;
    height: 28px; }
    .profile--nav--button .icon-close-button {
      display: none; }
  .profile--nav--button:hover, .profile--nav--button:active, .profile--nav--button:focus {
    background-color: transparent; }
  .profile--nav--button.active .icon-open-button {
    display: none; }
  .profile--nav--button.active .icon-close-button {
    display: block; }

.user_card {
  border-top: 1px solid #ececec;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }
  .user_card--list {
    margin-bottom: 2.5rem; }
    .user_card--list li:first-child .user_card {
      border: none; }
      .followers_list .user_card--list li:first-child .user_card {
        border: none; }
  .user_card--holder {
    margin-top: 1.875rem; }
    .user_card--holder p {
      margin: 0; }
    .user_card--holder .description {
      text-align: center;
      margin-bottom: 20px;
      line-height: 1.4; }
      @media only screen and (min-width: 40.0625em) {
        .user_card--holder .description {
          text-align: right;
          padding-right: 1.25rem;
          margin-bottom: 0; } }
    .user_card--holder--header {
      border-bottom: 1px solid #000000;
      padding-bottom: 1.875rem; }
  .user_card--thumb {
    width: 3.75rem;
    border-radius: 50%; }
    .user_card--thumb--holder {
      margin-right: 0.625rem; }
  .user_card--title {
    padding: 0.25rem 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #444659;
    margin: 0; }
  .user_card--meta .icon {
    position: relative;
    width: 1rem;
    height: 1rem;
    bottom: -0.0625rem;
    fill: #444659; }
    .user_card--meta .icon.icon-facebook {
      fill: #235a99; }
    .user_card--meta .icon.icon-twitter {
      fill: #00aced; }
  .user_card--meta--sns {
    display: inline-block;
    margin-left: 0.3125rem; }
  .user_card--collected_projects, .user_card--created_projects {
    font-size: 14px; }
    @media only screen and (min-width: 64.0625em) {
      .user_card--collected_projects, .user_card--created_projects {
        font-size: 16px; } }
    .user_card--collected_projects strong, .user_card--created_projects strong {
      display: inline-block;
      margin-right: 0.25rem;
      font-size: 16px;
      font-weight: bold; }
      @media only screen and (min-width: 40.0625em) {
        .user_card--collected_projects strong, .user_card--created_projects strong {
          font-size: 14px; } }
      @media only screen and (min-width: 64.0625em) {
        .user_card--collected_projects strong, .user_card--created_projects strong {
          font-size: 20px; } }
  .user_card--header {
    min-width: 18.75rem;
    margin-bottom: 0.625rem; }
    @media only screen and (min-width: 64.0625em) {
      .user_card--header {
        margin-bottom: 0; } }
  @media only screen and (min-width: 40.0625em) {
    .user_card--form {
      width: 10.625rem; } }

.withdrawal_card {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #DCDEDD; }
  .withdrawal_card--list {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  .withdrawal_card--image {
    text-align: center; }
    .withdrawal_card--image img {
      width: 100%;
      max-width: 18.75rem; }
  .withdrawal_card--content {
    color: #383838;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 1.25rem; }

.project_card--header, .project_card--money, .project_card--progress, .project_card--collector, .project_card--enddate, .project_card--menu {
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem; }

.project_card--image {
  margin-right: 0.625rem; }
  .project_card--image img {
    width: 6.25rem; }

.project_card--title {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  color: #3b2823;
  margin: 0;
  margin-bottom: 0.625rem; }

.project_card--tag, .project_card--tag_alt {
  font-weight: 600;
  font-size: 13px;
  font-size: 0.8125rem;
  background: #00C3FF;
  line-height: 1;
  padding: .25em .45em .35em .45em;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin-right: .5em;
  margin-bottom: .5em;
  border-radius: 4px;
  min-width: 3.125rem; }

.project_card--tag_alt {
  background: #e9e9e8;
  border: 1px solid #bfc3c1; }
  @media only screen and (min-width: 64.0625em) {
    .project_card--tag_alt {
      border: none; } }

.project_card--header {
  padding: 1em;
  background: #ebeae9; }
  @media only screen and (min-width: 64.0625em) {
    .project_card--header {
      padding: 0;
      background: transparent; } }

.project_card--menu {
  color: #897e7b; }
  .project_card--menu a {
    display: inline-block;
    position: relative;
    color: #897e7b;
    padding-right: 14px;
    width: 5.625rem;
    transition: all 0.2s ease-in-out; }
    .project_card--menu a .sprite {
      fill: #897e7b;
      transition: all 0.2s ease-in-out; }
    .project_card--menu a:hover, .project_card--menu a:active, .project_card--menu a:focus {
      color: #534c4b;
      transition: all 0.2s ease-in-out; }
      .project_card--menu a:hover .sprite, .project_card--menu a:active .sprite, .project_card--menu a:focus .sprite {
        fill: #534c4b;
        transition: all 0.2s ease-in-out; }
    .project_card--menu a.has_notification:after {
      display: inline-block;
      position: absolute;
      right: 0;
      top: calc(50% - 6px);
      font-size: 8px;
      content: '●';
      color: #EC483F; }

.project_card--table {
  border: 1px solid #ebeae9;
  margin-bottom: 5rem; }
  .project_card--table > li:not(:first-child),
  .project_card--table > li:not(:nth-child(2)) {
    border-top: 1px solid #ebeae9; }
  .project_card--table--thead {
    padding: 1em;
    background: #ebeae9;
    font-weight: 600; }
  @media only screen and (min-width: 64.0625em) {
    .project_card--table--tr {
      padding: 1em; } }
  #container_v2 .project_card--table--tr dl, #container_v2 .project_card--table--tr dd, #container_v2 .project_card--table--tr dt {
    margin: 0; }
  #container_v2 .project_card--table--tr dt {
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 19px;
    line-height: 1.2rem;
    margin-bottom: 0.625rem;
    color: #897e7b; }
  .project_card--table--tr--inner > ul {
    margin: 0;
    padding: 0; }
  .project_card--table--tr--inner > ul > li:not(:last-child) {
    border-bottom: 1px solid #ebeae9; }
    @media only screen and (min-width: 64.0625em) {
      .project_card--table--tr--inner > ul > li:not(:last-child) {
        border-bottom: none; } }
  .project_card--table--tr--inner .cell {
    padding: 1em; }
    @media only screen and (min-width: 64.0625em) {
      .project_card--table--tr--inner .cell {
        padding: 0; } }

.profile_edition .cropper-view-box {
  outline: 2px solid #eeeeee;
  outline-color: rgba(238, 238, 238, 0.4); }

.profile_edition .cropper-line {
  background: #fff url(https://d1fdy26u973qrp.cloudfront.net/static/Jcrop.gif); }
  .profile_edition .cropper-line.line-e, .profile_edition .cropper-line.line-w {
    width: 2px; }
  .profile_edition .cropper-line.line-w {
    left: -2px; }
  .profile_edition .cropper-line.line-e {
    right: -2px; }
  .profile_edition .cropper-line.line-n, .profile_edition .cropper-line.line-s {
    height: 2px; }
  .profile_edition .cropper-line.line-n {
    top: -2px; }
  .profile_edition .cropper-line.line-s {
    bottom: -2px; }

.profile_edition .cropper-point {
  border: 1px solid #eeeeee;
  background-color: #333333;
  height: 7px;
  width: 7px; }
  .profile_edition .cropper-point.point-se {
    height: 7px;
    width: 7px; }
  .profile_edition .cropper-point.point-ne {
    top: -5px;
    right: -5px; }
  .profile_edition .cropper-point.point-e {
    right: -5px; }
  .profile_edition .cropper-point.point-se {
    bottom: -5px;
    right: -5px; }
  .profile_edition .cropper-point.point-nw {
    top: -5px;
    left: -5px; }
  .profile_edition .cropper-point.point-w {
    left: -5px; }
  .profile_edition .cropper-point.point-sw {
    bottom: -5px;
    left: -5px; }
  .profile_edition .cropper-point.point-n {
    top: -5px; }
  .profile_edition .cropper-point.point-s {
    bottom: -5px; }

.tips {
  opacity: 0;
  z-index: -1;
  position: absolute;
  bottom: calc(100% + 5px);
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: rgba(47, 47, 47, 0.9);
  color: #fff;
  font-size: 13px;
  line-height: 1.6;
  white-space: normal;
  text-align: left;
  font-weight: 400;
  border-radius: 4px;
  transition: all 0.5s ease-in-out; }
  .tips:after {
    position: absolute;
    bottom: -12px;
    left: calc(50% - 6px);
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgba(47, 47, 47, 0.9); }
  .has-tips:hover .tips {
    opacity: 1;
    z-index: 10;
    transition: all 0.5s ease-in-out; }
  .has-tips.align-left .tips:after {
    left: 30px; }

.has-tips {
  position: relative; }

.indiegogo {
  font-size: 20px;
  color: #897e7b;
  font-weight: 400; }
  #project-header #project-header-content .stats-table dl .indiegogo--holder {
    font-size: 20px;
    line-height: 1;
    margin-top: 20px;
    padding-top: 5px; }
  .indiegogo--logo {
    display: inline-block;
    position: relative;
    bottom: -2px;
    width: 20px;
    height: 20px;
    background-image: url(https://mg-img.s3.amazonaws.com/static/indiegogo.png);
    background-position: center;
    background-size: 100%;
    margin-right: 10px; }

.nav_menu {
  display: none;
  position: absolute;
  z-index: 5000;
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  top: 136px;
  left: 0;
  color: #fff;
  background-color: rgba(67, 155, 205, 0.95);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s ease-in-out; }
  @media only screen and (min-width: 40.0625em) {
    .nav_menu {
      display: block; } }
  @media only screen and (min-width: 64.0625em) {
    .nav_menu {
      top: 125px; } }
  .nav_menu--holder:hover .nav_menu {
    opacity: 1;
    height: auto;
    transition: opacity 0.2s ease-in-out; }
  .nav_menu--holder:hover .nav_menu--inner {
    padding: 1.875rem 0.625rem 2.5rem;
    height: auto; }
    @media only screen and (min-width: 64.0625em) {
      .nav_menu--holder:hover .nav_menu--inner {
        padding: 5.2rem 1.25rem 6.2rem; } }
  .nav_menu--container {
    position: relative; }
  .nav_menu--inner {
    height: 0;
    padding: 0;
    overflow: hidden; }
  #header_v2 .nav_menu--link {
    padding: 0.3125rem 1rem 0.625rem;
    border-bottom: 2px solid transparent;
    color: #fff;
    transition: all 0.2s ease-in-out;
    font-size: 12px; }
    @media only screen and (min-width: 40.0625em) {
      #header_v2 .nav_menu--link {
        font-size: 14px; } }
    #header_v2 .nav_menu--link .icon {
      position: relative;
      width: 10px;
      height: 10px;
      margin-right: 5px;
      bottom: -1px;
      fill: #fff; }
    #header_v2 .nav_menu--link:hover, #header_v2 .nav_menu--link:active {
      border-color: #fff;
      text-decoration: none;
      transition: all 0.2s ease-in-out; }
  .nav_menu--section:not(:last-child) {
    margin-bottom: 1.25rem; }
    @media only screen and (min-width: 64.0625em) {
      .nav_menu--section:not(:last-child) {
        margin-bottom: 1.875rem; } }
  .nav_menu--section--title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    color: #fff; }
    @media only screen and (min-width: 40.0625em) {
      .nav_menu--section--title {
        font-size: 20px; } }
    @media only screen and (min-width: 64.0625em) {
      .nav_menu--section--title {
        font-size: 24px; } }
    .nav_menu--section--title strong {
      display: inline-block;
      padding: 10px 20px;
      position: relative;
      font-weight: bold;
      color: #fff; }
      @media only screen and (min-width: 40.0625em) {
        .nav_menu--section--title strong {
          padding: 10px 30px; } }
      .nav_menu--section--title strong::after, .nav_menu--section--title strong::before {
        position: absolute;
        display: block;
        content: '';
        top: calc(50%);
        width: 15px;
        height: 2px;
        background-color: #fff; }
        @media only screen and (min-width: 40.0625em) {
          .nav_menu--section--title strong::after, .nav_menu--section--title strong::before {
            width: 20px; } }
      .nav_menu--section--title strong::after {
        right: 0; }
      .nav_menu--section--title strong::before {
        left: 0; }

.mailList tbody tr .name {
  position: relative;
  width: 280px; }

.mailList tbody tr .date {
  width: 105px; }

.mailList tbody tr.unreadMail .date {
  position: relative;
  width: 120px;
  padding-right: 20px; }
  .mailList tbody tr.unreadMail .date:after {
    position: absolute;
    z-index: 100;
    top: calc(50% - 4px);
    right: 5px;
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e86d3a; }

.appeal ul {
  display: table;
  border-collapse: collapse; }
  .appeal ul > li {
    display: table-cell;
    float: none; }

.agreement_block {
  border: 1px solid #eeeeee;
  margin-bottom: 1.875rem;
  max-height: 15.625rem;
  overflow-y: auto; }
  .agreement_block.cell {
    padding: 1.875rem; }
  .agreement_block--content {
    padding: 1.25rem 2.5rem 1.25rem;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: normal; }
  .agreement_block--input {
    text-align: center; }
  .agreement_block .planeSection .hdLv02 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px 20px;
    line-height: 1.5;
    padding-bottom: 3px; }
  .agreement_block .planeSection .hdLv03 {
    margin: 5px 0 15px;
    color: #333333;
    font-weight: bold;
    font-size: 18px; }
  .agreement_block .planeSection ol {
    margin: 10px 0;
    margin-left: 1.8em; }
  .agreement_block .planeSection ul.child {
    margin-left: 0.6em;
    list-style-type: none;
    color: #666666; }
  .agreement_block .planeSection .mB20 {
    margin-bottom: 20px; }

.message_form--title {
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1.25rem; }

.message_form--subtitle {
  color: #666666;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 1.25rem; }

.message_form--user {
  color: #666666;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 0; }
  .message_form--user strong {
    font-weight: normal;
    display: block;
    font-size: 12px; }

.message_form--main {
  margin-top: 3.125rem; }
  .message_form--main .form {
    margin-top: 0;
    width: 100%; }

.payment_header {
  padding-top: 4.375rem;
  padding-bottom: 1.875rem;
  background-color: #00C3FF; }
  .payment_header .cell {
    text-align: center; }
    .payment_header .cell.is-thank-page {
      text-align: left; }
      @media only screen and (min-width: 40.0625em) {
        .payment_header .cell.is-thank-page {
          text-align: center; } }
  .payment_header--item {
    position: relative;
    display: inline-block;
    font-weight: 600;
    color: #008db8;
    padding-left: 0.5rem;
    padding-bottom: 1.875rem;
    font-size: 13px; }
    @media only screen and (min-width: 40.0625em) {
      .payment_header--item {
        font-size: 16px; } }
    .payment_header--item .icon {
      position: relative;
      display: inline-block;
      margin-right: 1.25rem; }
      .payment_header--item .icon i {
        position: relative;
        z-index: 1;
        font-style: normal;
        color: #00C3FF;
        display: inline-block;
        font-size: 13px;
        line-height: 1; }
      .payment_header--item .icon:before {
        content: '';
        display: inline-block;
        position: absolute;
        top: calc(50% - 14px);
        left: calc(50% - 15px);
        width: 1.875rem;
        height: 1.875rem;
        background-color: #008db8;
        border-radius: 50%;
        z-index: 0; }
    .payment_header--item .subcontent {
      position: absolute;
      display: block;
      bottom: 0;
      left: -0.9375rem;
      font-size: 12px;
      white-space: nowrap; }
      @media only screen and (min-width: 40.0625em) {
        .payment_header--item .subcontent {
          display: block; } }
    .payment_header--item.current {
      color: #FFFFFF; }
      .payment_header--item.current span i {
        color: #008db8; }
      .payment_header--item.current span:before {
        background-color: #FFFFFF; }
      .payment_header--item.current:after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.3125rem;
        background-color: #FFFFFF;
        border-radius: 50px;
        z-index: 0; }
    .payment_header--item.thank_page:after {
      bottom: -0.625rem;
      left: -1.25rem;
      width: 10rem; }

.payment_wrapper {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem; }
  .payment_wrapper .text {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 400;
    color: #363636; }
    .payment_wrapper .text strong {
      font-weight: 600; }
    .payment_wrapper .text.card_number {
      margin-bottom: 0.3125rem; }
  .payment_wrapper.payment_confirm .text {
    margin: 0; }

.payment--aside {
  color: #363636; }
  .payment--aside--header {
    box-shadow: 0px 0px 10px 2px rgba(100, 100, 100, 0.2); }
    .payment--aside--header--title {
      font-size: 14px;
      font-weight: 600;
      color: #999999;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      margin-bottom: 0.625rem; }
      .payment--aside--header--title .icon {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        fill: #00C3FF;
        bottom: -3px;
        margin-right: 0.3125rem; }
    .payment--aside--header--content {
      color: #202020;
      font-size: 18px;
      font-weight: 600;
      margin-top: 0;
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
  .payment--aside--image img {
    width: 100%;
    max-width: 12.5rem; }
    @media only screen and (min-width: 64.0625em) {
      .payment--aside--image img {
        max-width: 100%; } }
  .payment--aside--section {
    padding: 0.625rem 0; }
    .payment--aside--section p {
      margin: 0; }
    .payment--aside--section--title {
      font-size: 14px;
      line-height: 1.6;
      font-weight: 600;
      border-bottom: 1px solid #dddddd;
      padding-bottom: 0.625rem;
      margin-bottom: 0.9375rem; }
    .payment--aside--section--content {
      font-size: 12px;
      line-height: 1.6; }
      .payment--aside--section--content ul {
        padding-left: 1.25rem; }
        .payment--aside--section--content ul li {
          list-style: disc; }
  .payment--aside--link {
    color: #00C3FF;
    font-size: 12px;
    line-height: 1.6;
    transition: all 0.2s ease-in-out; }
    .payment--aside--link:hover, .payment--aside--link:active, .payment--aside--link:focus {
      color: #009ccc;
      transition: all 0.2s ease-in-out; }
  .payment--aside--button {
    font-weight: 600;
    border: 1px solid #877d7d;
    border-bottom-width: 3px;
    border-radius: 8px;
    border-color: #ebeae9;
    display: block;
    text-align: center;
    padding: 1em 0;
    color: #3b2823;
    font-size: 14px;
    margin-top: 0.625rem;
    transition: all 0.2s ease-in-out; }
    @media only screen and (min-width: 40.0625em) {
      .payment--aside--button {
        font-size: 16px; } }
    .payment--aside--button:hover, .payment--aside--button:active, .payment--aside--button:focus {
      border-color: #c4bfbd;
      color: #3b2823;
      transition: all 0.2s ease-in-out; }

.payment--main {
  position: relative;
  margin-top: 0.625rem;
  border: 1px solid #dddddd;
  border-radius: 4px;
  color: #363636;
  transition: all 0.2s ease-in-out; }
  .payment--main.first {
    margin-top: 2.5rem; }
  .payment--main.is-form {
    border: none;
    margin-top: 0.625rem; }
  .payment_new .payment--main:hover, .payment--main.is-selected {
    border: 1px solid #00C3FF;
    transition: all 0.2s ease-in-out; }
  .payment--main.is-disabled {
    background-color: #e5e5e5;
    color: #FFFFFF; }
    .payment_new .payment--main.is-disabled:hover, .payment--main.is-disabled:hover {
      border: 1px solid #dddddd; }
  .payment--main--header {
    cursor: pointer;
    padding: 1.25rem;
    padding-bottom: 0; }
    @media only screen and (min-width: 40.0625em) {
      .payment--main--header {
        padding: 1.875rem;
        padding-bottom: 0; } }
    #container_v2 .payment--main--header {
      margin-top: 0;
      margin-bottom: 1.25rem; }
    .payment--main--header--title {
      font-size: 24px;
      line-height: 1;
      font-weight: 600;
      margin-bottom: 1.25rem; }
    .payment--main--header--link {
      color: #363636; }
      .payment--main--header--link:hover, .payment--main--header--link:active, .payment--main--header--link:focus {
        color: #363636; }
  .payment--main--holder {
    padding-top: 2.5rem; }
  .payment--main--section {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
    margin-top: 0.625rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out; }
    @media only screen and (min-width: 40.0625em) {
      .payment--main--section {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
        padding-top: 0; } }
    .payment--main--section.is-active {
      max-height: 2000px;
      transition: all 0.5s ease-in-out;
      padding-bottom: 1.25rem; }
      @media only screen and (min-width: 40.0625em) {
        .payment--main--section.is-active {
          padding-bottom: 1.875rem; } }
    .payment--main--section--title {
      font-size: 24px;
      line-height: 1;
      font-weight: 600;
      margin-bottom: 1.25rem;
      margin-top: 1.25rem;
      padding-top: 1.25rem;
      border-top: 1px solid #dddddd; }
    .payment--main--section--subtitle {
      font-size: 16px;
      line-height: 1;
      font-weight: 400;
      margin-bottom: 1.25rem; }
  .payment--main--inner--title {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 1.25rem; }

.payment--title {
  font-size: 24px;
  line-height: 1.6;
  font-weight: 600;
  margin-bottom: 1.25rem; }

.payment--small_title, .payment_form--label {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 600;
  margin: 0; }
  .payment--small_title.has-margin, .has-margin.payment_form--label {
    margin-bottom: 0.625rem; }
  .payment--small_title.lighten, .lighten.payment_form--label {
    color: #d2d2d2; }

.payment--title_text {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 600;
  margin: 0; }
  .payment--title_text.has-margin {
    margin-bottom: 0.625rem; }
  .payment--title_text.lighten {
    color: #d2d2d2; }
  .payment--title_text img {
    position: relative;
    top: -0.25rem;
    width: 9.375rem; }

.payment--subtitle {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 1.25rem; }

.payment--basic_price {
  font-size: 16px;
  line-height: 1;
  font-weight: 600; }
  #container_v2 .payment--basic_price {
    margin-bottom: 1.25rem; }
    @media only screen and (min-width: 40.0625em) {
      #container_v2 .payment--basic_price {
        margin-bottom: 0; } }

.payment--check {
  position: relative;
  display: inline-block;
  margin-right: 1.25rem; }
  .payment--check:before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 15px);
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    background-color: #dddddd;
    z-index: 0; }
  .is-selected .payment--check:before {
    background-color: #41d560; }
  .payment--check .icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    fill: #FFFFFF; }

.payment--sold_out {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: inline-block;
  padding: 0.3125rem 0.4375rem;
  background-color: #999999;
  border-radius: 4px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  font-weight: 600; }

.payment--return_list {
  padding-left: 1.25rem; }
  .payment--return_list li {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0.625rem;
    list-style: disc; }

.support_block {
  padding-top: 1.0625rem; }
  .support_block--separator .icon {
    position: relative;
    display: inline-block;
    width: 0.9375rem;
    height: 0.9375rem;
    top: -0.25rem; }
  .support_block--form {
    border: 1px solid #dddddd; }
    .support_block--form--holder {
      position: relative;
      top: -0.8125rem; }
    .support_block--form--input, .support_block--form--label {
      font-size: 16px;
      font-weight: 600; }
    .support_block--form input {
      margin: 0;
      border: none;
      height: 2.5rem;
      border-right: 1px solid #dddddd;
      background-color: #FFFFFF; }
      .support_block--form input:focus {
        background-color: #FFFFFF; }
    .support_block--form--label {
      position: relative;
      text-align: center;
      padding: 0 13px; }

/*
** payment_method tab
*/
.payment_method_content {
  margin-top: 1.875rem; }
  .payment_method_content--card {
    height: 5vh; }
  .payment_method_content--store img {
    padding: 0 0.3125rem; }
  .payment_method_content--title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.625rem; }
  .payment_method_content--list {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 14px; }
    @media only screen and (min-width: 40.0625em) {
      .payment_method_content--list {
        font-size: 16px; } }
  .payment_method_content--info {
    margin-top: 1.25rem;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 1.25rem 0; }
    #container_v2 .payment_method_content--info dl {
      margin: 0 0 1.25rem 0; }
      #container_v2 .payment_method_content--info dl:last-child {
        margin-bottom: 0; }
    .payment_method_content--info strong {
      border-bottom: 1px dotted #ffde00; }
    .payment_method_content--info--label {
      background-color: #f14735;
      border-radius: 4px;
      color: #FFFFFF;
      padding: 0.3125rem 0.9375rem;
      font-size: 12px; }
  .payment_method_content--item {
    display: none; }
    .payment_method_content--item.is-active {
      display: block; }

.payment_method_warning {
  background-color: #FEE7E5;
  border: 1px solid #f14735;
  color: #f14735;
  border-radius: 4px;
  padding: 1.25rem;
  text-align: center;
  margin-top: 1.25rem; }
  .payment_method_warning p {
    color: #f14735;
    margin: 0;
    font-weight: 600;
    font-size: 12px; }
    @media only screen and (min-width: 40.0625em) {
      .payment_method_warning p {
        font-size: 14px; } }

.button_radio {
  position: absolute;
  left: -9999%; }
  .button_radio + .button_radio--label {
    position: relative;
    display: block;
    width: calc(100% - 4px);
    cursor: pointer;
    padding: 0.9375rem 0.9375rem 0.9375rem 2.5rem;
    font-size: 164x;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-weight: 600;
    margin: 0 4px;
    margin-bottom: 0.625rem;
    transition: all 0.2s ease-in-out; }
    .button_radio + .button_radio--label.disabled {
      background-color: #e5e5e5;
      color: #FFFFFF;
      cursor: default; }
    @media only screen and (min-width: 40.0625em) {
      .button_radio + .button_radio--label {
        margin-bottom: 0; }
        .button_radio + .button_radio--label.convenient_store {
          margin-bottom: 0.625rem; } }
    @media only screen and (min-width: 64.0625em) {
      .button_radio + .button_radio--label {
        font-size: 16px; } }
    .button_radio + .button_radio--label:before {
      content: '';
      display: block;
      position: absolute;
      width: 1.25rem;
      height: 1.25rem;
      top: calc(50% - 10px);
      left: 10px;
      border: 2px solid #dddddd;
      border-radius: 50%;
      transition: all 0.2s ease-in-out; }
    .button_radio + .button_radio--label:after {
      content: '';
      display: block;
      position: absolute;
      width: 0.75rem;
      height: 0.75rem;
      top: calc(50% - 6px);
      left: 14px;
      border-radius: 50%;
      opacity: 0;
      background-color: #00C3FF;
      transition: all 0.2s ease-in-out; }
  .button_radio:checked + .button_radio--label {
    border-color: #00C3FF;
    transition: all 0.2s ease-in-out; }
    .button_radio:checked + .button_radio--label:before {
      border: 2px solid #00C3FF;
      transition: all 0.2s ease-in-out; }
    .button_radio:checked + .button_radio--label:after {
      opacity: 1;
      transition: all 0.2s ease-in-out; }
  .button_radio--holder {
    margin-top: 1.875rem; }

/*
** payment_confirm
*/
#container_v2 .payment_confirm--content {
  margin: 0; }
  #container_v2 .payment_confirm--content dt, #container_v2 .payment_confirm--content dd {
    margin: 0; }

.payment_confirm--content--optional-form {
  margin-top: 2rem; }
  .payment_confirm--content--optional-form .payment--small_title, .payment_confirm--content--optional-form .payment_form--label {
    margin-bottom: .75rem; }

.payment_confirm--text {
  font-size: 14px;
  margin: 0; }

/*
** payment_message
*/
.payment_message {
  background-color: #f2fcff;
  border: 1px solid #3bafd5;
  border-radius: 4px;
  padding: 0.625rem; }
  @media only screen and (min-width: 40.0625em) {
    .payment_message {
      padding: 1.25rem; } }
  .payment_message--title {
    display: block;
    position: relative;
    color: #00b2ff;
    margin-bottom: 1.25rem; }
    .payment_message--title .icon {
      color: #f2fcff;
      position: relative;
      display: inline-block;
      font-style: normal;
      width: 1.25rem;
      height: 1.25rem;
      margin-right: 0.3125rem;
      margin-left: 0.3125rem;
      text-align: center; }
      .payment_message--title .icon span {
        position: relative;
        z-index: 10; }
      .payment_message--title .icon:before {
        position: absolute;
        content: '';
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        background-color: #00b2ff;
        border-radius: 50%; }
  .payment_message--content {
    font-size: 14px;
    line-height: 1.4;
    margin: 0; }
  #container_v2 .payment_message {
    margin: 0;
    margin-bottom: 1.25rem; }
    #container_v2 .payment_message dd {
      margin: 0; }
    #container_v2 .payment_message dt {
      margin-bottom: 1rem; }

/*
** thank_message
*/
.thank_message--holder {
  margin-top: 3.75rem; }

.thank_message--title {
  font-size: 16px;
  margin-bottom: 1.25rem;
  font-weight: 600; }
  .thank_message--title strong {
    color: #00C3FF; }
  .thank_message--title .icon {
    position: relative;
    bottom: -0.125rem;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    fill: #363636;
    margin-right: 0.625rem; }
  .thank_message--title.has-tips .tips {
    max-width: 22.5rem;
    right: 0; }

.thank_message--warning {
  color: #FFFFFF;
  position: relative;
  display: inline-block;
  font-style: normal;
  width: 1.25rem;
  height: 1.875rem;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
  padding-top: 0.625rem;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 1; }
  .thank_message--warning--text {
    position: relative;
    z-index: 10; }
  .thank_message--warning:before {
    position: absolute;
    content: '';
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #f14735;
    border-radius: 50%;
    top: calc(50% - 7px);
    left: calc(50% - 10px); }
  .thank_message--warning.has-tips .tips {
    width: 12.5rem;
    left: calc(50% - 100px); }
    @media only screen and (min-width: 40.0625em) {
      .thank_message--warning.has-tips .tips {
        width: 22.5rem;
        left: calc(50% - 186px); } }

.thank_message--logo {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  overflow: hidden; }

.thank_message--content {
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  color: #FFFFFF;
  background-color: #0091ff;
  padding: 0.625rem 1rem;
  border-radius: 16px;
  margin-left: 1.25rem; }
  .thank_message--content:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 1.25rem;
    left: -0.625rem;
    background-color: #0091ff;
    width: 1.25rem;
    height: 1.25rem;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  @media only screen and (min-width: 40.0625em) {
    .thank_message--content {
      padding: 1.25rem 1.625rem;
      font-size: 16px;
      line-height: 1.3; } }

.thank_message--editor {
  margin-top: 3.75rem; }

.thank_message--input {
  position: relative;
  border-radius: 15px;
  box-shadow: none;
  padding: 0.625rem 1.25rem;
  border: 1px solid #e5e2de;
  background-color: #FFFFFF;
  height: 3.75rem;
  resize: none;
  margin: 0; }
  .thank_message--input:focus {
    background-color: #FFFFFF;
    border-color: #e5e2de;
    box-shadow: none; }
  .thank_message--input--holder {
    position: relative; }
    .thank_message--input--holder:before {
      content: '';
      z-index: 1;
      display: block;
      position: absolute;
      bottom: 1.25rem;
      right: -0.625rem;
      background-color: #FFFFFF;
      border-right: 1px solid #e5e2de;
      border-top: 1px solid #e5e2de;
      width: 1.25rem;
      height: 1.25rem;
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

@keyframes open_payment {
  0% {
    max-height: 0; }
  100% {
    max-height: 2000px; } }

@keyframes close_payment {
  0% {
    max-height: 2000px; }
  100% {
    max-height: 0; } }

.payment_form--section {
  padding: 1.25rem 2.5rem 1.25rem 1.25rem;
  border: 1px solid #dddddd;
  border-radius: 4px;
  margin-bottom: 0.625rem; }
  .payment_form--section.security img {
    width: 3.75rem; }
  .payment_form--section--holder {
    margin-top: 1.25rem; }
    .payment_confirm .payment_form--section--holder,
    .payment_convenient_store .payment_form--section--holder {
      margin-top: 3.75rem; }

.payment_form--label {
  display: block;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media only screen and (min-width: 40.0625em) {
    .payment_form--label {
      width: 10.625rem;
      padding-bottom: 0; } }
  .payment_confirm .payment_form--label {
    padding-top: 0;
    padding-bottom: 0; }
  .payment_form--label .optional {
    position: relative;
    display: inline-block;
    color: #00C3FF;
    border: 1px solid #00C3FF;
    padding: 0.125rem 0.25rem;
    font-size: 12px;
    line-height: 1;
    margin-left: 0.5rem;
    top: -0.0625rem; }
  .payment_form--label .icon-checkmark {
    position: relative;
    display: none;
    width: 1rem;
    height: 1rem;
    bottom: -0.125rem;
    margin-left: 0.25rem;
    fill: #00C3FF; }

.payment_form input,
.payment_form select {
  height: 2.5rem;
  max-width: 21.25rem; }
  .payment_form input.full-width,
  .payment_form select.full-width {
    max-width: 100%; }
  .payment_form input.small,
  .payment_form select.small {
    max-width: 15.625rem; }

.payment_form input,
.payment_form select,
.payment_form textarea {
  border: 1px solid #dddddd;
  background-color: #FFFFFF;
  margin-bottom: 0.625rem;
  font-size: 16px;
  padding: 0.6rem 1rem 0.6rem 1rem;
  box-shadow: none;
  transition: all 0.2s ease-in-out; }
  @media only screen and (min-width: 40.0625em) {
    .payment_form input,
    .payment_form select,
    .payment_form textarea {
      margin-bottom: 0; } }
  .payment_form input.small_input,
  .payment_form select.small_input,
  .payment_form textarea.small_input {
    width: 6.25rem; }
  .payment_form input:focus,
  .payment_form select:focus,
  .payment_form textarea:focus {
    border: 1px solid #444659;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: all 0.2s ease-in-out; }

.payment_form select {
  padding: 0.4rem 1rem 0.4rem 1rem; }

.payment_form textarea {
  resize: vertical; }

.payment_form--input_separator {
  position: relative;
  display: block;
  width: 3.125rem;
  height: 2.5rem;
  overflow: hidden;
  margin-right: 0.3125rem; }
  .payment_form--input_separator:before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 120%;
    height: 2px;
    background-color: #dddddd;
    -ms-transform: rotate(-60deg);
        transform: rotate(-60deg); }

.payment_form--postcode {
  border: 1px solid #dddddd;
  max-width: 15.625rem; }
  .payment_form--postcode--holder .text {
    margin-top: 0; }
    @media only screen and (min-width: 40.0625em) {
      .payment_form--postcode--holder .text {
        margin-top: 0.625rem; } }
  .has-error .payment_form--postcode {
    border-color: #f14735; }
  .has-success .payment_form--postcode {
    border-color: #00C3FF; }
  .payment_form--postcode--input, .payment_form--postcode--label {
    font-size: 16px; }
  .payment_form--postcode input {
    margin: 0;
    border: none;
    height: 2.5rem;
    border: none;
    border-left: 1px solid #dddddd;
    background-color: #FFFFFF;
    font-weight: 400; }
    .payment_form--postcode input:focus {
      background-color: #FFFFFF; }
  .payment_form--postcode--label {
    position: relative;
    text-align: center;
    padding: 0 13px;
    font-weight: 600;
    color: #dddddd; }
  .payment_form--postcode--button {
    margin-top: 0.625rem; }
    @media only screen and (min-width: 40.0625em) {
      .payment_form--postcode--button {
        margin-top: 0; } }

.payment_form ul {
  margin-left: 0; }

.payment_form .has-error input,
.payment_form .has-error select,
.payment_form .has-error textarea {
  border-color: #f14735; }

.payment_form .has-success input,
.payment_form .has-success select,
.payment_form .has-success textarea {
  border-color: #00C3FF; }

.payment_form .error-messages {
  position: relative;
  margin: 0;
  padding-left: 20px;
  display: none;
  color: #f14735;
  font-size: 12px; }
  .payment_form .error-messages .icon {
    display: none;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    width: 14px;
    height: 14px;
    fill: #f14735; }
  .payment_form .error-messages.show {
    display: block; }
    .payment_form .error-messages.show .icon {
      display: inline-block; }
  .payment_form .error-messages p {
    margin: 0;
    color: #f14735;
    font-size: 12px; }

.trust_section {
  font-size: 14px;
  color: #000000;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem; }
  @media only screen and (min-width: 40.0625em) {
    .trust_section {
      padding-top: 6.25rem;
      padding-bottom: 6.25rem; } }
  .trust_section p {
    margin-bottom: 1.25rem; }
  @media only screen and (min-width: 40.0625em) {
    .trust_section {
      font-size: 16px; } }

.trust_section.to_know {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  background-image: url(https://mg-img.s3.amazonaws.com/static/trust_section_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }

.trust_section--header {
  position: relative;
  z-index: 10;
  padding: 3.75rem 1.25rem 6.25rem;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  background: #f8e71c;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f8e71c 0%, #f8e71c 50%, #f1e120 50%, #f1e120 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .trust_section--header .icon {
    position: relative;
    bottom: -0.625rem;
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 1.25rem; }
  @media only screen and (min-width: 40.0625em) {
    .trust_section--header {
      font-size: 26px;
      padding: 6.25rem 1.25rem 10rem; }
      .trust_section--header .icon {
        bottom: -0.75rem;
        width: 2.25rem;
        height: 2.25rem; } }

.trust_section--title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 3.75rem; }
  @media only screen and (min-width: 40.0625em) {
    .trust_section--title {
      font-size: 26px; } }
  .trust_section--title small {
    display: block;
    color: #43C2CD;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0.625rem;
    font-family: "Montserrat", "Open Sans Condensed", "Arial", sans-serif; }
    @media only screen and (min-width: 40.0625em) {
      .trust_section--title small {
        font-size: 16px; } }

.trust_section--list {
  position: relative;
  z-index: 10;
  margin-top: -3.75rem; }
  @media only screen and (min-width: 40.0625em) {
    .trust_section--list {
      margin-top: -6.25rem; } }

.trust_section--article {
  padding: 2.5rem 1.25rem 1.25rem;
  margin-bottom: 2.5rem;
  background-color: #FFFFFF;
  border: 2px solid #000000; }
  @media only screen and (min-width: 40.0625em) {
    .trust_section--article {
      padding: 2.5rem 2.5rem 1.25rem; } }
  .trust_section--article--title {
    position: relative;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 1.875rem;
    padding-bottom: 1.25rem;
    width: 100%; }
    @media only screen and (min-width: 40.0625em) {
      .trust_section--article--title {
        font-size: 18px; } }
    .trust_section--article--title:after {
      position: absolute;
      content: '';
      display: block;
      width: 4.375rem;
      height: 0.1875rem;
      left: calc(50% - 35px);
      bottom: 0;
      border: 0;
      background-color: #FFE600; }
  .trust_section--article--content {
    font-size: 14px;
    text-align: left; }
    @media only screen and (min-width: 40.0625em) {
      .trust_section--article--content {
        font-size: 16px; } }

/*
** trust_collector
*/
.trust_collector--article--holder li:not(:last-child) .trust_collector--article {
  margin-bottom: 3.75rem; }
  @media only screen and (min-width: 40.0625em) {
    .trust_collector--article--holder li:not(:last-child) .trust_collector--article {
      margin-bottom: 6.25rem; } }

.trust_collector--article--main {
  -ms-flex-order: 2;
      order: 2; }
  @media only screen and (min-width: 40.0625em) {
    .trust_collector--article--main {
      -ms-flex-order: 1;
          order: 1; }
      .odd .trust_collector--article--main {
        -ms-flex-order: 2;
            order: 2; } }

.trust_collector--article--title {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  padding-top: 1.4375rem;
  margin-bottom: 1.25rem; }
  @media only screen and (min-width: 40.0625em) {
    .trust_collector--article--title {
      font-size: 20px; } }
  .trust_collector--article--title:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #43C2CD;
    width: 7.5rem;
    height: 0.1875rem;
    top: 0;
    left: 0; }

.trust_collector--article--content {
  font-size: 14px; }
  @media only screen and (min-width: 40.0625em) {
    .trust_collector--article--content {
      font-size: 16px; } }

.trust_collector--article--logo {
  text-align: center;
  margin-bottom: 2.5rem;
  -ms-flex-order: 1;
      order: 1; }
  @media only screen and (min-width: 40.0625em) {
    .trust_collector--article--logo {
      margin-bottom: 0;
      -ms-flex-order: 2;
          order: 2; }
      .odd .trust_collector--article--logo {
        -ms-flex-order: 1;
            order: 1; } }
  .trust_collector--article--logo img {
    width: 10rem;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0px 0px 10px 2px rgba(100, 100, 100, 0.2); }

/*
** trust_footer
*/
.trust_footer {
  background-image: url("https://mg-img.s3.amazonaws.com/static/trust_upper_footer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 6.25rem 1.25rem 6.25rem; }
  .trust_footer--content {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    text-align: center; }

.flip-clock-wrapper * {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a {
  color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em; }

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.flip-clock-wrapper:after {
  clear: both; }

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000; }

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important; }

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@keyframes asd {
  0% {
    z-index: 2; }
  20% {
    z-index: 4; }
  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  animation: turn 0.5s 0.5s linear both; }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }
  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  animation: turn2 0.5s linear both; }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  animation: hide 0.5s 0.2s linear both; }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.countdown-wrapper {
  left: 50%;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.countdown.flip-clock-wrapper ul {
  height: 36px;
  margin: 0 2.5px;
  width: 24px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.countdown.flip-clock-wrapper ul li {
  line-height: 36px; }

.countdown.flip-clock-wrapper ul li a div div.inn {
  background-color: #FFE600;
  color: #18100e;
  font-size: 30px;
  text-shadow: 0 1px 2px #FFE600; }

.countdown.flip-clock-wrapper ul,
.countdown.flip-clock-wrapper ul li a div div.inn {
  border-radius: 4px; }

.countdown.flip-clock-wrapper ul li a div.down {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.countdown.flip-clock-wrapper ul li a div.up:after {
  top: 17px; }

.countdown .flip-clock-dot.top {
  top: 9.5px; }

.countdown .flip-clock-dot.bottom {
  top: 21.5px; }

.countdown .flip-clock-dot {
  height: 5px;
  left: 5px;
  width: 5px;
  background: #18100e; }

.countdown .flip-clock-divider {
  height: 36px;
  width: 15px; }
  .countdown .flip-clock-divider:first-child {
    width: 0; }

.countdown .flip-clock-divider.seconds .flip-clock-label,
.countdown .flip-clock-divider.minutes .flip-clock-label {
  right: -58px; }

.countdown .flip-clock-divider .flip-clock-label {
  color: #18100e;
  font-size: 7.5px;
  width: 58px; }

.flip-clock-label {
  top: -2em !important; }
  .days .flip-clock-label,
  .hours .flip-clock-label,
  .minutes .flip-clock-label,
  .seconds .flip-clock-label {
    font-weight: 700;
    font-family: 'Open Sans Condensed', sans-serif; }
  .days .flip-clock-label,
  .hours .flip-clock-label {
    right: -58px; }

.l-about .page-section {
  padding: 5em 0;
  position: relative;
  z-index: 1000;
  margin: 0; }
  .l-about .page-section .symbol {
    display: block;
    width: 60px;
    margin: 40px auto; }
  .l-about .page-section p {
    text-align: justify; }
    .l-about .page-section p.title {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 700;
      font-family: 'Open Sans Condensed', sans-serif;
      text-align: center !important; }
      .l-about .page-section p.title span {
        display: inline-block;
        border-bottom: 2px solid #3b2823; }
      .l-about .page-section p.title em {
        font-size: 200%;
        font-style: normal; }
    .l-about .page-section p.lead {
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      text-align: center;
      line-height: 2.0;
      margin: 2em 0 !important; }
  .l-about .page-section header {
    margin-bottom: 2.5em; }
    .l-about .page-section header h2 {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 28px;
      font-size: 1.75rem;
      text-align: center;
      color: #646464; }
    .l-about .page-section header p {
      font-size: 16px;
      font-size: 1rem;
      text-align: center; }
  .l-about .page-section .background {
    z-index: -1;
    position: absolute;
    top: 0;
    height: 400px;
    width: 100%;
    overflow: hidden; }
    .l-about .page-section .background .image {
      background-size: cover;
      background-position: center center; }
  .l-about .page-section.introduction {
    padding-top: 3.5em;
    background-size: cover !important; }
    .l-about .page-section.introduction .background {
      height: 700px;
      width: 100%; }
      .l-about .page-section.introduction .background div.image {
        display: block;
        width: 100%;
        height: 700px; }
    .l-about .page-section.introduction h2 {
      display: none; }
    .l-about .page-section.introduction h3,
    .l-about .page-section.introduction p {
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.75);
      color: #fff;
      text-align: center; }
    .l-about .page-section.introduction h3 {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 32px;
      font-size: 2rem;
      margin: 0 0 2em 0;
      padding: 0;
      line-height: 1.0; }
    .l-about .page-section.introduction p {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 2.4;
      text-align: center; }
    .l-about .page-section.introduction .video {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      margin-top: 3em; }
      .l-about .page-section.introduction .video iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
    .l-about .page-section.introduction ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .l-about .page-section.introduction ul:before, .l-about .page-section.introduction ul:after {
        content: " ";
        display: table; }
      .l-about .page-section.introduction ul:after {
        clear: both; }
      .l-about .page-section.introduction ul > li,
      .l-about .page-section.introduction ul > a,
      .l-about .page-section.introduction ul > span,
      .l-about .page-section.introduction ul > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      .l-about .page-section.introduction ul li {
        width: 50%; }
        .l-about .page-section.introduction ul li:nth-child(1) a {
          margin: 1em .5em 1em 0; }
        .l-about .page-section.introduction ul li:nth-child(2) a {
          margin: 1em 0 1em .5em; }
      .l-about .page-section.introduction ul a {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        background: #00C3FF;
        color: #fff;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
        transition: background-color 0.1s ease-in-out;
        border-radius: 4px;
        padding: 1.25em 1.5em;
        display: block;
        text-align: center;
        line-height: 1.8; }
        .l-about .page-section.introduction ul a:hover {
          background: #1ac9ff; }
        .l-about .page-section.introduction ul a small {
          font-size: 16px;
          font-size: 1rem; }
  .l-about .page-section.crowdfunding-system {
    padding: 5em 0; }
    .l-about .page-section.crowdfunding-system h3 {
      font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
      font-weight: 600;
      font-size: 16px;
      font-size: 1rem;
      margin: 1em 0 .5em 0; }
    .l-about .page-section.crowdfunding-system p {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.8; }
    .l-about .page-section.crowdfunding-system img {
      margin-top: 3em;
      width: 100% !important;
      min-width: 100% !important; }
    .l-about .page-section.crowdfunding-system h3 + p {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.7;
      margin-top: 0; }
  .l-about .page-section.mission {
    background-color: #18100e;
    position: relative; }
    .l-about .page-section.mission::after {
      content: "";
      background-image: url(https://mg-img.s3.amazonaws.com/about/mission.jpg);
      background-size: cover;
      opacity: 0.15;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: -1; }
    .l-about .page-section.mission p.title span {
      border-bottom: 2px solid #f9f9f8; }
    .l-about .page-section.mission * {
      color: #f9f9f8; }
    .l-about .page-section.mission ul.mission-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      padding-top: 4em; }
      .l-about .page-section.mission ul.mission-list:before, .l-about .page-section.mission ul.mission-list:after {
        content: " ";
        display: table; }
      .l-about .page-section.mission ul.mission-list:after {
        clear: both; }
      .l-about .page-section.mission ul.mission-list > li,
      .l-about .page-section.mission ul.mission-list > a,
      .l-about .page-section.mission ul.mission-list > span,
      .l-about .page-section.mission ul.mission-list > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      .l-about .page-section.mission ul.mission-list li {
        width: 240px;
        margin: 0 10px; }
        .l-about .page-section.mission ul.mission-list li h3 {
          font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
          font-weight: 600;
          font-size: 16px;
          font-size: 1rem;
          margin: 1em 0 .5em 0; }
        .l-about .page-section.mission ul.mission-list li img {
          width: 140px;
          height: 140px;
          border-radius: 400px;
          margin: 0 auto; }
        .l-about .page-section.mission ul.mission-list li span {
          font-size: 13px;
          font-size: 0.8125rem;
          width: 200px;
          margin: 0 auto;
          padding-top: 1em;
          line-height: 1.7;
          margin-top: 0;
          text-align: center;
          display: block; }
  .l-about .page-section.reason {
    background: url(https://mg-img.s3.amazonaws.com/about/reason-bg.png); }
    .l-about .page-section.reason * {
      color: #fff; }
    .l-about .page-section.reason .title span {
      border-color: #fff; }
    .l-about .page-section.reason .content-section {
      padding: 2em;
      border-radius: 4px; }
    .l-about .page-section.reason .list-reason {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .l-about .page-section.reason .list-reason:before, .l-about .page-section.reason .list-reason:after {
        content: " ";
        display: table; }
      .l-about .page-section.reason .list-reason:after {
        clear: both; }
      .l-about .page-section.reason .list-reason > li,
      .l-about .page-section.reason .list-reason > a,
      .l-about .page-section.reason .list-reason > span,
      .l-about .page-section.reason .list-reason > img {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        border: none;
        line-height: 1.0; }
      .l-about .page-section.reason .list-reason li {
        width: 50%;
        margin-bottom: 2em; }
        .l-about .page-section.reason .list-reason li:nth-child(even) {
          padding-left: 2.5%; }
        .l-about .page-section.reason .list-reason li:nth-child(odd) {
          clear: left;
          padding-right: 2.5%; }
      .l-about .page-section.reason .list-reason a {
        color: #8282FF;
        border: none; }
        .l-about .page-section.reason .list-reason a:hover {
          background: transparent; }
      .l-about .page-section.reason .list-reason h3 {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        margin: 0 0 .5em 0;
        padding: 0;
        line-height: 1.4; }
        .l-about .page-section.reason .list-reason h3 svg {
          width: 36px;
          height: 36px;
          margin-right: .75em;
          margin-bottom: 1em;
          fill: #fff;
          display: block; }
      .l-about .page-section.reason .list-reason p {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.7; }
        .l-about .page-section.reason .list-reason p a {
          border-bottom: 1px solid #fff;
          color: #fff; }
  .l-about .page-section.history {
    background-color: #FFE600;
    position: relative; }
    .l-about .page-section.history .owl-nav .owl-next,
    .l-about .page-section.history .owl-nav .owl-prev {
      background: none !important;
      border: none !important; }
    .l-about .page-section.history .row * {
      color: #fff; }
      .l-about .page-section.history .row * span {
        border-color: #fff !important; }
    .l-about .page-section.history::after {
      content: "";
      background-image: url(https://mg-img.s3.amazonaws.com/about/history.jpg);
      background-size: cover;
      opacity: 0.45;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: -1; }
    .l-about .page-section.history p.cta {
      margin-top: 1em;
      text-align: center; }
      .l-about .page-section.history p.cta a {
        font-size: 18px;
        font-size: 1.125rem;
        padding: 1.25em 1.5em;
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        background: #00C3FF;
        color: #fff;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
        transition: background-color 0.1s ease-in-out;
        border-radius: 4px;
        display: block;
        text-align: center; }
        .l-about .page-section.history p.cta a:hover {
          background: #1ac9ff; }
    .l-about .page-section.history .year {
      width: 1210px;
      margin: 2em auto 0 auto;
      background: #FFE600;
      padding: 20px;
      border-radius: 4px; }
      .l-about .page-section.history .year:before, .l-about .page-section.history .year:after {
        content: " ";
        display: table; }
      .l-about .page-section.history .year:after {
        clear: both; }
      .l-about .page-section.history .year .text {
        width: 80%;
        margin: 0 auto; }
        .l-about .page-section.history .year .text h3 {
          margin-top: .5em;
          text-align: center; }
          .l-about .page-section.history .year .text h3 span {
            font-size: 32px;
            font-size: 2rem;
            font-weight: 700;
            font-family: 'Open Sans Condensed', sans-serif;
            display: inline-block;
            border-bottom: 2px solid #3b2823; }
        .l-about .page-section.history .year .text p {
          font-size: 16px;
          font-size: 1rem;
          margin-bottom: 1em;
          color: #18100e;
          text-align: center; }
      .l-about .page-section.history .year .list-project-wall {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .l-about .page-section.history .year .list-project-wall:before, .l-about .page-section.history .year .list-project-wall:after {
          content: " ";
          display: table; }
        .l-about .page-section.history .year .list-project-wall:after {
          clear: both; }
        .l-about .page-section.history .year .list-project-wall > li,
        .l-about .page-section.history .year .list-project-wall > a,
        .l-about .page-section.history .year .list-project-wall > span,
        .l-about .page-section.history .year .list-project-wall > img {
          margin: 0;
          padding: 0;
          display: block;
          float: left;
          border: none;
          line-height: 1.0; }
        .l-about .page-section.history .year .list-project-wall li {
          width: 33.3%; }
          .l-about .page-section.history .year .list-project-wall li a {
            background-size: cover;
            width: 100%;
            padding-top: 71%;
            display: block; }
  .l-about .page-section.support ul.support-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 2em; }
    .l-about .page-section.support ul.support-list:before, .l-about .page-section.support ul.support-list:after {
      content: " ";
      display: table; }
    .l-about .page-section.support ul.support-list:after {
      clear: both; }
    .l-about .page-section.support ul.support-list > li,
    .l-about .page-section.support ul.support-list > a,
    .l-about .page-section.support ul.support-list > span,
    .l-about .page-section.support ul.support-list > img {
      margin: 0;
      padding: 0;
      display: block;
      float: left;
      border: none;
      line-height: 1.0; }
    .l-about .page-section.support ul.support-list li {
      width: 300px;
      margin: 0 10px; }
      .l-about .page-section.support ul.support-list li h3 {
        font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        margin: 1em 0 .5em 0; }
      .l-about .page-section.support ul.support-list li img {
        height: 200px; }
      .l-about .page-section.support ul.support-list li p {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.7;
        margin-top: 0; }
  .l-about .page-section.funded-projects {
    background: #FFE600; }
    .l-about .page-section.funded-projects .owl-dots .owl-dot:not(.active) span {
      background: #fff !important; }
    .l-about .page-section.funded-projects .list-project {
      margin-bottom: 0 !important; }
    .l-about .page-section.funded-projects .year {
      margin: 0 auto;
      padding-bottom: 4em; }
      .l-about .page-section.funded-projects .year:before, .l-about .page-section.funded-projects .year:after {
        content: " ";
        display: table; }
      .l-about .page-section.funded-projects .year:after {
        clear: both; }
      @media only screen and (min-width: 40.0625em) {
        .l-about .page-section.funded-projects .year {
          width: 620px; } }
      @media only screen and (max-width: 40em) {
        .l-about .page-section.funded-projects .year {
          width: 100%; } }
      @media only screen and (min-width: 40.0625em) {
        .l-about .page-section.funded-projects .year .text {
          width: 240px;
          padding-top: 4em; } }
      .l-about .page-section.funded-projects .year .text h3 {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        font-family: 'Open Sans Condensed', sans-serif; }
        .l-about .page-section.funded-projects .year .text h3 span {
          display: inline-block;
          border-bottom: 2px solid #3b2823; }
        @media only screen and (max-width: 40em) {
          .l-about .page-section.funded-projects .year .text h3 {
            text-align: center !important; } }
      .l-about .page-section.funded-projects .year .text p {
        font-size: 13px;
        font-size: 0.8125rem; }
        .l-about .page-section.funded-projects .year .text p em {
          font-weight: 700;
          font-family: 'Open Sans Condensed', sans-serif;
          font-size: 32px;
          font-size: 2rem;
          font-style: normal; }
        @media only screen and (max-width: 40em) {
          .l-about .page-section.funded-projects .year .text p {
            text-align: center !important; } }
      @media only screen and (min-width: 40.0625em) {
        .l-about .page-section.funded-projects .year .project {
          width: 360px; } }
      @media only screen and (min-width: 40.0625em) {
        .l-about .page-section.funded-projects .year:nth-child(odd) .text {
          float: left; }
        .l-about .page-section.funded-projects .year:nth-child(odd) .project {
          float: right; }
        .l-about .page-section.funded-projects .year:nth-child(even) .text {
          float: right; }
        .l-about .page-section.funded-projects .year:nth-child(even) .project {
          float: left; } }
      @media only screen and (max-width: 40em) {
        .l-about .page-section.funded-projects .year .text {
          margin-bottom: 1em; } }
  .l-about .page-section.vision {
    background-color: #fff;
    position: relative; }
    .l-about .page-section.vision::after {
      content: "";
      background-image: url(https://mg-img.s3.amazonaws.com/about/vision.jpg);
      background-size: cover;
      opacity: 0.2;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      position: absolute;
      z-index: -1; }
    .l-about .page-section.vision .simply-scroll {
      width: 100%;
      margin-bottom: 2.5em;
      height: 300px; }
      .l-about .page-section.vision .simply-scroll .simply-scroll-clip {
        width: 100%;
        height: 300px; }
        .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos {
          width: 100%;
          list-style-type: none;
          margin: 0;
          padding: 0; }
          .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos:before, .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos:after {
            content: " ";
            display: table; }
          .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos:after {
            clear: both; }
          .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos > li,
          .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos > a,
          .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos > span,
          .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos > img {
            margin: 0;
            padding: 0;
            display: block;
            float: left;
            border: none;
            line-height: 1.0; }
          .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos li {
            display: block;
            width: 400px;
            height: 300px; }
            .l-about .page-section.vision .simply-scroll .simply-scroll-clip #vision-photos li div {
              background: #4cc;
              width: 600px;
              height: 300px;
              background-size: cover;
              background-position: center center; }

.oauth {
  background-color: #000000;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .oauth--container {
    background-color: #ffffff;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 2rem;
    text-align: center;
    width: 38rem; }
  .oauth--title {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    margin: 1.2rem auto;
    width: 90%; }
    .oauth--title h1 {
      font-size: 2rem;
      font-weight: 700;
      margin: 1.3rem 0; }
  .oauth p {
    font-size: larger;
    margin-bottom: 4rem; }
  .oauth--actions {
    margin: auto;
    width: 90%; }
    .oauth--actions input[type="submit"] {
      border-radius: 6px;
      box-sizing: border-box;
      color: #FFFFFF;
      cursor: pointer;
      display: block;
      font-family: inherit;
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 2;
      margin: 2rem 0;
      padding: .85em 1.5em;
      position: relative;
      text-align: center;
      width: 100%; }
      .oauth--actions input[type="submit"]:active, .oauth--actions input[type="submit"]:hover, .oauth--actions input[type="submit"]:focus {
        color: #FFFFFF;
        transition: all 0.2s ease-in-out; }
    .oauth--actions--affirmative {
      border: 1px solid #00C3FF;
      background-color: #00C3FF; }
      .oauth--actions--affirmative:active, .oauth--actions--affirmative:hover, .oauth--actions--affirmative:focus {
        background-color: #009CCC;
        border-color: #009CCC; }
    .oauth--actions--negative {
      border: 1px solid #B9B9B9;
      background-color: #B9B9B9; }
      .oauth--actions--negative:active, .oauth--actions--negative:hover, .oauth--actions--negative:focus {
        background-color: #949494;
        border-color: #949494; }

#lightcase-overlay {
  background: #ebeae9;
  opacity: 1.0 !important; }

a[class*='lightcase-icon-'],
a[class*='lightcase-icon-']:focus {
  color: #897e7b !important; }

/*# sourceMappingURL=app.css.map */