@charset "UTF-8";
/*
**  ===================================================================
**  各種設定：var,reset,base-font,break-point
**  ===================================================================
*/
/**
 * Foundation
**/
/*
**  ===================================================================
**  foundation CSS ※サイト全体に共通のスタイル
**  ===================================================================
*/
/*!
     * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
     * http://cssreset.com
     * Copyright 2012 Yahoo! Inc. All rights reserved.
     * http://yuilibrary.com/license/
     */
/*
        TODO will need to remove settings on HTML since we can't namespace it.
        TODO with the prefix, should I group by selector or property for weight savings?
    */
html {
  color: #000;
  background: #FFF; }

/*
        TODO remove settings on BODY since we can't namespace it.
    */
/*
        TODO test putting a class on HEAD.
            - Fails on FF.
    */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

/*
        TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
    */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

/* to preserve line-height and selector appearance */
sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset {
  display: none; }

/*
**  ===================================================================
**  Mixin CSS
**  ===================================================================
*/
/**
 * clearfix
**/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 1em; }
  header nav {
    margin-left: 3em; }
    header nav ul {
      list-style: none; }
      header nav ul li ul {
        margin-left: 1em; }

html {
  font-size: 100%;
  line-height: 1.8;
  font-size: calc(var(--fluidPx) * 16);
  color: #191919; }

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

.cat_status_bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 980px;
  margin: 0 auto 50px; }
  .cat_status_bar .indicator {
    margin-left: 4px;
    width: calc(100% - 30px);
    height: 5px;
    overflow: hidden;
    background: #2EAF33;
    position: relative; }
    .cat_status_bar .indicator .indicator_body {
      background: #9AD000;
      height: 5px;
      position: absolute;
      top: 0;
      left: 0; }

.mainvisual {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%; }
  .mainvisual div {
    max-width: 50%; }

section {
  width: 980px;
  margin: 0 auto; }
  section .sec_header {
    text-align: center; }
    section .sec_header h2 {
      font-size: 1.6em;
      text-align: center;
      font-weight: bold; }

.posts_wrap {
  width: 980px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 100px; }
  .posts_wrap .posts {
    width: 30%; }
    .posts_wrap .posts .thumb img {
      max-width: 100%;
      height: auto; }
    .posts_wrap .posts .status_bar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      .posts_wrap .posts .status_bar .indicator {
        margin-left: 4px;
        width: calc(100% - 30px);
        height: 5px;
        overflow: hidden;
        background: #2EAF33;
        position: relative; }
        .posts_wrap .posts .status_bar .indicator .indicator_body {
          background: #9AD000;
          height: 5px;
          position: absolute;
          top: 0;
          left: 0; }

.single .post {
  margin-top: 100px; }
  .single .post .content_block h2 {
    font-size: 3em;
    margin-bottom: 1em; }
  .single .post .content_block img {
    max-width: 100%;
    height: auto; }

.single-questionnaire .post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10%;
  box-sizing: border-box; }
  .single-questionnaire .post .content_block {
    width: 50%;
    padding: 0 2em;
    box-sizing: border-box; }
  .single-questionnaire .post .questionnaire_block {
    width: 50%; }

.single-signature .post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10%;
  box-sizing: border-box; }
  .single-signature .post .content_block {
    width: 70%;
    padding: 0 2em;
    box-sizing: border-box; }
  .single-signature .post .questionnaire_block {
    width: 30%; }

.single-board .post {
  width: 80%;
  max-width: 640px;
  margin: 0 auto; }

.single-board #comment_area {
  margin-top: 3em; }

.single-board .commets-list .children {
  margin-left: 3em; }

.single-board .comment-form {
  margin-top: 3em; }

.category h2 {
  font-size: 2em;
  font-weight: bold;
  padding: 1em 1em 0 1em;
  margin-bottom: 20px; }

.category section {
  margin-bottom: 100px; }

.page {
  margin: 0 auto; }

footer {
  background: #F2F2F2;
  padding: calc(var(--fluidPx) * 80) calc(var(--fluidPx) * 50) calc(var(--fluidPx) * 48);
  box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    footer {
      padding: calc(var(--fluidPx) * 24); } }
  footer .footer_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 calc(var(--fluidPx) * 90); }
    @media only screen and (max-width: 480px) {
      footer .footer_top {
        padding: 0 calc(var(--fluidPx) * 18);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    footer .footer_top .menu-menu2-container ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 480px) {
        footer .footer_top .menu-menu2-container ul {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; } }
      footer .footer_top .menu-menu2-container ul li.menu-item-object-page a {
        font-size: calc(var(--fluidPx) * 18);
        font-weight: 600;
        margin-bottom: calc(var(--fluidPx) * 20); }
        @media only screen and (max-width: 480px) {
          footer .footer_top .menu-menu2-container ul li.menu-item-object-page a {
            margin-bottom: calc(var(--fluidPx) * 12); } }
      footer .footer_top .menu-menu2-container ul li.menu-item-has-children {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: calc(var(--fluidPx) * 88); }
        @media only screen and (max-width: 480px) {
          footer .footer_top .menu-menu2-container ul li.menu-item-has-children {
            margin-bottom: calc(var(--fluidPx) * 24); } }
        footer .footer_top .menu-menu2-container ul li.menu-item-has-children a {
          font-size: calc(var(--fluidPx) * 18);
          font-weight: 600;
          margin-bottom: calc(var(--fluidPx) * 20); }
          @media only screen and (max-width: 480px) {
            footer .footer_top .menu-menu2-container ul li.menu-item-has-children a {
              margin-bottom: calc(var(--fluidPx) * 12); } }
        footer .footer_top .menu-menu2-container ul li.menu-item-has-children .sub-menu {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; }
          footer .footer_top .menu-menu2-container ul li.menu-item-has-children .sub-menu a {
            font-size: calc(var(--fluidPx) * 15);
            margin-bottom: calc(var(--fluidPx) * 20);
            font-weight: 400; }
            @media only screen and (max-width: 480px) {
              footer .footer_top .menu-menu2-container ul li.menu-item-has-children .sub-menu a {
                margin-bottom: calc(var(--fluidPx) * 8); } }
    @media only screen and (max-width: 480px) {
      footer .footer_top .sns {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end; } }
    footer .footer_top .sns a {
      margin-left: calc(var(--fluidPx) * 24); }
  footer .footer_bottom {
    border-top: 1px solid #1B1F53;
    margin-top: calc(var(--fluidPx) * 40);
    padding-top: calc(var(--fluidPx) * 24);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media only screen and (max-width: 480px) {
      footer .footer_bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
    footer .footer_bottom .menu-poricy-container ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      footer .footer_bottom .menu-poricy-container ul a {
        margin-left: calc(var(--fluidPx) * 32);
        text-decoration: underline; }
        @media only screen and (max-width: 480px) {
          footer .footer_bottom .menu-poricy-container ul a {
            margin-left: calc(var(--fluidPx) * 16);
            margin-right: calc(var(--fluidPx) * 16); } }
    @media only screen and (max-width: 480px) {
      footer .footer_bottom p {
        margin-top: calc(var(--fluidPx) * 16); } }

/*# sourceMappingURL=../maps/common.css.map */