@charset "UTF-8";
html {
  font-size: 1em;
  line-height: 1.4; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, p {
  margin-top: 0; }

ul, ol {
  list-style: none;
  padding: 0; }

dt, dd {
  margin: 0;
  padding: 0; }

.inline-block, .or-border span, .breadcrumb li, #top-eyecatch ul.count li, .share-btns li, .nav-sort ul a, .nav-sort ul span, .nav-sort ul li, #pj-single #page-header .pj-single-meta li, #area-eyecatch .label, #area-top .area-owner-links li, #area-top #area-owner #area-owner-img .area-owner-nav li, #user ul.account-nav li, #ProfileIcn li, #entry-top #entry-flow .entry-timeline .timeline-text, #entry-top #entry-flow .entry-timeline .timeline-icon, #entry .entry-nav li, #about-btns .about-btns-discover, #about-btns .about-btns-start, #faq-nav a, .btn, .area-list dl dt, .area-list dl dd a {
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.hidden {
  display: none; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .gnav .gnav-block ul:before, #site-footer .footer-gnav:before, #message .message-block:before, #message .message-single:before, .form-list:before,
.clearfix:after,
.gnav .gnav-block ul:after,
#site-footer .footer-gnav:after,
#message .message-block:after,
#message .message-single:after,
.form-list:after {
  content: " ";
  display: table; }

.clearfix:after, .gnav .gnav-block ul:after, #site-footer .footer-gnav:after, #message .message-block:after, #message .message-single:after, .form-list:after {
  clear: both; }

.clearfix, .gnav .gnav-block ul, #site-footer .footer-gnav, #message .message-block, #message .message-single, .form-list {
  *zoom: 1; }

.clear {
  clear: both; }

.nomargin {
  margin: 0; }

.mobile {
  display: none; }
  @media screen and (max-width: 767px) {
    .mobile {
      display: block; } }

@media screen and (max-width: 767px) {
  .desktop {
    display: none; } }

.fleft {
  float: left; }

/*gray scale*/
/*汎用色*/
.c_facebook {
  color: #305097; }

.c_twitter {
  color: #00aced; }

.bg_facebook {
  background-color: #305097; }

.bg_twitter {
  background-color: #00aced; }

/*テキスト色*/
.c_text {
  color: #262626; }

.c_text_light {
  color: #666; }

.c_text_lighter, .report-list .report-excerpt .subcopy, .report-list .report-excerpt .footnote, .report-list .report-excerpt .gnav .gnav-block.loggedin #user-menu a, .gnav .gnav-block.loggedin #user-menu .report-list .report-excerpt a, .report-list .report-excerpt #message-list li, #message-list .report-list .report-excerpt li, .report-list .report-excerpt #checkout .checkout-next .back, #checkout .checkout-next .report-list .report-excerpt .back, .report-list .report-excerpt #user .pj-status, #user .report-list .report-excerpt .pj-status, .report-list .report-excerpt #message .message-single .message-content .message-content-inner p, #message .message-single .message-content .message-content-inner .report-list .report-excerpt p, .report-list .report-excerpt .form-input.count .count-num, .form-input.count .report-list .report-excerpt .count-num {
  color: #999; }

.c_text_disabled {
  color: #ccc; }

.c_text_white {
  color: #fff; }

/*エリア色*/
.c_faavo {
  color: #84bc25; }

.c_red {
  color: #E41C00; }

.c_tokyo23 {
  color: #c80b19; }

.c_miyazaki {
  color: #8bc41f; }

.c_niigata {
  color: #f76618; }

.c_saitama {
  color: #3590f6; }

.c_kumamoto {
  color: #e10018; }

.c_ishikawa {
  color: #1f810f; }

.c_kagoshima {
  color: #a8009d; }

.c_nagano {
  color: #2cab33; }

.c_yamaguchi {
  color: #ef9669; }

.c_kyoto {
  color: #721f9b; }

.c_okayama {
  color: #ed90ae; }

.c_shimane {
  color: #8bbabd; }

.c_okinawa {
  color: #22aebb; }

.c_fukuoka {
  color: #fcda28; }

.c_osaka {
  color: #f70011; }

.c_yokohama {
  color: #f8ed68; }

.c_yamagata {
  color: #12006a; }

.c_shizuoka {
  color: #1c208d; }

.c_tsukuba {
  color: #3f2ec7; }

.c_chiba {
  color: #e86537; }

.c_hokkaido {
  color: #1b00a8; }

.c_yokote {
  color: #d3006d; }

.c_mie {
  color: #fcda28; }

.c_hiroshima {
  color: #fb0011; }

.c_hidatakayama {
  color: #e3001b; }

.c_fukushima {
  color: #90f193; }

.c_gunma {
  color: #66b131; }

.c_takasaki {
  color: #D71418; }

.c_hyogo {
  color: #7cff29; }

.c_kobe {
  color: #3B6B41; }

.c_shiga {
  color: #31bdfd; }

.c_ehime {
  color: #f9952c; }

.c_tokushima {
  color: #1a5577; }

.c_sabae {
  color: #11007e; }

.c_aichi {
  color: #fb0036; }

.c_nagoya {
  color: #fee254; }

.c_odawarahakone {
  color: #2f94fd; }

.c_shonan {
  color: #26277c; }

.c_tokyonishitama {
  color: #f90080; }

.c_sendai {
  color: #23fe38; }

.c_naha {
  color: #fec0cb; }

.c_nara {
  color: #9ACD32; }

.c_tokyotamachuo {
  color: #ffb400; }

.c_toyamagosei {
  color: #006835; }

.c_tottori {
  color: #daa520; }

.c_nasunikko {
  color: #8d9c0c; }

.c_utsunomiya {
  color: #f39800; }

.c_minonokuni {
  color: #bf250a; }

.c_kagawa {
  color: #006633; }

.c_karatsu {
  color: #603b1b; }

.c_nagasaki {
  color: #0094d0; }

.c_shimonoseki {
  color: #00bfff; }

.c_yamanashi {
  color: #64208d; }

.c_tokyomusashino {
  color: #FF8C00; }

.c_akita {
  color: #00ff00; }

.c_iwakinokuni {
  color: #87b829; }

.c_oita {
  color: #b5de10; }

.c_kochi {
  color: #3367a2; }

.c_shimokita {
  color: #00a6d0; }

.c_tokyohachioji {
  color: #a8da1c; }

.c_tokyomachida {
  color: #3b6da3; }

.c_tokyosumida {
  color: #182350; }

.c_tokyoasakusaueno {
  color: #c568d8; }

.c_tsugarushirakami {
  color: #ff0040; }

.c_saga {
  color: #0c58dd; }

.c_wakayama {
  color: #ee7800; }

.c_aomori {
  color: #d23637; }

.c_kanagawa {
  color: #0000FF; }

.c_kawasaki {
  color: #27BFE5; }

.c_fukui {
  color: #0333de; }

.c_ibaraki {
  color: #e9546b; }

.c_iwate {
  color: #008899; }

.c_toyama {
  color: #28a371; }

.c_tochigi {
  color: #1e50a2; }

.c_miyagi {
  color: #106724; }

.bg_faavo {
  background-color: #84bc25; }

.bg_tokyo23 {
  background-color: #c80b19; }

.bg_miyazaki {
  background-color: #8bc41f; }

.bg_niigata {
  background-color: #f76618; }

.bg_saitama {
  background-color: #3590f6; }

.bg_kumamoto {
  background-color: #e10018; }

.bg_ishikawa {
  background-color: #1f810f; }

.bg_kagoshima {
  background-color: #a8009d; }

.bg_nagano {
  background-color: #2cab33; }

.bg_yamaguchi {
  background-color: #ef9669; }

.bg_kyoto {
  background-color: #721f9b; }

.bg_okayama {
  background-color: #ed90ae; }

.bg_shimane {
  background-color: #8bbabd; }

.bg_okinawa {
  background-color: #22aebb; }

.bg_fukuoka {
  background-color: #fcda28; }

.bg_osaka {
  background-color: #f70011; }

.bg_yokohama {
  background-color: #f8ed68; }

.bg_yamagata {
  background-color: #12006a; }

.bg_shizuoka {
  background-color: #1c208d; }

.bg_tsukuba {
  background-color: #3f2ec7; }

.bg_chiba {
  background-color: #e86537; }

.bg_hokkaido {
  background-color: #1b00a8; }

.bg_yokote {
  background-color: #d3006d; }

.bg_mie {
  background-color: #fcda28; }

.bg_hiroshima {
  background-color: #fb0011; }

.bg_hidatakayama {
  background-color: #e3001b; }

.bg_fukushima {
  background-color: #90f193; }

.bg_gunma {
  background-color: #66b131; }

.bg_takasaki {
  background-color: #D71418; }

.bg_hyogo {
  background-color: #7cff29; }

.bg_kobe {
  background-color: #3B6B41; }

.bg_shiga {
  background-color: #31bdfd; }

.bg_ehime {
  background-color: #f9952c; }

.bg_tokushima {
  background-color: #1a5577; }

.bg_sabae {
  background-color: #11007e; }

.bg_aichi {
  background-color: #fb0036; }

.bg_nagoya {
  background-color: #fee254; }

.bg_odawarahakone {
  background-color: #2f94fd; }

.bg_shonan {
  background-color: #26277c; }

.bg_tokyonishitama {
  background-color: #f90080; }

.bg_sendai {
  background-color: #23fe38; }

.bg_naha {
  background-color: #fec0cb; }

.bg_nara {
  background-color: #9ACD32; }

.bg_tokyotamachuo {
  background-color: #ffb400; }

.bg_toyamagosei {
  background-color: #006835; }

.bg_tottori {
  background-color: #daa520; }

.bg_nasunikko {
  background-color: #8d9c0c; }

.bg_utsunomiya {
  background-color: #f39800; }

.bg_minonokuni {
  background-color: #bf250a; }

.bg_kagawa {
  background-color: #006633; }

.bg_karatsu {
  background-color: #603b1b; }

.bg_nagasaki {
  background-color: #0094d0; }

.bg_shimonoseki {
  background-color: #00bfff; }

.bg_yamanashi {
  background-color: #64208d; }

.bg_tokyomusashino {
  background-color: #FF8C00; }

.bg_akita {
  background-color: #00ff00; }

.bg_iwakinokuni {
  background-color: #87b829; }

.bg_oita {
  background-color: #b5de10; }

.bg_kochi {
  background-color: #3367a2; }

.bg_shimokita {
  background-color: #00a6d0; }

.bg_tokyohachioji {
  background-color: #a8da1c; }

.bg_tokyomachida {
  background-color: #3b6da3; }

.bg_tokyosumida {
  background-color: #182350; }

.bg_tokyoasakusaueno {
  background-color: #c568d8; }

.bg_tugarushirakami {
  background-color: #ff0040; }

.bg_saga {
  background-color: #0c58dd; }

.bg_wakayama {
  background-color: #ee7800; }

.bg_aomori {
  background-color: #d23637; }

.bg_kanagawa {
  background-color: #0000FF; }

.bg_kawasaki {
  background-color: #27BFE5; }

.bg_fukui {
  background-color: #0333de; }

.bg_ibaraki {
  background-color: #e9546b; }

.bg_iwate {
  background-color: #008899; }

.bg_toyama {
  background-color: #28a371; }

.bg_tochigi {
  background-color: #1e50a2; }

.bg_miyagi {
  background-color: #106724; }

/*JC用*/
.c_jc {
  color: #e75437; }

body {
  font-family: "HelveticaNeue-Light" ,"Helvetica-Light", YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
  margin: 0 auto;
  color: #262626; }
  @media screen and (max-width: 768px) {
    body {
      font-size: 13px; } }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
  line-height: 28px;
  margin: 0; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, #site-footer .start-project p, .h5, .h6 {
  /*font-family:"source-han-sans-japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family: "HelveticaNeue-Medium", "YuGo-Bold", "Meiryo-Bold", sans-serif;
  letter-spacing: 0.03em; }

.h1, .pj-article h1 {
  font-size: 32px;
  letter-spacing: -0.03em;
  line-height: 1.53125;
  margin-top: 0;
  margin-bottom: 56px; }
  @media screen and (max-width: 768px) {
    .h1, .pj-article h1 {
      font-size: 25px;
      line-height: 1.4; } }

.h2, .pj-article h2 {
  font-size: 24px;
  line-height: 1.4583333333;
  margin-top: 56px;
  margin-bottom: 28px; }
  @media screen and (max-width: 768px) {
    .h2, .pj-article h2 {
      font-size: 19px;
      line-height: 1.4; } }

.h3, .pj-article h3 {
  font-size: 19px;
  line-height: 1.4736842105;
  margin-top: 28px;
  margin-bottom: 28px; }
  @media screen and (max-width: 768px) {
    .h3, .pj-article h3 {
      font-size: 16px;
      font-weight: bold; } }

.h4, #site-footer .start-project p, .pj-article h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  margin-top: 28px;
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .h4, #site-footer .start-project p, .pj-article h4 {
      font-size: 14px;
      line-height: 1.5; } }

.bodycopy, #pj-single #pj-single-content .pj-article, p {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.8666; }
  @media screen and (max-width: 768px) {
    .bodycopy, #pj-single #pj-single-content .pj-article, p {
      font-size: 14px;
      line-height: 1.5; } }

.subcopy, .footnote, .gnav .gnav-block.loggedin #user-menu a, #message-list li, #checkout .checkout-next .back, #user .pj-status, #message .message-single .message-content .message-content-inner p, .form-input.count .count-num {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.6153846154; }
  @media screen and (max-width: 768px) {
    .subcopy, .footnote, .gnav .gnav-block.loggedin #user-menu a, #message-list li, #checkout .checkout-next .back, #user .pj-status, #message .message-single .message-content .message-content-inner p, .form-input.count .count-num {
      font-size: 12px;
      line-height: 1.75; } }

.caption, #checkout #checkout-comment .player-pic, #message .message-single .read-label {
  font-size: 11px;
  line-height: 1.9090909091; }
  @media screen and (max-width: 768px) {
    .caption, #checkout #checkout-comment .player-pic, #message .message-single .read-label {
      font-size: 10px;
      line-height: 1.4; } }

.ls100 {
  letter-spacing: 0.1em; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.bg-shade, .footnote {
  background: #f7f8f7;
  padding: 14px 42px; }
  @media screen and (max-width: 768px) {
    .bg-shade, .footnote {
      padding: 14px; } }

.footnote {
  color: #666;
  padding: 18.6666666667px; }

.or-border {
  color: #999;
  text-align: center;
  position: relative; }
  .or-border:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    height: 1px;
    background: #dddddd;
    z-index: -1; }
  .or-border span {
    background: #fff;
    padding: 7px 14px; }

p, ul, ol, pre, table, blockquote {
  margin-top: 0px;
  margin-bottom: 28px; }

.pj-article p {
  word-wrap: break-word;
  margin-bottom: 0px; }

ul {
  list-style: circle inside; }

ol {
  list-style: decimal inside; }
  ol ol {
    list-style: lower-alpha inside;
    padding: 14px 0 14px 28px; }

ol.no-list-style, ul.no-list-style {
  list-style: none; }

em {
  font-style: normal;
  border-bottom: 1px solid #262626; }

/* Sanitation */
hr {
  background: #262626;
  border: none;
  display: block;
  height: 1px;
  margin-top: 27px;
  margin-bottom: 28px; }

ul ul, ol ol, ul ol, ol ul {
  margin-top: 0;
  margin-bottom: 0; }

b, strong, em, small, code {
  line-height: 1; }

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

sub {
  top: 0.4em; }

a {
  color: #262626; }
  a:hover {
    color: #84bc25; }

/*-------------------------------------
		margin, border
-------------------------------------*/
.mt-0 {
  margin-top: 0 !important; }

.mt-half {
  margin-top: 14px !important; }

.mt-1 {
  margin-top: 28px !important; }

.mt-2 {
  margin-top: 56px !important; }

.mt-3 {
  margin-top: 84px !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-half {
  margin-bottom: 14px !important; }

.mb-1 {
  margin-bottom: 28px !important; }

.mb-1half {
  margin-bottom: 42px !important; }

.mb-2 {
  margin-bottom: 56px !important; }

.mb-3 {
  margin-bottom: 84px !important; }

.mb-4 {
  margin-bottom: 112px !important; }

.nomargin {
  margin: 0 !important; }

.pt-0 {
  padding-top: 0 !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-half {
  padding-bottom: 14px !important; }

.pt-half {
  padding-top: 14px !important; }

.pt-1 {
  padding-top: 28px !important; }

.pt-1half {
  padding-top: 42px !important; }

.pt-2 {
  padding-top: 56px !important; }

.pb-1 {
  padding-bottom: 28px !important; }

.pb-1half {
  padding-bottom: 42px !important; }

.pb-2 {
  padding-bottom: 56px !important; }

.section-block {
  padding: 84px 0 84px; }
  @media screen and (max-width: 767px) {
    .section-block {
      padding: 56px 0; } }

.bt {
  border-top: 1px solid #dddddd; }

.bb {
  border-bottom: 1px solid #dddddd; }

/*----------------------------
		utility class
----------------------------*/
.content-inner {
  padding-left: 42px;
  padding-right: 42px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1366px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .content-inner {
      padding-left: 0;
      padding-right: 0; } }

/*----------------------------
		grid
----------------------------*/
.row {
  *zoom: 1; }
  .row .col img {
    max-width: 100%;
    height: auto; }
  .row .col.grid1of2 {
    width: 50%;
    float: left; }
    @media screen and (max-width: 767px) {
      .row .col.grid1of2 {
        width: 100%;
        float: none; } }
  .row .col.grid1of4 {
    width: 25%;
    float: left; }
    @media screen and (max-width: 1023px) {
      .row .col.grid1of4 {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      .row .col.grid1of4 {
        width: 100%;
        float: none; } }
  .row .col.grid3of4 {
    width: 75%;
    float: left; }
    @media screen and (max-width: 959px) {
      .row .col.grid3of4 {
        width: 100%;
        float: none; } }
  .row .col.grid1of6 {
    width: 16.66%;
    float: left; }
    @media screen and (max-width: 1279px) {
      .row .col.grid1of6 {
        width: 25%; } }
    @media screen and (max-width: 1023px) {
      .row .col.grid1of6 {
        width: 50%; } }
    @media screen and (max-width: 767px) {
      .row .col.grid1of6 {
        width: 100%;
        float: none; } }
  .row .col.grid1of3 {
    width: 33.33%;
    float: left; }
    @media screen and (max-width: 959px) {
      .row .col.grid1of3 {
        width: 100%;
        float: none; } }
  .row .col.grid2of3 {
    width: 66.66%;
    float: left; }
    @media screen and (max-width: 959px) {
      .row .col.grid2of3 {
        width: 100%;
        float: none; } }
  .row .col.grid7of12 {
    width: 58.33%;
    float: left; }
    @media screen and (max-width: 767px) {
      .row .col.grid7of12 {
        width: 100%;
        float: none; } }
  .row .col.grid5of12 {
    width: 41.66%;
    float: left; }
    @media screen and (max-width: 767px) {
      .row .col.grid5of12 {
        width: 100%;
        float: none; } }
  .row .col.grid1of1 {
    width: 100%; }
  .row .col.grid-max2of3 {
    width: 66.66%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .row .col.grid-max2of3 {
        width: 100%; } }
    .row .col.grid-max2of3 .grid1of3 {
      width: 37.5%;
      float: left; }
      @media screen and (max-width: 959px) {
        .row .col.grid-max2of3 .grid1of3 {
          width: 100%;
          float: none; } }
    .row .col.grid-max2of3 .grid2of3 {
      width: 62.5%;
      float: left; }
      @media screen and (max-width: 959px) {
        .row .col.grid-max2of3 .grid2of3 {
          width: 100%;
          float: none; } }
  .row .col.grid-max5of6 {
    width: 83.33%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .row .col.grid-max5of6 {
        width: 100%; } }
  .row .col.grid-max1of2 {
    width: 50%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .row .col.grid-max1of2 {
        width: 100%; } }
  .row .col .col-inner {
    padding: 14px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.nocol {
  padding: 0 14px; }

.content-wrapper {
  padding: 0 42px; }

#pj-incremental
.col.grid1of4 {
  width: 25%;
  float: left; }
  #pj-incremental
  .col.grid1of4:nth-child(4n-3) {
    clear: left; }
  @media screen and (max-width: 1023px) {
    #pj-incremental
    .col.grid1of4 {
      width: 50%; }
      #pj-incremental
      .col.grid1of4:nth-child(2n-1) {
        clear: left; } }
  @media screen and (max-width: 767px) {
    #pj-incremental
    .col.grid1of4 {
      width: 100%;
      float: none; } }

/*共通*/
@media screen and (max-width: 768px) {
  h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
    display: none; } }
/*-------------------------------------
		header
-------------------------------------*/
#site-header {
  /*font-weight:500;*/
  line-height: 28px;
  border-bottom: #dddddd 1px solid;
  position: relative;
  z-index: 999; }
  #site-header h1 {
    padding: 18.6666666667px 0 18.6666666667px 56px;
    margin: 0 0 0 0;
    float: left; }
    #site-header h1 img {
      width: auto;
      height: 28px;
      display: block; }
    @media screen and (max-width: 768px) {
      #site-header h1 {
        text-align: center;
        padding: 14px 0;
        float: none; }
        #site-header h1 img {
          height: 21px;
          display: inline; } }

#return_notification a {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #dafbc9;
  padding: 8px;
  text-align: center;
  line-height: 124%;
  color: #555;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  text-decoration: none; }
  #return_notification a:hover {
    opacity: 0.7;
    text-decoration: underline; }

.gnav {
  float: right; }
  .gnav a {
    text-decoration: none;
    color: #262626;
    font-weight: bold; }
  .gnav .gnav-block {
    border-left: 1px solid #dddddd;
    float: left;
    vertical-align: middle; }
    .gnav .gnav-block a {
      display: block; }
    .gnav .gnav-block form {
      padding: 0 14px;
      height: 65px;
      line-height: 65px; }
      .gnav .gnav-block form span {
        color: #ccc;
        padding-right: 7px; }
      .gnav .gnav-block form input[type=text] {
        border: 0;
        width: 10em; }
        .gnav .gnav-block form input[type=text]:focus {
          outline: 0; }
    .gnav .gnav-block ul {
      list-style: none;
      margin: 0; }
      .gnav .gnav-block ul li {
        float: left; }
        .gnav .gnav-block ul li a {
          padding-left: 28px;
          padding: 18.6666666667px 14px;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .gnav .gnav-block ul li a:hover {
            background: #84bc25;
            color: #fff; }
    .gnav .gnav-block.discover a {
      background: #84bc25;
      color: #fff;
      padding: 0 28px;
      line-height: 66px;
      -webkit-transition: background 0.2s ease-in-out;
      -o-transition: background 0.2s ease-in-out;
      transition: background 0.2s ease-in-out; }
      .gnav .gnav-block.discover a:hover {
        background: #b3e166; }
    .gnav .gnav-block.loggedin {
      font-size: 22px;
      padding: 0 14px; }
      .gnav .gnav-block.loggedin ul li a:hover {
        background: none; }
      .gnav .gnav-block.loggedin .icon-message {
        color: #262626; }
      .gnav .gnav-block.loggedin a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)"; }
      .gnav .gnav-block.loggedin .message {
        position: relative; }
        .gnav .gnav-block.loggedin .message a {
          padding: 21px 14px 16px;
          vertical-align: bottom; }
        .gnav .gnav-block.loggedin .message .num {
          position: absolute;
          top: 14px;
          right: 7px;
          color: #fff;
          font-size: 10px;
          line-height: 14px;
          min-width: 8px;
          padding: 0 3px;
          border-radius: 7px;
          text-align: center;
          background: #e60012;
          font-family: Verdana, Helvetica, Geneva, sans-serif; }
        .gnav .gnav-block.loggedin .message .icon-message.on {
          color: #84bc25; }
      .gnav .gnav-block.loggedin .user a {
        padding: 17px 14px; }
      .gnav .gnav-block.loggedin .user img {
        width: 30px;
        height: auto;
        border-radius: 50%; }
      .gnav .gnav-block.loggedin #user-menu {
        position: absolute;
        top: 100%;
        margin-top: 1px;
        right: 0;
        background: #fff;
        padding: 28px;
        border-left: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
        display: none; }
        .gnav .gnav-block.loggedin #user-menu ul {
          padding-top: 14px;
          background: #f7f8f7;
          padding: 14px;
          position: relative; }
          .gnav .gnav-block.loggedin #user-menu ul:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 14px 8px;
            border-color: transparent transparent #f7f8f7 transparent;
            position: absolute;
            top: -13px;
            left: 28px; }
        .gnav .gnav-block.loggedin #user-menu li {
          display: block;
          float: none;
          text-align: left; }
        .gnav .gnav-block.loggedin #user-menu a {
          -webkit-transition: none;
          -o-transition: none;
          transition: none;
          font-weight: bold;
          line-height: 28px;
          padding: 0; }
          .gnav .gnav-block.loggedin #user-menu a:hover {
            color: #84bc25; }
        .gnav .gnav-block.loggedin #user-menu .user-info {
          margin-bottom: 21px;
          text-align: left; }
          .gnav .gnav-block.loggedin #user-menu .user-info .user-pic {
            width: 70px;
            float: left;
            margin-right: 14px; }
            .gnav .gnav-block.loggedin #user-menu .user-info .user-pic img {
              width: 100%;
              height: auto;
              border-radius: 50%; }
          .gnav .gnav-block.loggedin #user-menu .user-info .user-name {
            overflow: hidden; }
            .gnav .gnav-block.loggedin #user-menu .user-info .user-name .h4, .gnav .gnav-block.loggedin #user-menu .user-info .user-name #site-footer .start-project p, #site-footer .start-project .gnav .gnav-block.loggedin #user-menu .user-info .user-name p {
              line-height: 21px; }
            .gnav .gnav-block.loggedin #user-menu .user-info .user-name .subcopy, .gnav .gnav-block.loggedin #user-menu .user-info .user-name .footnote, .gnav .gnav-block.loggedin #user-menu .user-info .user-name a, .gnav .gnav-block.loggedin #user-menu .user-info .user-name #message-list li, #message-list .gnav .gnav-block.loggedin #user-menu .user-info .user-name li, .gnav .gnav-block.loggedin #user-menu .user-info .user-name #checkout .checkout-next .back, #checkout .checkout-next .gnav .gnav-block.loggedin #user-menu .user-info .user-name .back, .gnav .gnav-block.loggedin #user-menu .user-info .user-name #user .pj-status, #user .gnav .gnav-block.loggedin #user-menu .user-info .user-name .pj-status, .gnav .gnav-block.loggedin #user-menu .user-info .user-name #message .message-single .message-content .message-content-inner p, #message .message-single .message-content .message-content-inner .gnav .gnav-block.loggedin #user-menu .user-info .user-name p, .gnav .gnav-block.loggedin #user-menu .user-info .user-name .form-input.count .count-num, .form-input.count .gnav .gnav-block.loggedin #user-menu .user-info .user-name .count-num {
              line-height: 28px; }
            .gnav .gnav-block.loggedin #user-menu .user-info .user-name a {
              line-height: 14px;
              font-weight: normal;
              text-decoration: underline; }
  .gnav .gnav-block li.sp_view {
    display: none; }
  .gnav .gnav-block li.pc_view {
    display: inline; }
  @media screen and (max-width: 768px) {
    .gnav {
      float: none;
      border-top: 1px solid #dddddd;
      text-align: center; }
      .gnav .gnav-block {
        border-left: none;
        float: none;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        *zoom: 1; }
        .gnav .gnav-block form {
          height: 49px;
          line-height: 49px;
          padding-left: 14px;
          padding-right: 14px; }
          .gnav .gnav-block form input[type=text] {
            width: 5em; }
        .gnav .gnav-block ul {
          border: none; }
          .gnav .gnav-block ul li {
            float: none;
            display: -moz-inline-box;
            display: inline-block;
            *display: inline;
            *zoom: 1; }
            .gnav .gnav-block ul li a {
              padding: 10px 4px; }
        .gnav .gnav-block li.sp_view {
          display: inline-block; }
        .gnav .gnav-block li.pc_view {
          display: none; }
        .gnav .gnav-block.discover {
          float: none;
          position: absolute;
          right: 0;
          top: 0; }
          .gnav .gnav-block.discover a {
            line-height: 49px; }
        .gnav .gnav-block.search {
          display: none; }
        .gnav .gnav-block.loggedin {
          padding: 0; }
          .gnav .gnav-block.loggedin .message {
            position: relative; }
            .gnav .gnav-block.loggedin .message a {
              padding: 11px 7px 9px;
              vertical-align: bottom; }
            .gnav .gnav-block.loggedin .message .num {
              position: absolute;
              top: 7px;
              right: 3px; }
          .gnav .gnav-block.loggedin .user a {
            padding: 9px 7px; }
          .gnav .gnav-block.loggedin .user img {
            width: 26px;
            height: auto;
            border-radius: 50%; } }

br.sp_view {
  display: none; }

br.pc_view {
  display: inline; }

ul.pj-single-menu li.what-project {
  width: 20%;
  max-width: 216px; }
ul.pj-single-menu li.lnk-report {
  width: 20%;
  max-width: 216px; }
ul.pj-single-menu li.lnk-support {
  width: 27%;
  max-width: 216px; }

@media screen and (max-width: 1200px) {
  br.sp_view {
    display: inline-block; }

  br.pc_view {
    display: none; } }
@media screen and (max-width: 768px) {
  br.sp_view {
    display: none; }

  ul.pj-single-menu li.what-project {
    width: 100%;
    max-width: 216px; }
  ul.pj-single-menu li.lnk-report {
    width: 100%;
    max-width: 216px; }
  ul.pj-single-menu li.lnk-support {
    width: 100%;
    max-width: 216px; } }
/*新着メッセージ*/
#message-list {
  position: absolute;
  width: 24.999%;
  min-height: 100%;
  background: #262626;
  right: -24.999%;
  top: 0;
  color: #fff;
  -webkit-transition: right 0.3s ease-in;
  -o-transition: right 0.3s ease-in;
  transition: right 0.3s ease-in; }
  @media screen and (max-width: 768px) {
    #message-list {
      width: 100%;
      right: -100%;
      height: auto; } }
  #message-list #close-message {
    position: absolute;
    right: 14px;
    top: 20px;
    cursor: pointer; }
    #message-list #close-message img {
      width: 25px;
      height: auto;
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      -o-transition: transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }
    #message-list #close-message:hover img {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  #message-list ul {
    margin: 65.8px 0 28px;
    padding-top: 14px;
    list-style: none;
    border-top: 1px solid #4c4c4c; }
  #message-list li {
    font-weight: bold;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 1.6153846154em;
    margin-bottom: 1.6153846154em;
    border-bottom: 1px solid #4c4c4c; }
    #message-list li a {
      color: #84bc25;
      text-decoration: underline; }
      #message-list li a:hover {
        color: #b3e166; }
    #message-list li.read {
      font-weight: normal; }
      #message-list li.read, #message-list li.read a {
        font-weight: normal;
        color: #ccc; }

body .bodyinner {
  overflow-x: hidden;
  position: relative;
  -webkit-transition: left 0.3s ease-in;
  -o-transition: left 0.3s ease-in;
  transition: left 0.3s ease-in;
  left: 0;
  min-height: 100%; }

body.show-message .bodyinner {
  overflow-x: visible;
  left: -24.999%; }
  @media screen and (max-width: 768px) {
    body.show-message .bodyinner {
      left: -100%; } }

/* loading */
.loading,
.loading:after {
  width: 25px;
  height: 25px;
  border-radius: 200%;
  margin: 0 auto; }

.loading {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid #eee;
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  bckground: transparent;
  display: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear; }

.rotate {
  animation: rotate infinite 1s linear;
  -webkit-animation: rotate infinite 1s linear;
  -moz-animation: rotate infinite 1s linear;
  -ms-animation: rotate infinite 1s linear; }

@keyframes rotate {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg); } }
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg); }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg); } }
/*-------------------------------------
		footer
-------------------------------------*/
.breadcrumb {
  border-top: 1px solid #dddddd;
  padding: 14px 42px; }
  .breadcrumb ul {
    list-style: none;
    margin: 0;
    line-height: 28px;
    font-size: 13px; }
  .breadcrumb a {
    color: #262626;
    text-decoration: none; }
  @media screen and (max-width: 768px) {
    .breadcrumb {
      padding: 14px 28px; } }

#site-footer .start-project {
  text-align: center;
  background: url(../img/start-pj.jpg) center no-repeat;
  background-size: cover;
  color: #fff;
  padding: 56px 14px; }
  #site-footer .start-project p {
    font-weight: bold;
    margin: 0 0 28px; }
  @media screen and (max-width: 768px) {
    #site-footer .start-project p br {
      display: none; } }
#site-footer .footer-subnav ul {
  padding: 14px;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 28px;
  font-size: 13px; }
#site-footer .footer-subnav li {
  display: inline; }
#site-footer .footer-subnav, #site-footer .footer-subnav a {
  color: #262626; }
#site-footer .footer-subnav a {
  text-decoration: none; }
  #site-footer .footer-subnav a:hover {
    text-decoration: underline; }
#site-footer .footer-gnav {
  border-bottom: 1px solid #dddddd; }
  #site-footer .footer-gnav small {
    display: block;
    line-height: 35px;
    padding: 14px 42px;
    float: left; }
  #site-footer .footer-gnav .scrolltop {
    width: 84px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    border-right: 1px solid #dddddd;
    line-height: 28px;
    padding: 18.6666666667px 0;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #site-footer .footer-gnav .scrolltop:hover {
      background: #262626;
      color: #fff; }
  @media screen and (max-width: 768px) {
    #site-footer .footer-gnav small {
      text-align: center;
      float: none; }
    #site-footer .footer-gnav .scrolltop {
      font-size: 14px;
      width: 56px; }
    #site-footer .footer-gnav .gnav {
      display: none; } }

#top-eyecatch-tile .desktop {
  height: 588px;
  position: relative; }
#top-eyecatch-tile .eyecatch-block {
  position: absolute;
  left: 0;
  top: 0; }
  #top-eyecatch-tile .eyecatch-block .eyecatch-data {
    position: absolute;
    color: #fff; }
    #top-eyecatch-tile .eyecatch-block .eyecatch-data .eyecatch-data-title {
      font-weight: bold; }
    #top-eyecatch-tile .eyecatch-block .eyecatch-data .eyecatch-data-num {
      font-weight: bold; }
      #top-eyecatch-tile .eyecatch-block .eyecatch-data .eyecatch-data-num strong {
        /*font-family:"Avenir-Heavy", "AvenirNext-DemiBold", "Helvetica-Bold", Helvetica, Arial, sans-serif;*/
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
        letter-spacing: 0.06em;
        font-size: 42px; }
  #top-eyecatch-tile .eyecatch-block .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    #top-eyecatch-tile .eyecatch-block .cover.slide-top, #top-eyecatch-tile .eyecatch-block .cover.slide-left {
      left: 0;
      top: 0; }
    #top-eyecatch-tile .eyecatch-block .cover.slide-right {
      right: 0;
      top: 0;
      left: auto; }
    #top-eyecatch-tile .eyecatch-block .cover.slide-bottom {
      left: 0;
      bottom: 0;
      top: auto; }
  #top-eyecatch-tile .eyecatch-block.sec0 {
    top: 252px;
    width: 41.665%;
    height: 84px;
    color: #fff;
    background: url(../img/eyecatch-img-0.png) no-repeat center;
    background-size: cover;
    text-align: center; }
    #top-eyecatch-tile .eyecatch-block.sec0 h2 {
      line-height: 84px;
      letter-spacing: 0.02em; }
      @media screen and (max-width: 1280px) {
        #top-eyecatch-tile .eyecatch-block.sec0 h2 {
          letter-spacing: 0em;
          font-size: 30px; } }
    #top-eyecatch-tile .eyecatch-block.sec0 .cover {
      background: #111; }
  #top-eyecatch-tile .eyecatch-block.sec1 {
    width: 24.999%;
    height: 252px;
    background: url(../img/eyecatch-img-1.jpg) no-repeat center;
    background-size: cover; }
  #top-eyecatch-tile .eyecatch-block.sec2 {
    width: 16.666%;
    height: 252px;
    left: 24.999%;
    background: url(../img/eyecatch-img-2.jpg) no-repeat center;
    background-size: cover; }
  #top-eyecatch-tile .eyecatch-block.sec3 {
    width: 41.665%;
    height: 252px;
    top: 336px;
    background: url(../img/eyecatch-img-3.jpg) no-repeat center;
    background-size: cover; }
  #top-eyecatch-tile .eyecatch-block.sec4 {
    width: 24.999%;
    height: 420px;
    left: 41.665%;
    background: url(../img/eyecatch-img-4.jpg) no-repeat center;
    background-size: cover; }
  #top-eyecatch-tile .eyecatch-block.sec5 {
    width: 33.332%;
    height: 168px;
    left: 66.664%;
    background: url(../img/eyecatch-img-5.png) no-repeat center;
    background-size: cover; }
    #top-eyecatch-tile .eyecatch-block.sec5 .eyecatch-data {
      left: 14px;
      bottom: 14px; }
  #top-eyecatch-tile .eyecatch-block.sec6 {
    width: 33.332%;
    height: 252px;
    top: 168px;
    left: 66.664%;
    background: url(../img/eyecatch-img-6.jpg) no-repeat center;
    background-size: cover; }
    #top-eyecatch-tile .eyecatch-block.sec6 .eyecatch-data {
      right: 14px;
      bottom: 14px; }
  #top-eyecatch-tile .eyecatch-block.sec7 {
    width: 33.332%;
    height: 168px;
    top: 420px;
    left: 41.665%;
    background: url(../img/eyecatch-img-7.png) no-repeat center;
    background-size: cover; }
    #top-eyecatch-tile .eyecatch-block.sec7 .eyecatch-data {
      left: 14px;
      bottom: 14px; }
  #top-eyecatch-tile .eyecatch-block.sec8 {
    width: 24.999%;
    height: 168px;
    top: 420px;
    left: 74.997%;
    background: url(../img/eyecatch-img-8.jpg) no-repeat center;
    background-size: cover; }
#top-eyecatch-tile .mobile .upper-slide,
#top-eyecatch-tile .mobile .lower-slide {
  height: 150px;
  width: 100%; }
#top-eyecatch-tile .mobile .upper-slide {
  -webkit-animation: upperslide 25s linear infinite;
          animation: upperslide 25s linear infinite;
  background: url(../img/mobile-slide1.jpg) repeat-x;
  background-size: auto 150px; }
#top-eyecatch-tile .mobile .lower-slide {
  -webkit-animation: lowerslide 25s linear infinite;
          animation: lowerslide 25s linear infinite;
  background: url(../img/mobile-slide2.jpg) repeat-x;
  background-size: auto 150px; }
#top-eyecatch-tile .mobile h2 {
  color: #fff;
  background: url(../img/eyecatch-img-0.png) no-repeat center;
  background-size: cover;
  text-align: center;
  line-height: 56px;
  letter-spacing: 0.02em; }
@-webkit-keyframes upperslide {
  from {
    background-position: 0px; }
  to {
    background-position: -804px; } }
@keyframes upperslide {
  from {
    background-position: 0px; }
  to {
    background-position: -804px; } }
@-webkit-keyframes lowerslide {
  from {
    background-position: -796px; }
  to {
    background-position: 0; } }
@keyframes lowerslide {
  from {
    background-position: -796px; }
  to {
    background-position: 0; } }
#top-eyecatch {
  background: url(../img/top-eyecatch.jpg) no-repeat center;
  background-size: cover;
  padding: 84px 0 42px; }
  @media screen and (max-width: 767px) {
    #top-eyecatch {
      padding: 0;
      background: none; }
      #top-eyecatch .content-inner {
        margin: 0; } }
  #top-eyecatch h2 {
    font-family: YuMin-Medium, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS PMincho", serif;
    font-size: 54px;
    line-height: 56px;
    font-weight: normal;
    letter-spacing: -0.05em;
    margin: 112px 0 28px;
    background-size: cover;
    color: #fff;
    padding-left: 8.333%; }
    @media screen and (max-width: 767px) {
      #top-eyecatch h2 {
        padding: 58.8px 0 53.2px;
        background: url(../img/top-eyecatch.jpg) no-repeat center;
        margin: 0;
        text-align: center;
        font-size: 22px;
        /*img {
        	height:40px;
        	width:auto;
        }*/ } }
  #top-eyecatch p {
    font-weight: bold;
    color: #fff;
    padding-left: 8.333%;
    margin-bottom: 84px; }
    @media screen and (max-width: 767px) {
      #top-eyecatch p {
        display: none;
        padding: 14px 14px 28px;
        background: #f7f8f7;
        margin: 0;
        color: #262626;
        font-weight: normal; }
        #top-eyecatch p br {
          display: none; } }
  #top-eyecatch ul.count {
    padding-left: 8.333%;
    list-style: none;
    color: #fff;
    margin: 0; }
    #top-eyecatch ul.count li {
      border-top: 1px solid #fff;
      padding-top: 9.3333333333px;
      margin-right: 28px;
      font-weight: bold; }
      #top-eyecatch ul.count li .data span {
        font-size: 58px;
        line-height: 58px;
        /*font-family:"Avenir-Heavy", "AvenirNext-DemiBold", "Helvetica-Bold", Helvetica, Arial, sans-serif;*/
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
        letter-spacing: 0.06em; }
    @media screen and (max-width: 767px) {
      #top-eyecatch ul.count {
        display: none;
        color: #262626;
        padding: 0 14px 14px;
        text-align: center;
        background: #f7f8f7; }
        #top-eyecatch ul.count li {
          border: none;
          padding: 14px 0;
          margin: 0 0 14px;
          display: block;
          background: #FFFFFF; }
          #top-eyecatch ul.count li .title {
            margin-bottom: 0; }
          #top-eyecatch ul.count li .data span {
            font-size: 28px; } }
  #top-eyecatch #show-service-desc {
    padding: 14px 0;
    text-align: center;
    line-height: 28px;
    background: #f7f8f7;
    font-weight: bold;
    cursor: pointer; }

.more-link {
  position: absolute;
  right: 56px;
  top: 0; }
  @media screen and (max-width: 768px) {
    .more-link {
      display: none; } }

.report-list {
  list-style: none;
  margin: 0; }
  .report-list .report-thumb {
    width: 84px;
    height: 84px;
    float: left; }
    .report-list .report-thumb img {
      border-radius: 42px;
      width: 84px;
      height: auto; }
    @media screen and (max-width: 768px) {
      .report-list .report-thumb {
        width: 50px;
        height: 50px; }
        .report-list .report-thumb img {
          width: 42px;
          height: auto; } }
  .report-list .report-excerpt {
    width: 100%; }
    .report-list .report-excerpt .report-excerpt-inner {
      overflow: hidden;
      margin-left: 112px; }
      @media screen and (max-width: 768px) {
        .report-list .report-excerpt .report-excerpt-inner {
          margin-left: 56px; } }
    .report-list .report-excerpt h3 {
      margin: 0; }
  .report-list a {
    display: block;
    text-decoration: none;
    color: #262626; }
    .report-list a:hover {
      color: #999; }
      .report-list a:hover img {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)"; }

#top-news {
  background: #000;
  color: #fff;
  padding: 14px 0;
  overflow: hidden;
  height: 56px; }
  #top-news ul {
    list-style: none;
    margin: 0; }
  #top-news li {
    line-height: 28px;
    padding: 14px 0;
    width: 80%; }
    #top-news li:first-child {
      padding-top: 0; }
    #top-news li a {
      color: #fff; }
      #top-news li a:hover {
        color: #84bc25; }
  #top-news .more-link {
    line-height: 56px; }
  #top-news .more-link a {
    text-decoration: none;
    color: #fff; }
  @media screen and (max-width: 1023px) {
    #top-news {
      height: auto; }
      #top-news li {
        width: 100%; }
      #top-news .more-link {
        display: none; } }

/*top-news grid*/
.row .col.top-news-grid1of4 {
  width: 25%;
  float: left; }
.row .col.top-news-grid3of4 {
  width: 75%;
  float: left; }
@media screen and (max-width: 1023px) {
  .row .col.top-news-grid1of4 {
    width: 100%;
    float: none; }
  .row .col.top-news-grid3of4 {
    width: 100%;
    float: none; } }

.under-header-link {
  margin: 14px auto; }
  .under-header-link p {
    border: 1px solid #E50D10;
    border-radius: 5px;
    padding: 7px;
    text-align: center;
    margin-bottom: 14px; }
  .under-header-link a {
    color: #E50D10;
    font-weight: bold;
    text-decoration: none;
    display: block; }

/*────────────────────────
				共通
────────────────────────*/
.share-btns {
  line-height: 20px; }
  .share-btns li {
    margin-right: 15px;
    height: 20px; }
    @media screen and (min-width: 769px) {
      .share-btns li.line {
        display: none; } }
  .share-btns * {
    vertical-align: baseline !important; }

#page-header {
  padding-top: 70px;
  padding-bottom: 56px;
  text-align: center; }
  #discover #page-header {
    padding-bottom: 70px; }
  @media screen and (max-width: 768px) {
    #page-header {
      padding-top: 28px !important;
      padding-bottom: 21px !important; } }
  #page-header h1 {
    margin-bottom: 14px;
    letter-spacing: 0.02em; }

aside.other-pj {
  padding-top: 84px;
  padding-bottom: 84px;
  background: #f7f8f7; }

.reward-block, .reward-block-finished {
  margin-bottom: 56px; }
  .reward-block ul, .reward-block-finished ul {
    list-style: none; }
  .reward-block .reward-title, .reward-block-finished .reward-title {
    margin: 0 0 8px;
    letter-spacing: 0.1em; }
    .reward-block .reward-title strong, .reward-block-finished .reward-title strong {
      /*font-family:"Avenir-Heavy", "AvenirNext-DemiBold", "Helvetica-Bold", Helvetica, Arial, sans-serif;*/
      font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
      letter-spacing: 0.06em;
      font-size: 32px;
      padding-right: 0.1em; }
  .reward-block .reward-items, .reward-block-finished .reward-items {
    margin: 0 0 14px;
    font-weight: bold; }
    .reward-block .reward-items li, .reward-block-finished .reward-items li {
      padding: 11.2px 0; }
  .reward-block .reward-desc, .reward-block-finished .reward-desc {
    color: #666;
    margin-bottom: 11.2px; }
    .reward-block .reward-desc .reward-desc-title, .reward-block-finished .reward-desc .reward-desc-title {
      font-weight: bold;
      display: inline; }
      .reward-block .reward-desc .reward-desc-title:after, .reward-block-finished .reward-desc .reward-desc-title:after {
        content: "："; }
    .reward-block .reward-desc .reward-desc-content, .reward-block-finished .reward-desc .reward-desc-content {
      display: inline; }
  .reward-block .reward-meta, .reward-block-finished .reward-meta {
    margin-bottom: 28px;
    color: #666; }
  .reward-block .reward-img img, .reward-block-finished .reward-img img {
    max-width: 100%;
    height: auto; }

.nav-sort {
  position: relative;
  border-bottom: 1px solid #dddddd; }
  .nav-sort ul {
    margin: 0;
    padding-left: 56px;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold; }
    .nav-sort ul a, .nav-sort ul span {
      padding: 28px 28px;
      text-decoration: none;
      position: relative; }
    .nav-sort ul a:hover {
      background: #f7f8f7;
      position: relative;
      color: #262626; }
      .nav-sort ul a:hover:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        bottom: -1px;
        left: 0;
        background: #dddddd; }
    .nav-sort ul li.current {
      position: relative; }
      .nav-sort ul li.current span:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        bottom: -1px;
        left: 0;
        background: #84bc25; }
    @media screen and (max-width: 768px) {
      .nav-sort ul {
        padding: 14px 28px;
        text-align: center;
        font-size: 13px;
        padding: 0;
        position: static; }
        .nav-sort ul a, .nav-sort ul span {
          padding: 14px 7px;
          font-size: 13px; } }
  @media screen and (max-width: 768px) {
    .nav-sort ul.nav-sort-cat {
      padding-bottom: 0; }
      .nav-sort ul.nav-sort-cat a {
        display: block; } }
  .nav-sort #nav-cat-toggle {
    padding: 28px 42px;
    border-left: 1px solid #dddddd;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
    .nav-sort #nav-cat-toggle:hover {
      background: #f7f8f7; }
      .nav-sort #nav-cat-toggle:hover span {
        position: relative;
        top: 3px; }
    .nav-sort #nav-cat-toggle.on {
      color: #fff;
      background: #262626; }
      .nav-sort #nav-cat-toggle.on:hover span {
        top: -3px; }
    @media screen and (max-width: 768px) {
      .nav-sort #nav-cat-toggle {
        position: static;
        border: none;
        border-top: 1px solid #dddddd;
        padding: 14px 28px;
        text-align: center;
        font-size: 13px; } }
  .nav-sort .nav-sort-cat {
    display: none;
    position: absolute;
    left: 0;
    top: 84px;
    width: 100%;
    background: #262626;
    z-index: 999; }
    .nav-sort .nav-sort-cat a {
      color: #fff; }
    @media screen and (max-width: 768px) {
      .nav-sort .nav-sort-cat {
        position: static;
        padding: 0 0 14px; }
        .nav-sort .nav-sort-cat li {
          display: block;
          text-align: center; }
          .nav-sort .nav-sort-cat li:before {
            content: none; } }

/*────────────────────────
				プロジェクト詳細
────────────────────────*/
#pj-single {
  /* 追加 15/09/04 start */
  /* 追加 15/09/04 end */ }
  #pj-single #page-header h1 {
    margin-bottom: 7px; }
    @media screen and (max-width: 768px) {
      #pj-single #page-header h1 {
        margin-bottom: 0; } }
  #pj-single #page-header .pj-single-meta {
    margin: 0; }
    #pj-single #page-header .pj-single-meta li {
      margin-left: 2em; }
      #pj-single #page-header .pj-single-meta li:first-child {
        margin-left: 0; }
    #pj-single #page-header .pj-single-meta a {
      text-decoration: none;
      color: #666; }
  #pj-single .pj-share p {
    margin-bottom: 14px; }
    @media screen and (max-width: 768px) {
      #pj-single .pj-share p {
        font-size: 13px; } }
  #pj-single .pj-share ul {
    margin-bottom: 14px; }
    #pj-single .pj-share ul li {
      margin-bottom: 14px; }
  #pj-single .pj-follow,
  #pj-single .pj-follow-after,
  #pj-single .pj-follow-nologin
   {
    text-align: center;
    /* 削除 15/09/04 start
    text-decoration:none;
    @extend .bodycopy;
    font-weight:bold;
    color:$c_text_lighter;
    cursor:pointer;*/
    /*&:hover {
    	color:$c_text_light;
    }
    &.on {
    	color:$c_faavo;
    }
    削除 15/09/04 end */
    /* 追加 15/09/04 start */
    /* 追加 15/09/04 end */ }
    #pj-single .pj-follow a,
    #pj-single .pj-follow-after a,
    #pj-single .pj-follow-nologin
    a {
      color: #999;
      text-decoration: none;
      font-weight: bold; }
      #pj-single .pj-follow a:hover,
      #pj-single .pj-follow-after a:hover,
      #pj-single .pj-follow-nologin
      a:hover {
        color: #666; }
  #pj-single .pj-follow-after {
    text-align: center; }
    #pj-single .pj-follow-after a {
      color: #84bc25;
      text-decoration: none;
      font-weight: bold; }
  #pj-single #pj-single-eyecatch {
    position: relative;
    border-top: 1px solid #dddddd;
    /*.pj-bar-wrapper {
    	margin:0 0 $unit * 0.5;
    	background:#e5e5e5;
    	height:8px;
    	border-radius:4px;
    	.pj-bar {
    		height:8px;
    		border-radius:4px;
    		width:0;
    	}
    }*/ }
    @media screen and (max-width: 768px) {
      #pj-single #pj-single-eyecatch {
        border-top: none; } }
    #pj-single #pj-single-eyecatch .pj-share {
      background: #f7f8f7;
      text-align: center;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 41.66%; }
      #pj-single #pj-single-eyecatch .pj-share ul {
        padding: 14px 0 0;
        margin: 0; }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-eyecatch .pj-share {
          position: static;
          right: auto;
          bottom: auto;
          width: auto;
          margin-top: 28px; }
          #pj-single #pj-single-eyecatch .pj-share ul {
            height: auto; } }
    #pj-single #pj-single-eyecatch .pj-img {
      width: 100%;
      position: relative;
      /*background-size:cover;
      background-position:center;*/ }
      #pj-single #pj-single-eyecatch .pj-img img {
        width: 100%;
        height: auto; }
      #pj-single #pj-single-eyecatch .pj-img .pj-label {
        position: absolute;
        top: 0;
        right: 0;
        width: 20%; }
    #pj-single #pj-single-eyecatch .col-inner {
      padding: 56px 56px 0; }
      @media screen and (min-width: 1200px) {
        #pj-single #pj-single-eyecatch .col-inner {
          padding: 0 70px; } }
      @media screen and (max-width: 1024px) {
        #pj-single #pj-single-eyecatch .col-inner {
          padding: 0 28px; } }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-eyecatch .col-inner {
          padding: 14px 14px 28px;
          text-align: center; } }
      #pj-single #pj-single-eyecatch .col-inner.pj-single-data {
        padding-top: 110%;
        display: none; }
    #pj-single #pj-single-eyecatch .pj-data-label {
      color: #666;
      display: block;
      line-height: 28px; }
    #pj-single #pj-single-eyecatch .pj-data-content {
      font-weight: bold;
      font-size: 13px; }
      #pj-single #pj-single-eyecatch .pj-data-content strong {
        font-size: 34px;
        /*font-family:"Avenir-Heavy", "AvenirNext-DemiBold", "Helvetica-Bold", Helvetica, Arial, sans-serif;*/
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
        letter-spacing: 0.06em; }
        @media screen and (min-width: 1280px) {
          #pj-single #pj-single-eyecatch .pj-data-content strong {
            font-size: 40px; } }
        @media screen and (max-width: 1024px) {
          #pj-single #pj-single-eyecatch .pj-data-content strong {
            font-size: 28px; } }
      #pj-single #pj-single-eyecatch .pj-data-content span.ja {
        line-height: 1;
        display: block;
        margin-bottom: 0;
        font-size: 24px;
        padding-top: 9px; }
        @media screen and (min-width: 1280px) {
          #pj-single #pj-single-eyecatch .pj-data-content span.ja {
            font-size: 26px;
            padding-top: 12px; } }
        @media screen and (max-width: 1024px) {
          #pj-single #pj-single-eyecatch .pj-data-content span.ja {
            font-size: 19px;
            padding-top: 6px;
            letter-spacing: -0.06em; } }
    #pj-single #pj-single-eyecatch .pj-data-block {
      float: left;
      margin-right: 21px;
      margin-bottom: 35px; }
      #pj-single #pj-single-eyecatch .pj-data-block.remaining {
        margin-right: 0; }
      #pj-single #pj-single-eyecatch .pj-data-block.price {
        margin-bottom: 14px;
        float: none;
        margin-right: 0px; }
        #pj-single #pj-single-eyecatch .pj-data-block.price .pj-data-content {
          font-size: 15px; }
          @media screen and (max-width: 768px) {
            #pj-single #pj-single-eyecatch .pj-data-block.price .pj-data-content .goal {
              margin-top: 7px;
              display: block; } }
      #pj-single #pj-single-eyecatch .pj-data-block .pj-bar-wrapper {
        height: 26.666px;
        display: block;
        background-color: #e5e5e5;
        border-radius: 26.66px;
        margin-top: 26.66px; }
      #pj-single #pj-single-eyecatch .pj-data-block .pj-bar {
        height: 100%;
        text-align: left;
        font-size: 13.33;
        overflow: visible;
        border-radius: 26.66px;
        padding-left: 10px; }
      #pj-single #pj-single-eyecatch .pj-data-block .pj-bar span.pj-bar-text {
        font-size: 13.333px;
        top: 1.667px;
        position: relative; }
        @media screen and (max-width: 768px) {
          #pj-single #pj-single-eyecatch .pj-data-block .pj-bar span.pj-bar-text {
            top: 3.667px; } }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-eyecatch .pj-data-block {
          display: inline-block;
          float: none; }
          #pj-single #pj-single-eyecatch .pj-data-block.price {
            display: block; } }
    #pj-single #pj-single-eyecatch .pj-choose {
      margin-bottom: 14px; }
    #pj-single #pj-single-eyecatch #widget-link {
      position: relative;
      top: -5px;
      text-align: center; }
      #pj-single #pj-single-eyecatch #widget-link a {
        padding: 4px 4px;
        background: #6b6767;
        color: #fff;
        font-size: 11px;
        border-radius: 3px;
        line-height: 28px;
        text-decoration: none; }
        #pj-single #pj-single-eyecatch #widget-link a:hover {
          opacity: 0.6;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s; }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-eyecatch #widget-link {
          display: none; } }
    #pj-single #pj-single-eyecatch #widget-about {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 12000;
      display: none; }
      #pj-single #pj-single-eyecatch #widget-about .widget-about-inner {
        position: relative;
        border-radius: 10px;
        margin: 30px 10px;
        padding: 31px 20px 45px;
        background: #fff; }
        #pj-single #pj-single-eyecatch #widget-about .widget-about-inner p {
          margin: 0; }
        #pj-single #pj-single-eyecatch #widget-about .widget-about-inner ul li {
          text-align: center;
          padding: 12px 0px;
          border-radius: 4px 4px 0 0;
          cursor: pointer;
          background-color: #cbe894;
          display: inline-block;
          width: 220px;
          margin-right: 10px; }
          #pj-single #pj-single-eyecatch #widget-about .widget-about-inner ul li.on {
            background-color: #84bc25;
            color: #fff; }
        #pj-single #pj-single-eyecatch #widget-about .widget-about-inner .widget-display iframe {
          float: left; }
        #pj-single #pj-single-eyecatch #widget-about .widget-about-inner #normal-display textarea {
          width: 358px;
          height: 320px;
          margin-left: 20px; }
        #pj-single #pj-single-eyecatch #widget-about .widget-about-inner #long-display textarea {
          width: 508px;
          height: 320px;
          margin-left: 20px; }
        #pj-single #pj-single-eyecatch #widget-about .widget-about-inner #wide-display textarea {
          width: 350px;
          height: 335px;
          margin-left: 20px; }
      #pj-single #pj-single-eyecatch #widget-about #widget-about-close {
        margin: 30px auto 0px;
        text-align: center; }
        #pj-single #pj-single-eyecatch #widget-about #widget-about-close a {
          border: 1px solid #262626;
          position: relative;
          text-decoration: none;
          padding: 14.8px 56px;
          -webkit-transition: all 0.2s;
          -o-transition: all 0.2s;
          transition: all 0.2s;
          position: relative;
          text-indent: 1em; }
          #pj-single #pj-single-eyecatch #widget-about #widget-about-close a:before {
            content: "\f00d";
            font-family: icomoon;
            position: absolute;
            left: 14px; }
          #pj-single #pj-single-eyecatch #widget-about #widget-about-close a:hover {
            color: #fff;
            background: #E75245;
            border-color: #E75245; }
            #pj-single #pj-single-eyecatch #widget-about #widget-about-close a:hover:before {
              color: #fff; }
  #pj-single #pj-single-nav {
    position: relative; }
    #pj-single #pj-single-nav .pj-choose {
      position: absolute;
      top: 19px;
      right: 42px;
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .no-opacity #pj-single #pj-single-nav .pj-choose {
        display: none; }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-nav .pj-choose {
          display: none; } }
    #pj-single #pj-single-nav.fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background: #fff;
      z-index: 999; }
      #pj-single #pj-single-nav.fixed .pj-choose {
        opacity: 1; }
    #pj-single #pj-single-nav .pj-follow,
    #pj-single #pj-single-nav .pj-follow-after
     {
      display: inline;
      font-size: 14px;
      margin-right: 1em; }
    #pj-single #pj-single-nav .cnt_note_box {
      background-color: #84BD25;
      padding: 2px 3%;
      color: #ffffff;
      height: 26px;
      border-radius: 18%;
      margin-left: 5px;
      text-align: center; }
      #pj-single #pj-single-nav .cnt_note_box span {
        color: #ffffff;
        text-align: center;
        padding: 0px 0;
        font-size: 14.85px;
        font-weight: 400; }
      #pj-single #pj-single-nav .cnt_note_box span:after {
        position: absolute;
        content: "";
        width: 0px;
        height: 0px;
        bottom: 0px;
        left: 0;
        background: none; }
    #pj-single #pj-single-nav span.cnt_note_box:after {
      position: absolute;
      content: "";
      width: 0px;
      height: 0px;
      bottom: 0px;
      left: 0;
      background: none; }
  #pj-single #pj-single-content-wrapper {
    position: relative; }
    #pj-single #pj-single-content-wrapper .pj-scrolltop {
      position: absolute;
      right: 42px;
      bottom: -1px; }
      #pj-single #pj-single-content-wrapper .pj-scrolltop .btn {
        border-radius: 5px 5px 0 0; }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-content-wrapper .pj-scrolltop {
          right: 17px; } }
    @media screen and (max-width: 768px) {
      #pj-single #pj-single-content-wrapper {
        padding-bottom: 56px; } }
  #pj-single #pj-single-content {
    border-right: 1px solid #dddddd;
    position: relative; }
    #pj-single #pj-single-content img {
      max-width: 100%;
      height: auto; }
    #pj-single #pj-single-content a:hover img {
      opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)"; }
    #pj-single #pj-single-content .latest-report {
      background: #f7f8f7;
      padding: 28px 28px 28px 70px; }
      #pj-single #pj-single-content .latest-report a {
        text-decoration: none;
        color: #262626;
        padding-left: 3em; }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-content .latest-report {
          padding: 28px;
          text-align: center;
          font-size: 13px; }
          #pj-single #pj-single-content .latest-report strong {
            display: none; }
          #pj-single #pj-single-content .latest-report a {
            display: block;
            padding: 0;
            text-align: left; } }
    #pj-single #pj-single-content .scroll-to-return {
      padding-top: 7px;
      width: 100%;
      position: fixed;
      bottom: 0;
      background: rgba(255, 255, 255, 0.5);
      border-top: 2px solid #b2b2b2;
      z-index: 999; }
    #pj-single #pj-single-content .pj-article {
      padding: 6px 42px 42px;
      max-width: 608px;
      margin: 0 auto; }
      #pj-single #pj-single-content .pj-article .h2 {
        margin-top: 84px; }
        #pj-single #pj-single-content .pj-article .h2:first-child, #pj-single #pj-single-content .pj-article .h2.report-title {
          margin-top: 56px; }
      #pj-single #pj-single-content .pj-article iframe {
        width: 100%; }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-content .pj-article {
          padding: 0 14px; }
          #pj-single #pj-single-content .pj-article .h2 {
            font-size: 19px;
            line-height: 1.4; }
            #pj-single #pj-single-content .pj-article .h2:first-child, #pj-single #pj-single-content .pj-article .h2.report-title {
              margin-top: 28px; }
          #pj-single #pj-single-content .pj-article .h3 {
            font-size: 16px;
            font-weight: bold; } }
      #pj-single #pj-single-content .pj-article .show-all-report {
        padding-top: 42px; }
      #pj-single #pj-single-content .pj-article .pj-comment-block {
        padding-top: 42px; }
        #pj-single #pj-single-content .pj-article .pj-comment-block img {
          border-radius: 50%; }
        #pj-single #pj-single-content .pj-article .pj-comment-block a {
          text-decoration: none; }
    #pj-single #pj-single-content .pj-fullsize-img {
      margin-bottom: 56px; }
    #pj-single #pj-single-content .pj-share {
      padding: 14px 42px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #pj-single #pj-single-content .pj-share {
          padding: 14px 28px;
          border-bottom: 1px solid #dddddd; } }
  #pj-single #pj-single-player {
    padding: 42px; }
    @media screen and (max-width: 768px) {
      #pj-single #pj-single-player {
        padding: 28px; } }
    #pj-single #pj-single-player a {
      text-decoration: none;
      color: #262626; }
    #pj-single #pj-single-player .player-pic {
      float: left;
      margin-right: 14px; }
      #pj-single #pj-single-player .player-pic img {
        width: 80px;
        height: auto;
        border-radius: 50%; }
    #pj-single #pj-single-player .player-name {
      font-size: 16px;
      line-height: 28px; }
    #pj-single #pj-single-player .player-sns {
      line-height: 28px; }
    #pj-single #pj-single-player .player-message a {
      text-decoration: underline; }
  #pj-single #pj-single-reward {
    padding: 42px;
    border-left: 1px solid #dddddd;
    margin-left: -1px; }
    #pj-single #pj-single-reward .reward-block {
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      padding: 42px 28px 28px;
      background: #f7f8f7;
      margin-bottom: 28px; }
      #pj-single #pj-single-reward .reward-block:hover {
        cursor: pointer;
        background: #f3fae6; }
        #pj-single #pj-single-reward .reward-block:hover a.btn {
          background: #ff614b; }
        #pj-single #pj-single-reward .reward-block:hover img {
          opacity: 0.7;
          filter: alpha(opacity=70);
          -ms-filter: "alpha(opacity=70)"; }
      #pj-single #pj-single-reward .reward-block.finished:hover, #pj-single #pj-single-reward .reward-block.preview:hover {
        background: #f7f8f7;
        cursor: auto; }
        #pj-single #pj-single-reward .reward-block.finished:hover a.btn, #pj-single #pj-single-reward .reward-block.preview:hover a.btn {
          background: #E41C00;
          cursor: default; }
        #pj-single #pj-single-reward .reward-block.finished:hover img, #pj-single #pj-single-reward .reward-block.preview:hover img {
          opacity: 1;
          filter: alpha(opacity=100);
          -ms-filter: "alpha(opacity=100)"; }
    @media screen and (max-width: 768px) {
      #pj-single #pj-single-reward {
        padding: 28px 14px;
        margin-left: 0;
        border-left: none; } }
    #pj-single #pj-single-reward .reward-img {
      margin-bottom: 28px; }
      #pj-single #pj-single-reward .reward-img img {
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        max-width: 100%;
        height: auto; }
  #pj-single #widget-gray-panel {
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 11000; }

/*────────────────────────
      支援コース選択
────────────────────────*/
#checkout .checkout-nav {
  list-style: none;
  margin-bottom: 56px; }
  @media screen and (max-width: 768px) {
    #checkout .checkout-nav {
      margin-bottom: 42px; } }
  #checkout .checkout-nav li {
    width: 20%;
    float: left;
    text-align: center;
    color: #ccc; }
    #checkout .checkout-nav li div {
      border-left: solid 1px #dddddd;
      padding: 14px 0; }
    #checkout .checkout-nav li:first-child div {
      border-left: none; }
    #checkout .checkout-nav li.current {
      color: #fff;
      font-weight: bold; }
      #checkout .checkout-nav li.current div {
        background: #262626; }
    @media screen and (max-width: 768px) {
      #checkout .checkout-nav li {
        width: 100%;
        border-top: 1px solid #dddddd;
        text-align: left; }
        #checkout .checkout-nav li:first-child {
          border: none; }
        #checkout .checkout-nav li div {
          padding: 7px 14px; } }
#checkout.reward-select .reward-block, #checkout.reward-select .reward-block-finished {
  padding: 42px 28px 28px;
  background: #f7f8f7;
  margin-bottom: 28px;
  cursor: pointer;
  color: #262626; }
  #checkout.reward-select .reward-block .selected, #checkout.reward-select .reward-block-finished .selected {
    background: #84bc25;
    color: #fff;
    font-size: 14px;
    padding: 2px 0.5em;
    letter-spacing: 0;
    display: none; }
  #checkout.reward-select .reward-block:hover, #checkout.reward-select .reward-block.on, #checkout.reward-select .reward-block-finished:hover, #checkout.reward-select .reward-block-finished.on {
    background: #f3fae6; }
  #checkout.reward-select .reward-block.on .selected, #checkout.reward-select .reward-block-finished.on .selected {
    display: inline; }
  @media screen and (max-width: 767px) {
    #checkout.reward-select .reward-block, #checkout.reward-select .reward-block-finished {
      padding: 28px 7px; }
      #checkout.reward-select .reward-block.on .selected, #checkout.reward-select .reward-block-finished.on .selected {
        display: block;
        margin: 14px 0 0; } }
#checkout.reward-select .reward-block-finished {
  cursor: auto; }
#checkout.reward-confirm .reward-block {
  margin-bottom: 0; }
#checkout #checkout-note .col-inner {
  padding-left: 42px; }
  @media screen and (max-width: 767px) {
    #checkout #checkout-note .col-inner {
      padding-left: 14px; } }
#checkout #checkout-comment {
  margin-top: 28px;
  margin-bottom: 56px; }
  @media screen and (max-width: 767px) {
    #checkout #checkout-comment {
      margin-bottom: 28px; } }
  #checkout #checkout-comment .plus-support .plus-support-control {
    margin: 20px 0; }
    #checkout #checkout-comment .plus-support .plus-support-control #plus-support-down,
    #checkout #checkout-comment .plus-support .plus-support-control #plus-support-up {
      width: 60px;
      height: 60px;
      border: 0;
      outline: none;
      background: none; }
      #checkout #checkout-comment .plus-support .plus-support-control #plus-support-down i,
      #checkout #checkout-comment .plus-support .plus-support-control #plus-support-up i {
        font-size: 40px;
        margin: 0 auto; }
    #checkout #checkout-comment .plus-support .plus-support-control #plus-support-down:hover,
    #checkout #checkout-comment .plus-support .plus-support-control #plus-support-up:hover {
      color: #13DF00; }
    #checkout #checkout-comment .plus-support .plus-support-control input[type="number"]::-webkit-outer-spin-button,
    #checkout #checkout-comment .plus-support .plus-support-control input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #checkout #checkout-comment .plus-support .plus-support-control input[type="number"] {
      -moz-appearance: textfield; }
    #checkout #checkout-comment .plus-support .plus-support-control #plus-support-input {
      width: 200px;
      font-size: 30px;
      font-weight: bolder;
      text-align: center;
      padding: 10px 0; }
    @media screen and (max-width: 320px) {
      #checkout #checkout-comment .plus-support .plus-support-control #plus-support-input {
        width: 160px; } }
  #checkout #checkout-comment .grid1of2 {
    float: left;
    width: 50%; }
    #checkout #checkout-comment .grid1of2:nth-child(2n-1) {
      clear: left; }
    @media screen and (max-width: 767px) {
      #checkout #checkout-comment .grid1of2 {
        float: none;
        width: 100%; } }
    #checkout #checkout-comment .grid1of2 .payment-card {
      background-color: #eee;
      padding: 10px;
      height: 110px;
      margin: 0px 0px 10px;
      position: relative;
      border-radius: 4px;
      -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
              box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
      -webkit-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      top: 0px;
      color: #262626;
      cursor: pointer;
      text-decoration: none; }
      @media screen and (max-width: 767px) {
        #checkout #checkout-comment .grid1of2 .payment-card {
          height: auto; } }
      #checkout #checkout-comment .grid1of2 .payment-card#jcb-diners, #checkout #checkout-comment .grid1of2 .payment-card#convenience {
        margin: 0px 10px 0px 0px; }
        @media screen and (max-width: 767px) {
          #checkout #checkout-comment .grid1of2 .payment-card#jcb-diners, #checkout #checkout-comment .grid1of2 .payment-card#convenience {
            margin: 0px 0px 10px; } }
      #checkout #checkout-comment .grid1of2 .payment-card:hover {
        -webkit-box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.14);
                box-shadow: 0px 8px 10px -2px rgba(0, 0, 0, 0.14);
        top: -1px;
        background-color: #d7f5a6; }
      #checkout #checkout-comment .grid1of2 .payment-card.checked {
        background-color: #d7f5a6;
        cursor: default;
        pointer-events: none; }
      #checkout #checkout-comment .grid1of2 .payment-card.payment-mask {
        background-color: #ccc;
        cursor: default;
        pointer-events: none; }
      #checkout #checkout-comment .grid1of2 .payment-card img {
        display: block;
        margin: 10px 0 0; }
        @media screen and (max-width: 767px) {
          #checkout #checkout-comment .grid1of2 .payment-card img {
            max-height: 100px; } }
      #checkout #checkout-comment .grid1of2 .payment-card#visa-master img {
        max-width: 60%; }
        @media screen and (max-width: 767px) {
          #checkout #checkout-comment .grid1of2 .payment-card#visa-master img {
            max-width: 50%; } }
      #checkout #checkout-comment .grid1of2 .payment-card#jcb-diners img {
        max-width: 45%; }
        @media screen and (max-width: 767px) {
          #checkout #checkout-comment .grid1of2 .payment-card#jcb-diners img {
            max-width: 35%; } }
      #checkout #checkout-comment .grid1of2 .payment-card#convenience img {
        max-width: 100%; }
        @media screen and (max-width: 767px) {
          #checkout #checkout-comment .grid1of2 .payment-card#convenience img {
            max-width: 90%; } }
      #checkout #checkout-comment .grid1of2 .payment-card#payeasy img {
        max-width: 20%; }
        @media screen and (max-width: 767px) {
          #checkout #checkout-comment .grid1of2 .payment-card#payeasy img {
            max-width: 15%; } }
  #checkout #checkout-comment #payment-caution {
    color: red; }
  #checkout #checkout-comment .player-pic {
    width: 80px;
    text-align: center;
    float: left; }
    #checkout #checkout-comment .player-pic img {
      width: 100%;
      height: auto;
      border-radius: 50%; }
    @media screen and (max-width: 767px) {
      #checkout #checkout-comment .player-pic {
        width: 40px; }
        #checkout #checkout-comment .player-pic .player-name {
          display: none; } }
  #checkout #checkout-comment .comment-input {
    width: 100%;
    margin-left: -80px;
    float: left; }
    @media screen and (max-width: 767px) {
      #checkout #checkout-comment .comment-input {
        margin-left: -40px; } }
  #checkout #checkout-comment .comment-input-inner {
    margin-left: 120px;
    position: relative; }
    #checkout #checkout-comment .comment-input-inner:after {
      content: "";
      border-style: solid;
      border-width: 18px 1px 0 18px;
      border-color: #fff #fff transparent transparent;
      position: absolute;
      left: -18px;
      top: 1px; }
    #checkout #checkout-comment .comment-input-inner:before {
      content: "";
      border-style: solid;
      border-width: 20px 0 0 20px;
      border-color: #dddddd transparent transparent transparent;
      position: absolute;
      left: -20px;
      top: 0px; }
    @media screen and (max-width: 767px) {
      #checkout #checkout-comment .comment-input-inner {
        margin-left: 60px; }
        #checkout #checkout-comment .comment-input-inner:after {
          border-width: 9px 1px 0 9px;
          left: -9px;
          top: 1px; }
        #checkout #checkout-comment .comment-input-inner:before {
          border-width: 11px 0 0 11px;
          left: -11px;
          top: 0px; } }
#checkout .checkout-next {
  text-align: center;
  position: relative; }
  #checkout .checkout-next .back {
    color: #999;
    position: absolute;
    left: 0;
    top: 18px; }
    @media screen and (max-width: 767px) {
      #checkout .checkout-next .back {
        top: auto;
        bottom: -3em;
        widows: 100%;
        text-align: center;
        display: block; } }
#checkout .footnote {
  margin-bottom: 84px; }
  @media screen and (max-width: 767px) {
    #checkout .footnote {
      margin-bottom: 28px; } }
#checkout #checkout-scrolldown {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 9999; }
  #checkout #checkout-scrolldown.on {
    display: block; }
  #checkout #checkout-scrolldown a {
    background-color: #84bc25;
    opacity: .8;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    display: block;
    text-decoration: none; }
#checkout .confirm-payment-type #visa-master img {
  max-width: 45%; }
#checkout .confirm-payment-type #jcb-diners img {
  max-width: 50%; }
#checkout .confirm-payment-type #convenience img {
  max-width: 100%; }
#checkout .confirm-payment-type #payeasy img {
  max-width: 20%; }

/*────────────────────────
				エリアトップ
────────────────────────*/
#area-eyecatch {
  height: 420px;
  text-align: center;
  position: relative;
  background: #999;
  color: #fff;
  background: no-repeat center;
  background-size: cover; }
  #area-eyecatch .area-copy {
    padding-top: 168px;
    margin: 0 0 28px;
    letter-spacing: 0.05em;
    font-weight: bold; }
  #area-eyecatch .label {
    background: #262626;
    padding: 3.5px 14px;
    font-weight: bold;
    border-radius: 3px; }
  #area-eyecatch .pic-copyright {
    position: absolute;
    right: 28px;
    bottom: 14px; }
  @media screen and (max-width: 768px) {
    #area-eyecatch {
      padding: 0 14px;
      height: auto; }
      #area-eyecatch .area-copy {
        padding-top: 84px; }
      #area-eyecatch .label {
        margin-bottom: 84px; }
      #area-eyecatch .pic-copyright {
        right: 14px; } }

#area-top #area-about {
  text-align: center;
  background: #f7f8f7;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out; }
  #area-top #area-about .area-about-title {
    margin: 28px 0; }
  #area-top #area-about .area-about-content {
    max-width: 38em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    display: none; }
#area-top .area-owner-links li {
  margin-right: 1em; }
#area-top .area-owner-links a {
  text-decoration: none;
  color: #262626; }
#area-top #area-owner #area-owner-img {
  position: relative;
  overflow: hidden; }
  #area-top #area-owner #area-owner-img ul {
    list-style: none;
    margin: 0; }
  #area-top #area-owner #area-owner-img .area-owner-imgs {
    width: 300%; }
    #area-top #area-owner #area-owner-img .area-owner-imgs li {
      width: 33.3%;
      float: left;
      position: relative; }
      #area-top #area-owner #area-owner-img .area-owner-imgs li img {
        width: 100%;
        height: auto; }
  #area-top #area-owner #area-owner-img .area-owner-nav {
    position: absolute;
    left: 14px;
    bottom: 14px;
    line-height: 1; }
    #area-top #area-owner #area-owner-img .area-owner-nav li {
      width: 42px;
      height: 42px;
      margin-right: 14px;
      border-radius: 50%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 3px solid #fff;
      background: no-repeat center;
      background-size: cover;
      cursor: pointer; }
      #area-top #area-owner #area-owner-img .area-owner-nav li.on {
        border-color: #262626; }
#area-top #area-partner {
  background: #f7f8f7; }
  #area-top #area-partner .partner-thumb {
    padding: 0 28px;
    text-align: center; }
  #area-top #area-partner h4 {
    text-align: center; }
  #area-top #area-partner img {
    max-width: 100%;
    height: 112px;
    width: auto;
    margin-bottom: 3.5px; }
  #area-top #area-partner .partner-genre {
    background: #fff;
    margin: 0 14px;
    padding: 14px 14px;
    border-radius: 8px; }
  @media screen and (max-width: 768px) {
    #area-top #area-partner h3 {
      text-align: center; } }

/*────────────────────────
		ユーザー、マイページ、アカウント情報
────────────────────────*/
#user .user-meta a {
  text-decoration: none;
  color: #666; }
#user ul.account-nav li {
  margin-right: 28px;
  margin-bottom: 7px;
  font-weight: bold; }
  #user ul.account-nav li:last-child {
    margin-right: 0; }
  #user ul.account-nav li a {
    font-weight: normal;
    text-decoration: none;
    color: #666; }
    #user ul.account-nav li a:hover {
      color: #84bc25; }
#user .icon-thumb {
  float: left;
  margin-right: 9.3333333333px; }
  @media screen and (max-width: 767px) {
    #user .icon-thumb {
      float: none;
      margin-right: 0; } }
#user .pj-status {
  text-align: center;
  padding: 14px;
  background: #f7f8f7;
  color: #666;
  font-weight: bold; }
  #user .pj-status.active {
    background: #eff4e4;
    color: #84bc25; }
@media screen and (max-width: 767px) {
  #user.edit-account .form-submit {
    margin-top: 28px; } }

#ProfileIcn {
  list-style: none; }
  #ProfileIcn li {
    vertical-align: top;
    padding: 0 14px; }
    #ProfileIcn li input, #ProfileIcn li span, #ProfileIcn li label {
      vertical-align: middle; }
    #ProfileIcn li .thumb {
      padding-top: 7px; }
      #ProfileIcn li .thumb img {
        border-radius: 50%; }
    #ProfileIcn li #uploaded-icon {
      border-radius: 50%;
      display: none;
      width: 100px;
      height: 100px;
      background-size: cover; }
      #ProfileIcn li #uploaded-icon.uploaded {
        display: block; }

/*────────────────────────
		メッセージ
────────────────────────*/
#message .message-page-title {
  padding-top: 14px; }
#message .message-block {
  padding: 0 28px 42px;
  color: #666; }
  #message .message-block.unread {
    background: #f7f8f7;
    padding-top: 42px;
    margin-bottom: 42px;
    color: #262626; }
    #message .message-block.unread p {
      font-weight: bold; }
#message .message-user {
  float: left;
  width: 84px; }
  #message .message-user img {
    width: 100%;
    height: auto;
    border-radius: 50%; }
#message .message-content {
  width: 100%;
  float: left;
  margin-left: -84px; }
  #message .message-content .message-content-inner {
    margin-left: 98px; }
  #message .message-content .message-projectname {
    color: #666; }
  #message .message-content .message-projectname, #message .message-content p {
    margin-bottom: 14px; }
  #message .message-content .message-excerpt a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #666; }
@media screen and (max-width: 768px) {
  #message .message-block {
    padding: 0 14px 28px; }
    #message .message-block.unread {
      padding-top: 28px;
      margin-bottom: 28px; }
  #message .message-user {
    width: 42px; }
  #message .message-content {
    margin-left: -42px; }
    #message .message-content .message-content-inner {
      margin-left: 56px; } }
#message .message-back a {
  color: #262626; }
#message .message-single {
  border-top: 1px solid #dddddd;
  padding: 28px 14px;
  position: relative; }
  #message .message-single .message-user {
    width: 20.8325%;
    float: left; }
    #message .message-single .message-user .thumb {
      float: left;
      margin-right: 14px;
      width: 42px; }
      @media screen and (max-width: 768px) {
        #message .message-single .message-user .thumb {
          margin-bottom: 7px; } }
    #message .message-single .message-user .name {
      white-space: nowrap;
      overflow: hidden;
      clear: both;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      line-height: 21px; }
      @media screen and (max-width: 768px) {
        #message .message-single .message-user .name {
          font-weight: normal;
          font-size: 12px;
          line-height: 1.75; } }
  #message .message-single .message-content {
    width: 100%;
    float: left;
    margin-left: -20.8325%; }
    #message .message-single .message-content .message-content-inner {
      -webkit-transition: height 0.2s;
      -o-transition: height 0.2s;
      transition: height 0.2s;
      height: auto;
      margin-left: 20.8325%;
      padding-left: 14px;
      padding-right: 8.333%; }
      #message .message-single .message-content .message-content-inner p:last-child {
        margin-bottom: 0; }
  #message .message-single .read-label {
    position: absolute;
    right: 14px;
    top: 28px;
    display: none; }
    @media screen and (max-width: 768px) {
      #message .message-single .read-label {
        top: 14px; } }
  #message .message-single.read {
    background: #f7f8f7; }
    #message .message-single.read .read-label {
      display: block; }
    #message .message-single.read .message-content .message-content-inner {
      height: 42px;
      overflow: hidden; }
      #message .message-single.read .message-content .message-content-inner p {
        display: inline;
        color: #666; }
      @media screen and (max-width: 768px) {
        #message .message-single.read .message-content .message-content-inner {
          height: 84px; } }

/*────────────────────────
		エディタ
────────────────────────*/
#tinymce p {
  margin-bottom: 0; }

#tinymce h2 br {
  display: block; }

/*────────────────────────
		プロジェクトを始める
────────────────────────*/
#entry-eyecatch {
  height: 420px;
  text-align: center;
  color: #fff;
  background: url(../img/entry-eyecatch.jpg) no-repeat center top;
  background-size: cover;
  padding: 0 14px; }
  #entry-eyecatch .entry-copy {
    padding-top: 161px;
    margin: 0 0 28px;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
  @media screen and (max-width: 768px) {
    #entry-eyecatch {
      padding: 0 14px;
      height: auto; }
      #entry-eyecatch .entry-copy {
        padding: 42px 0;
        margin-bottom: 0; }
        #entry-eyecatch .entry-copy br {
          display: none; } }

#entry-top #entry-cases .entry-case-copy {
  text-align: center;
  margin-bottom: 14px;
  font-weight: bold;
  position: relative;
  bottom: -28px;
  opacity: 0; }
#entry-top #faavo-points .faavo-point {
  position: relative; }
#entry-top #faavo-points .faavo-point-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
#entry-top #entry-flow {
  overflow: hidden; }
  #entry-top #entry-flow h2 {
    position: relative;
    z-index: 9; }
  #entry-top #entry-flow .entry-timeline {
    position: relative; }
    #entry-top #entry-flow .entry-timeline .timeline-text, #entry-top #entry-flow .entry-timeline .timeline-icon {
      color: #fff; }
      @media screen and (max-width: 768px) {
        #entry-top #entry-flow .entry-timeline .timeline-text, #entry-top #entry-flow .entry-timeline .timeline-icon {
          display: none; } }
    #entry-top #entry-flow .entry-timeline .timeline-text {
      width: 9em;
      height: 42px;
      line-height: 42px;
      border-radius: 42px;
      margin: 0;
      background: #262626; }
    #entry-top #entry-flow .entry-timeline .timeline-icon {
      width: 42px;
      height: 42px;
      line-height: 42px;
      border-radius: 50%;
      background: #dddddd; }
    #entry-top #entry-flow .entry-timeline .timeline-content {
      padding: 28px 42px;
      background: #fff;
      background: rgba(255, 255, 255, 0.98);
      position: absolute;
      width: 33.332%;
      right: 0;
      top: 42px;
      text-align: left;
      -webkit-transition: all 1.5s 0.5s;
      -o-transition: all 1.5s 0.5s;
      transition: all 1.5s 0.5s;
      opacity: 0;
      z-index: 999; }
      #entry-top #entry-flow .entry-timeline .timeline-content.on {
        top: 21px;
        opacity: 1; }
      #entry-top #entry-flow .entry-timeline .timeline-content p {
        margin: 0; }
      #entry-top #entry-flow .entry-timeline .timeline-content:after {
        content: "";
        border-style: solid;
        border-width: 18px 1px 0 18px;
        border-color: #fff #fff transparent transparent;
        position: absolute;
        left: -18px;
        top: 0px; }
      #entry-top #entry-flow .entry-timeline .timeline-content.left {
        right: auto;
        left: 0; }
        #entry-top #entry-flow .entry-timeline .timeline-content.left:after {
          border-width: 18px 18px 0 0;
          border-color: #fff transparent transparent #fff;
          right: -18px;
          left: auto; }
      @media screen and (max-width: 768px) {
        #entry-top #entry-flow .entry-timeline .timeline-content {
          position: static;
          right: auto;
          top: auto;
          opacity: 1;
          width: auto;
          margin: 0 14px; } }
    #entry-top #entry-flow .entry-timeline .timeline-img {
      position: absolute;
      z-index: -1;
      bottom: -28px; }
      #entry-top #entry-flow .entry-timeline .timeline-img img {
        border-radius: 50%; }
      @media screen and (max-width: 768px) {
        #entry-top #entry-flow .entry-timeline .timeline-img {
          display: none; } }
    #entry-top #entry-flow .entry-timeline .timeline-block {
      text-align: center;
      padding-bottom: 126px;
      z-index: 2;
      position: relative; }
      #entry-top #entry-flow .entry-timeline .timeline-block:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 0;
        top: 0;
        left: 50%;
        background: #dddddd;
        -webkit-transition: height 1s 0.5s ease-in-out;
        -o-transition: height 1s 0.5s ease-in-out;
        transition: height 1s 0.5s ease-in-out;
        z-index: -1; }
      #entry-top #entry-flow .entry-timeline .timeline-block.highlight .timeline-text {
        -webkit-animation-name: highlight;
                animation-name: highlight;
        -webkit-animation-duration: 2s;
                animation-duration: 2s; }
      #entry-top #entry-flow .entry-timeline .timeline-block.highlight .timeline-icon {
        -webkit-animation-name: highlightIcon;
                animation-name: highlightIcon;
        -webkit-animation-duration: 2s;
                animation-duration: 2s; }
      #entry-top #entry-flow .entry-timeline .timeline-block.highlight:after {
        height: 100%; }
@-webkit-keyframes highlight {
  0% {
    background: #262626; }
  60% {
    background: #b3e166; }
  100% {
    background: #262626; } }
@keyframes highlight {
  0% {
    background: #262626; }
  60% {
    background: #b3e166; }
  100% {
    background: #262626; } }
@-webkit-keyframes highlightIcon {
  0% {
    background: #dddddd; }
  60% {
    background: #b3e166; }
  100% {
    background: #dddddd; } }
@keyframes highlightIcon {
  0% {
    background: #dddddd; }
  60% {
    background: #b3e166; }
  100% {
    background: #dddddd; } }
      #entry-top #entry-flow .entry-timeline .timeline-block.first {
        z-index: 6; }
      #entry-top #entry-flow .entry-timeline .timeline-block.second {
        z-index: 5; }
        #entry-top #entry-flow .entry-timeline .timeline-block.second .timeline-img {
          left: -4.1665%; }
      #entry-top #entry-flow .entry-timeline .timeline-block.third {
        z-index: 4; }
        #entry-top #entry-flow .entry-timeline .timeline-block.third .timeline-img {
          right: 8.333%; }
      #entry-top #entry-flow .entry-timeline .timeline-block.fourth {
        z-index: 3; }
        #entry-top #entry-flow .entry-timeline .timeline-block.fourth .timeline-img {
          left: 24.999%;
          bottom: 28px; }
      #entry-top #entry-flow .entry-timeline .timeline-block.fifth {
        z-index: 2; }
        #entry-top #entry-flow .entry-timeline .timeline-block.fifth .timeline-img {
          right: -2.08325%;
          bottom: -378px; }
      #entry-top #entry-flow .entry-timeline .timeline-block.sixth {
        z-index: 1; }
        #entry-top #entry-flow .entry-timeline .timeline-block.sixth .timeline-img {
          left: 14px;
          bottom: -420px; }
        #entry-top #entry-flow .entry-timeline .timeline-block.sixth.highlight:after {
          height: 200%; }
      @media screen and (max-width: 1280px) {
        #entry-top #entry-flow .entry-timeline .timeline-block .timeline-content {
          width: 29.1655%; }
        #entry-top #entry-flow .entry-timeline .timeline-block .timeline-img img {
          zoom: 0.8; }
        #entry-top #entry-flow .entry-timeline .timeline-block.second .timeline-img {
          left: -8.333%; }
        #entry-top #entry-flow .entry-timeline .timeline-block.third .timeline-img {
          right: 4.1665%; }
        #entry-top #entry-flow .entry-timeline .timeline-block.fourth .timeline-img {
          left: 12.4995%;
          bottom: 28px; }
        #entry-top #entry-flow .entry-timeline .timeline-block.fifth .timeline-img {
          right: -4.1665%;
          bottom: -378px; }
        #entry-top #entry-flow .entry-timeline .timeline-block.sixth .timeline-img {
          left: -84px;
          bottom: -420px; } }
      @media screen and (max-width: 768px) {
        #entry-top #entry-flow .entry-timeline .timeline-block {
          padding-bottom: 28px; }
          #entry-top #entry-flow .entry-timeline .timeline-block:after {
            display: none; }
          #entry-top #entry-flow .entry-timeline .timeline-block .timeline-content {
            width: auto; } }
    #entry-top #entry-flow .entry-timeline .timeline-cv {
      padding-top: 168px;
      z-index: 9;
      position: relative; }
      @media screen and (max-width: 768px) {
        #entry-top #entry-flow .entry-timeline .timeline-cv {
          padding-top: 0;
          margin: 0 14px; }
          #entry-top #entry-flow .entry-timeline .timeline-cv p {
            text-align: left !important; }
            #entry-top #entry-flow .entry-timeline .timeline-cv p br {
              display: none; } }

#entry .start-project input[type="text"] {
  width: 38em; }
@media screen and (max-width: 768px) {
  #entry .start-project select, #entry .start-project input[type="text"] {
    width: 100%; } }
#entry .entry-header {
  padding-top: 28px; }
#entry .entry-nav {
  list-style: none; }
  #entry .entry-nav li {
    margin-bottom: 7px;
    color: #999; }
    #entry .entry-nav li:last-child {
      margin-right: 0; }
    #entry .entry-nav li strong {
      color: #262626; }
    #entry .entry-nav li a {
      font-weight: normal;
      text-decoration: none;
      color: #666; }
      #entry .entry-nav li a:hover {
        color: #84bc25; }
  #entry .entry-nav.confirm a {
    font-weight: bold;
    color: #262626; }
#entry .entry-updated {
  position: absolute;
  top: 0;
  right: 42px;
  line-height: 28px;
  color: #666; }
  @media screen and (max-width: 768px) {
    #entry .entry-updated {
      margin-top: 7px;
      background: #f7f8f7;
      padding: 7px 14px;
      position: static;
      right: auto; } }
#entry .entry-return-block {
  margin-bottom: 14px; }
#entry table.return-list img {
  width: 112px;
  height: auto; }
#entry table.return-list a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"; }
@media screen and (max-width: 768px) {
  #entry table.return-list {
    border-top: none;
    border-bottom: 1px solid #dddddd; }
    #entry table.return-list td {
      border-bottom: none; }
    #entry table.return-list tr td:first-child {
      background: #f7f8f7;
      font-weight: bold;
      border-top: 1px solid #dddddd; }
    #entry table.return-list tr:first-child {
      display: none; }
    #entry table.return-list .date, #entry table.return-list .num, #entry table.return-list .required {
      display: none; } }
#entry .entry-preview-finish {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 28px 0 14px;
  border-top: 1px solid #84bc25;
  z-index: 9999; }
#entry .entry-bnts form {
  display: inline; }

/*画像、ファイルアップロード*/
/*.entry-img-uploader {
	background:#fff;
	text-align:center;
	padding:$unit*3 $unit;
	margin-bottom:$unit/2;
	border:1px solid $c_border;
	&.uploaded {
		padding:0 0 $unit;
		img {
			width:100%;
			max-width:100%;
			height:auto;
			display:block;
			margin-bottom:$unit/2;
		}
	}
}*/
.entry-img {
  background: #fff;
  text-align: center;
  padding-top: 14px;
  margin-bottom: 14px;
  border: 1px solid #dddddd; }

.entry-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block; }

.entry-img .img-caution {
  margin-top: 48px; }

.entry-img .btn {
  margin-bottom: 48px; }

.entry-img-uploader {
  background: #fff;
  text-align: center;
  margin: 14px 0; }

.entry-img-uploader.uploaded img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 14px; }

.profile-img-uploader {
  background: #fff;
  text-align: center;
  padding: 84px 28px;
  margin-bottom: 14px;
  border: 1px solid #dddddd; }

.entry-file-uploader {
  background: #fff;
  text-align: center;
  padding: 56px 28px;
  margin-bottom: 14px; }
  .entry-file-uploader.uploaded {
    padding: 0 0 28px; }
    .entry-file-uploader.uploaded .filename {
      padding-top: 28px;
      font-weight: bold;
      margin-bottom: 28px; }
    .entry-file-uploader.uploaded .filedesc {
      display: none; }

.entry-icon-uploader {
  background: #fff;
  text-align: center;
  padding: 84px 28px;
  margin-bottom: 14px;
  border: 1px solid #dddddd; }

.contents-error {
  width: 98%;
  color: #ff0000;
  font-weight: bold;
  border: #ff6767 1px solid;
  background: #ffff9a;
  margin: 0 auto 10px;
  padding: 10px 0;
  display: none; }

.contents-error.on {
  display: block; }

.error-mce-5mb {
  color: #ff0000;
  border-radius: 5px;
  background: #ffff00;
  font-weight: bold;
  padding: 3px 5px;
  display: inline-block; }

/*プレビューのヘッダー部*/
#pubpreview-header {
  color: red;
  background: #1a1a1a;
  padding: 10px 0px;
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 16px; }

@media screen and (max-width: 767px) {
  #pubpreview-header {
    font-size: 12px; } }
/*────────────────────────
		プロジェクトを始める
────────────────────────*/
#admin .admin-header {
  padding-top: 28px; }
#admin .admin-nav {
  margin-bottom: 7px;
  color: #999; }
  #admin .admin-nav a {
    font-weight: normal;
    text-decoration: none;
    color: #666; }
    #admin .admin-nav a:hover {
      color: #84bc25; }

/*────────────────────────
		アバウトページ
────────────────────────*/
#about-eyecatch {
  height: 420px;
  text-align: center;
  color: #fff;
  background: url(../img/entry-sample.jpg) no-repeat center top;
  background-size: cover;
  padding: 0 14px; }
  #about-eyecatch .about-copy {
    padding-top: 161px;
    margin: 0 0 28px;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
  @media screen and (max-width: 768px) {
    #about-eyecatch {
      height: auto; }
      #about-eyecatch .about-copy {
        padding: 56px 0;
        margin: 0; }
        #about-eyecatch .about-copy br {
          display: none; } }

#about-btns {
  text-align: center; }

#about #about-thought .thought-list {
  padding: 56px 0 28px;
  list-style: none; }
  #about #about-thought .thought-list .thought-block {
    background: #fff;
    margin-bottom: 56px;
    padding-bottom: 14px;
    /*cursor:pointer;
    position:relative;*/
    /*&:after {
    	content: "\f078";
    	font-family:icomoon;
    	position:absolute;
    	right:$unit;
    	top:0;
    	@extend .h3;
    	color:$c_faavo;
    }
    &.on {
    	padding-bottom:$unit;
    	h3 {
    		margin-top:$unit/2;
    	}
    	&:after {
    		content: "\f077";
    		color:$c_text;
    	}
    }*/ }
    #about #about-thought .thought-list .thought-block .thought-img img {
      width: 100%;
      height: auto; }
    #about #about-thought .thought-list .thought-block h3, #about #about-thought .thought-list .thought-block p {
      padding-left: 56px;
      padding-right: 56px; }
    #about #about-thought .thought-list .thought-block h3 {
      margin: 42px 0 28px;
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    @media screen and (max-width: 768px) {
      #about #about-thought .thought-list .thought-block {
        margin-bottom: 28px; }
        #about #about-thought .thought-list .thought-block h3, #about #about-thought .thought-list .thought-block p {
          padding-left: 14px;
          padding-right: 14px;
          margin-bottom: 14px; }
        #about #about-thought .thought-list .thought-block h3 {
          margin-top: 28px; } }
#about #fav-pj .fav-pj-block .staff .staff-pic {
  float: left;
  margin-right: 14px; }
  #about #fav-pj .fav-pj-block .staff .staff-pic img {
    border-radius: 50%; }
#about #about-possibility .possibility-block .col-inner {
  background: #fff;
  margin: 0 14px;
  padding: 28px;
  position: relative; }
#about #about-possibility .possibility-block h3 {
  text-align: center;
  margin-bottom: 14px; }
#about #about-possibility .possibility-block p {
  margin-bottom: 68px; }
#about #about-possibility .possibility-block .possibility-btn {
  position: absolute;
  bottom: 28px;
  width: 100%;
  left: 0; }
@media screen and (max-width: 768px) {
  #about #about-possibility .possibility-block {
    margin-bottom: 28px; } }

/*────────────────────────
		FAQ
────────────────────────*/
#faq-nav {
  padding: 14px 0 0; }
  #faq-nav a {
    padding-bottom: 14px; }
  #faq-nav a.on {
    font-weight: bold;
    text-decoration: none;
    cursor: default; }
    #faq-nav a.on:hover {
      color: #262626; }

/*────────────────────────
		アンバサダー一覧
────────────────────────*/
#ambassador-eyecatch {
  height: 420px;
  text-align: center;
  color: #fff;
  background: #8DC200;
  background-size: cover;
  padding: 0 14px; }
  #ambassador-eyecatch .ambassador-copy {
    padding-top: 161px;
    margin: 0 0 28px;
    letter-spacing: 0.05em;
    font-weight: bold; }
  @media screen and (max-width: 767px) {
    #ambassador-eyecatch {
      padding: 0 14px;
      height: auto; }
      #ambassador-eyecatch .ambassador-copy {
        padding: 56px 0;
        margin-bottom: 0; } }

#amb-section-block {
  padding: 84px 0 84px;
  position: relative; }
  @media screen and (max-width: 767px) {
    #amb-section-block {
      padding: 56px 0; } }
  #amb-section-block .scrolltop {
    right: 42px;
    bottom: -1px;
    position: absolute; }
    @media screen and (max-width: 767px) {
      #amb-section-block .scrolltop {
        right: 17px; } }

/*ambassador thumbnail*/
.amb-thumb {
  background: #fff; }
  .amb-thumb a {
    display: block;
    text-decoration: none;
    color: #262626; }
  .amb-thumb a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s; }
  .amb-thumb .amb-thumb-img {
    background: no-repeat center;
    background-size: cover;
    position: relative;
    border-radius: 50%;
    width: 80%;
    margin: 0 auto; }
    .amb-thumb .amb-thumb-img:after {
      content: "";
      display: block;
      padding-top: 100%; }
  .amb-thumb .amb-data {
    margin: 10px 10px 0px 10px; }
    .amb-thumb .amb-data .amb-data-block.name {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 14px; }
      @media screen and (max-width: 767px) {
        .amb-thumb .amb-data .amb-data-block.name {
          font-size: 14px; } }
    .amb-thumb .amb-data .amb-data-block.area {
      font-size: 12px;
      margin-bottom: 5px; }
      @media screen and (max-width: 767px) {
        .amb-thumb .amb-data .amb-data-block.area {
          font-size: 10px; } }
    .amb-thumb .amb-data .amb-data-block.comment {
      font-size: 14px; }
      @media screen and (max-width: 767px) {
        .amb-thumb .amb-data .amb-data-block.comment {
          font-size: 12px; } }

#ambassador-top #ambassador-about {
  text-align: center;
  background: #f7f8f7;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out; }
  #ambassador-top #ambassador-about .ambassador-about-title {
    margin: 28px 0; }
  #ambassador-top #ambassador-about .ambassador-about-content {
    max-width: 38em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    display: none; }

/*ambassador grid*/
.row .col.amb-grid1of4 {
  width: 25%;
  float: left; }
.row .col.amb-grid1of4:nth-child(4n-3) {
  clear: left; }
@media screen and (max-width: 767px) {
  .row .col.amb-grid1of4 {
    width: 50%;
    float: left; }
  .row .col.amb-grid1of4:nth-child(2n-1) {
    clear: left; } }

/*────────────────────────
		アンバサダー詳細
────────────────────────*/
.amb-sns a {
  text-decoration: none;
  color: #262626;
  font-size: 24px; }

#amb-detail-thumb-img {
  background: no-repeat center;
  background-size: cover;
  position: relative;
  border-radius: 50%;
  width: 80%;
  margin: 0 auto; }
  #amb-detail-thumb-img:after {
    content: "";
    display: block;
    padding-top: 100%; }

.icon-star {
  color: orange;
  font-size: 24px; }

.stars {
  text-align: center;
  margin-bottom: 5px; }

/*────────────────────────
		夏祭り特集
────────────────────────*/
#summer-fes-eyecatch {
  height: 420px;
  text-align: center;
  color: #fff;
  background: url(../img/summer_fes/entry.jpg) no-repeat center top;
  background-size: cover;
  padding: 0 14px; }
  #summer-fes-eyecatch .about-copy {
    padding-top: 161px;
    margin: 0 0 28px;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
  @media screen and (max-width: 768px) {
    #summer-fes-eyecatch {
      height: auto; }
      #summer-fes-eyecatch .about-copy {
        padding: 56px 0;
        margin: 0; }
        #summer-fes-eyecatch .about-copy br {
          display: none; } }

#summer-fes-banners {
  background: #f7f8f7; }
  #summer-fes-banners ul {
    list-style: none;
    margin: 0; }
    #summer-fes-banners ul img {
      width: 100%;
      height: auto; }

/*button*/
.btn {
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  color: #262626;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn.gray {
    background: #f7f7f7; }
    .btn.gray:hover {
      background: #84bc25;
      color: #fff; }
  .btn.white {
    background: #fff;
    color: #262626; }
    .btn.white:hover {
      background: #84bc25;
      color: #fff; }
  .btn.black {
    background: #1a1a1a;
    color: #fff; }
    .btn.black:hover {
      background: #84bc25; }
  .btn.green {
    background: #84bc25;
    color: #fff; }
    .btn.green:hover {
      background: #b3e166; }
  .btn.red {
    background: #E41C00;
    color: #fff; }
    .btn.red:hover {
      background: #ff614b; }
  .btn.disabled {
    background: #dddddd;
    color: #999; }
  .btn.bg_facebook {
    color: #fff; }
    .btn.bg_facebook:hover {
      background: #6082cd; }
  .btn.bg_twitter {
    color: #fff; }
    .btn.bg_twitter:hover {
      background: #54d0ff; }
  .btn.border {
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .btn.border:hover {
      border-color: #84bc25; }
  .btn.large {
    font-size: 18px;
    line-height: 28px;
    padding: 14px 28px;
    min-width: 33.332%; }
    @media screen and (max-width: 767px) {
      .btn.large {
        padding: 7px 0;
        font-size: 16px;
        width: 100%; } }
  .btn.rewardbtn {
    font-size: 18px;
    line-height: 28px;
    padding: 14px 28px;
    min-width: 33.332%; }
    @media screen and (max-width: 767px) {
      .btn.rewardbtn {
        display: none;
        padding: 7px 0;
        font-size: 16px;
        width: 100%; } }
  .btn.small {
    font-size: 14px;
    line-height: 22px;
    padding: 3px 0.5em; }
  .btn.medium {
    font-size: 15px;
    line-height: 28px;
    padding: 9px 1.5em;
    min-width: 8em; }
  .btn.medium {
    font-size: 15px;
    line-height: 28px;
    padding: 9px 1.5em;
    min-width: 8em; }
  .btn.scroll {
    font-size: 15px;
    line-height: 28px;
    padding: 9px 1.5em;
    margin: 0 0 5px;
    min-width: 8em; }
  .btn.hori100 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%; }
  .btn.success_project_green_box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    padding: 14px 28px;
    min-width: 33.332%;
    background: #fff;
    color: #1CD820;
    text-decoration: none;
    margin-top: 15px;
    border: solid 2px #1CD820;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block; }

/* form */
body#tinymce {
  padding: 14px; }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
  border: 1px solid #dddddd;
  padding: 7px 14px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
  line-height: 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  input[type="text"][disabled], input[type="email"][disabled], input[type="password"][disabled], input[type="tel"][disabled] {
    background: none;
    border-color: transparent;
    padding-left: 0; }

input[type="text"].entry-price {
  width: 14em; }
input[type="text"].entry-days {
  width: 14em; }
input[type="text"].entry-return-num {
  width: 6em; }
input[type="text"].placeholder {
  color: #999; }

input[type="file"] {
  color: #666;
  font-size: 12px; }

select {
  border: 1px solid #dddddd;
  background: #fff;
  height: 46px;
  vertical-align: middle; }

textarea {
  border: 1px solid #dddddd;
  width: 100%;
  padding: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }
  textarea:focus {
    outline: none; }

.form-list dt {
  width: 6em;
  float: left;
  font-weight: bold;
  margin-bottom: 28px;
  padding: 8px 0;
  clear: both; }
.form-list dd {
  width: 100%;
  float: left;
  margin-left: -6em;
  margin-bottom: 28px; }
  .form-list dd p {
    padding: 7px 0 0;
    margin-bottom: 0; }
.form-list .form-input {
  margin-left: 7em; }
.form-list .error_list, .form-list .form-error {
  color: red;
  font-size: 13px;
  margin: 0;
  list-style: none; }
.form-list.confirm dt {
  padding: 0;
  font-weight: normal;
  margin-bottom: 0; }
  .form-list.confirm dt:after {
    content: "："; }
.form-list.confirm dd {
  margin-bottom: 0; }
.form-list.signup dt, .form-list.signin dt, .form-list.account dt {
  width: 12em; }
.form-list.signup dd, .form-list.signin dd, .form-list.account dd {
  margin-left: -12em; }
.form-list.signup .form-input, .form-list.signin .form-input, .form-list.account .form-input {
  margin-left: 13em; }
.form-list.add-return dt {
  width: 9em; }
.form-list.add-return dd {
  margin-left: -9em; }
  .form-list.add-return dd .form-input {
    margin-left: 10em; }
@media screen and (max-width: 959px) {
  .form-list dt, .form-list dd {
    float: none;
    width: 100% !important; }
  .form-list dt {
    margin: 0  !important; }
  .form-list dd {
    margin: 0 0 14px !important; }
  .form-list .form-input {
    margin: 0 !important; } }
@media screen and (max-width: 767px) {
  .form-list dd {
    margin: 0 0 7px !important; } }

.form-input.count {
  position: relative;
  padding-right: 3.5em; }
  .form-input.count .count-num {
    position: absolute;
    right: 0;
    bottom: 7px;
    color: #666; }

.step1 .select-area select {
  width: 100%; }

/*dialog*/
.edit-completed {
  text-align: center;
  padding: 14px 28px;
  border: 1px solid #84bc25;
  background: #fff;
  color: #84bc25; }

.edit-failed {
  text-align: center;
  padding: 14px 28px;
  border: 1px solid red;
  background: #fff;
  color: red; }

/* table */
table {
  width: 100%;
  background: #fff;
  word-break: break-all;
  word-wrap: break-word; }
  table tr {
    width: 100%; }
  table td, table th {
    border: 1px solid #dddddd;
    padding: 14px 14px;
    text-align: left;
    vertical-align: top; }
  table th {
    font-weight: bold;
    background: #f7f8f7; }
    table th:first-child {
      min-width: 7em; }
  table.inquiry-confirm th {
    min-width: 11em; }
  table.sortable thead th {
    cursor: pointer;
    position: relative; }
    table.sortable thead th:after {
      font-family: 'icomoon';
      position: absolute;
      right: 14px;
      bottom: 14px;
      content: "\f0dc"; }
    table.sortable thead th.headerSortDown:after {
      content: "\f078"; }
    table.sortable thead th.headerSortUp:after {
      content: "\f077"; }
  @media screen and (max-width: 767px) {
    table.return-list {
      border-top: 1px solid #dddddd; }
      table.return-list th {
        display: block;
        border-top: none;
        border-bottom: none; }
      table.return-list td {
        display: block;
        border-top: none; }
    table .display-none-col {
      display: none; } }

/*project thumbnail*/
.pj-thumb {
  border-radius: 5px;
  background: #fff;
  height: 325px;
  border: 1px solid #dddddd; }
  .pj-thumb a {
    display: block;
    text-decoration: none;
    color: #262626; }
  .pj-thumb .pj-thumb-img {
    background: no-repeat center;
    background-size: cover;
    position: relative;
    border-radius: 4px 4px 0 0; }
    .pj-thumb .pj-thumb-img:after {
      content: "";
      display: block;
      padding-top: 61.804697157%;
      padding-top: 66.6666666667%; }
    .pj-thumb .pj-thumb-img .pj-thumb-img-cover {
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.6);
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      -ms-filter: "alpha(opacity=0)";
      -webkit-transition: opacity 0.6s;
      -o-transition: opacity 0.6s;
      transition: opacity 0.6s; }
  .pj-thumb .pj-label {
    position: absolute;
    top: 0;
    right: 0; }
    .pj-thumb .pj-label img {
      width: 68px;
      height: auto; }
  .pj-thumb .pj-thumb-content {
    border-top: none;
    border-radius: 0 0 5px 5px; }
  .pj-thumb .pj-thumb-visible-area-wrapper {
    position: relative; }
    .pj-thumb .pj-thumb-visible-area-wrapper .pj-thumb-place {
      font-size: 12px;
      background: #fff;
      position: absolute;
      left: 10px;
      top: -20px;
      letter-spacing: 0.1em;
      display: -moz-inline-box;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      padding: 3px 5px;
      border-radius: 3px 3px 0 0; }
  .pj-thumb .pj-thumb-visible-area {
    padding: 0 10px;
    height: 102px;
    /*5行 + margin*/
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
    position: relative; }
  .pj-thumb .pj-thumb-content-inner {
    padding: 1px 10px 0;
    background: #fff;
    height: 44px;
    margin-bottom: 10px; }
  .pj-thumb .pj-thumb-title, .pj-thumb .pj-thumb-desc {
    line-height: 17px;
    text-align: justify; }
  .pj-thumb .pj-thumb-title {
    font-size: 13px;
    margin: 10px 0 7px;
    -webkit-transition: color 0.6s;
    -o-transition: color 0.6s;
    transition: color 0.6s; }
  .pj-thumb .pj-thumb-desc {
    font-size: 12px;
    color: #999;
    margin: 0; }
  .pj-thumb .pj-thumb-cover {
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/pj-thumb-cover.png) repeat-x; }
  .pj-thumb .pj-bar-wrapper {
    margin: 0 10px;
    background: #e5e5e5;
    height: 6px;
    border-radius: 3px;
    margin-bottom: 10px; }
    .pj-thumb .pj-bar-wrapper .pj-bar {
      height: 6px;
      border-radius: 3px;
      width: 0; }
  .pj-thumb .pj-data {
    margin: 0 10px 7px; }
    .pj-thumb .pj-data .pj-data-block {
      float: left;
      margin-right: 26px; }
      .pj-thumb .pj-data .pj-data-block.remaining {
        margin-right: 0; }
    .pj-thumb .pj-data .pj-data-label {
      color: #999;
      display: block;
      font-size: 10px; }
    .pj-thumb .pj-data .pj-data-content {
      /*font-weight:$fw_bold;*/
      font-weight: bold;
      font-size: 12px; }
      .pj-thumb .pj-data .pj-data-content strong {
        font-size: 16px;
        /*font-family:"Avenir-Heavy", "AvenirNext-DemiBold", "Helvetica-Bold", Helvetica, Arial, sans-serif;*/
        font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
        letter-spacing: 0.06em; }
  .pj-thumb .pj-thumb-organizer {
    margin: 0 10px 10px;
    font-size: 11px;
    /*font-weight:$fw_medium;*/
    color: #999; }
    .pj-thumb .pj-thumb-organizer img {
      width: 24px;
      height: auto;
      border-radius: 50%;
      margin-right: 5px; }
  .pj-thumb .pj-badge {
    position: absolute;
    left: 14px;
    top: 14px;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s; }
    .pj-thumb .pj-badge.funded {
      left: -14px;
      top: -14px; }
      @media screen and (max-width: 768px) {
        .pj-thumb .pj-badge.funded {
          left: 14px;
          top: 14px; } }
    @media screen and (max-width: 768px) {
      .pj-thumb .pj-badge img {
        width: 50px;
        height: auto; } }
  .pj-thumb a:hover .pj-thumb-title {
    color: #84bc25; }
  .pj-thumb a:hover .pj-thumb-img .pj-thumb-img-cover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"; }
  .pj-thumb a:hover .pj-badge {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)"; }
  @media screen and (min-width: 768px) {
    .pj-thumb.featured {
      background: none;
      border: none;
      border-radius: 0;
      position: relative; }
      .pj-thumb.featured .pj-thumb-img {
        border-radius: 8px; }
      .pj-thumb.featured .pj-thumb-content {
        border-radius: 0; }
      .pj-thumb.featured .pj-thumb-visible-area-wrapper {
        position: static; }
        .pj-thumb.featured .pj-thumb-visible-area-wrapper .pj-thumb-place {
          /*position:absolute;
          top:auto;
          bottom:0;
          left:$unit;*/
          position: static;
          margin-left: 28px;
          border-radius: 3px;
          background: #262626;
          margin-bottom: 14px;
          color: #fff;
          font-weight: bold; }
      .pj-thumb.featured .pj-thumb-visible-area {
        height: auto;
        /*5行 + margin*/
        background: none;
        margin: 0 0 14px;
        padding-left: 28px; }
        .pj-thumb.featured .pj-thumb-visible-area .pj-thumb-title, .pj-thumb.featured .pj-thumb-visible-area .pj-thumb-desc {
          line-height: 20px; }
        .pj-thumb.featured .pj-thumb-visible-area .pj-thumb-title {
          font-size: 20px;
          line-height: 1.4;
          margin: 0 0 14px; }
        .pj-thumb.featured .pj-thumb-visible-area .pj-thumb-desc {
          font-size: 14px;
          line-height: 1.5; }
        .pj-thumb.featured .pj-thumb-visible-area .pj-thumb-cover {
          display: none; }
      .pj-thumb.featured .pj-bar-wrapper {
        margin-left: 28px; }
      .pj-thumb.featured .pj-data {
        margin-left: 28px; }
        .pj-thumb.featured .pj-data .pj-data-label {
          font-size: 14px;
          line-height: 1.5; }
        .pj-thumb.featured .pj-data .pj-data-content strong {
          font-size: 20px;
          line-height: 1.4; }
      .pj-thumb.featured .pj-thumb-organizer {
        margin-left: 28px;
        font-size: 12px; }
        .pj-thumb.featured .pj-thumb-organizer img {
          width: 36px; } }

/*地域選択*/
#area {
  background: #f3fbe6 url(../img/area-bg.png) no-repeat center; }
  @media screen and (max-width: 768px) {
    #area {
      background-size: 840px auto; } }

.area-list dl dt {
  font-weight: bold;
  margin-right: 2em;
  min-width: 3em;
  float: left;
  clear: both; }
.area-list dl dd {
  width: 100%; }
  .area-list dl dd .dd-inner {
    margin-left: 5em; }
  .area-list dl dd a {
    color: #262626;
    margin-right: 1em; }
    .area-list dl dd a:hover {
      color: #999; }

/*モーダル表示*/
#modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: none; }
  #modal-wrapper .modal-inner {
    position: absolute;
    left: 20.835%;
    top: 50%;
    background: #fff;
    border-radius: 8px;
    width: 58.33%;
    padding: 14px 28px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      #modal-wrapper .modal-inner {
        width: 96%;
        left: 2%; } }
    #modal-wrapper .modal-inner .modal-close {
      position: absolute;
      right: 14px;
      top: 14px;
      cursor: pointer;
      font-size: 28px; }
      #modal-wrapper .modal-inner .modal-close:hover {
        color: #999; }
    #modal-wrapper .modal-inner .modal-completed {
      display: none; }

/*ツールチップ*/
a.tooltip {
  display: inline-block; }
  a.tooltip span.tooltip-content {
    display: none; }
  a.tooltip:hover {
    position: relative;
    color: #666; }
    a.tooltip:hover span.tooltip-content {
      display: block;
      position: relative;
      top: 10px;
      color: #fff;
      background-color: #666;
      padding: 5px;
      border-radius: 3px;
      z-index: 100; }
      a.tooltip:hover span.tooltip-content:before {
        content: '';
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        top: -13px;
        left: 15px;
        border: 13px transparent solid;
        border-right-width: 0;
        border-left-color: #666;
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        z-index: 100; }