@charset "UTF-8";
#blogs {
  margin-top: 8.375em; }
  #blogs .areabase {
    display: flex;
    justify-content: space-between; }
    #blogs .areabase .contentarea {
      order: 2;
      width: 62.5%; }
    #blogs .areabase .sidearea {
      order: 1;
      width: 28.125%; }
  #blogs .wp-pagenavi {
    margin-top: 9.375em; }
  @media screen and (max-width: 767px) {
    #blogs {
      margin-top: 2.3076923077em; }
      #blogs .areabase {
        display: block; }
        #blogs .areabase .contentarea {
          width: 100%; }
        #blogs .areabase .sidearea {
          width: 100%;
          padding-top: 0;
          margin-top: 5.3846153846em; } }

article {
  /*
  .art_firstview {
  	line-height: 0;
  	margin-bottom: em(54);
  	
  	img {
  		width: 100%;
  	}
  }
  */ }
  article:not(:last-child) {
    margin-bottom: 6.25em; }
  article .art_info {
    border-bottom: 1px solid #004714;
    margin-bottom: 3.75em; }
    article .art_info .head {
      display: flex;
      align-items: center;
      white-space: nowrap; }
      article .art_info .head .new {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.3125rem;
        font-size: 0.9375em;
        line-height: 1em;
        letter-spacing: 0.100em;
        font-family: 'Rubik', sans-serif;
        font-weight: bold;
        color: #FFF;
        background-color: #6fba2c;
        width: 3.5em;
        height: 1.6666666667em;
        margin-right: 1.1666666667em; }
      article .art_info .head .date {
        font-size: 0.875em;
        line-height: 1em;
        letter-spacing: 0.100em;
        font-family: 'Rubik', sans-serif;
        font-weight: bold;
        color: #004714; }
      article .art_info .head .cats {
        border-left: 1px solid #004714;
        margin-left: 1.0625em;
        padding-left: 0.875em;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        min-height: 1.25em;
        line-height: 0;
        font-size: 125%; }
        article .art_info .head .cats a {
          -webkit-transition: opacity 0.3s;
          -moz-transition: opacity 0.3s;
          transition: opacity 0.3s; }
          article .art_info .head .cats a:active, article .art_info .head .cats a:hover {
            filter: alpha(opacity=60);
            -webkit-opacity: 0.6;
            -moz-opacity: 0.6;
            opacity: 0.6; }
    article .art_info .art_title {
      font-size: 1.75em;
      line-height: 1.6071428571em;
      letter-spacing: 0.050em;
      margin: 1em 0;
      text-align: left;
      color: #004714; }
      article .art_info .art_title a {
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s; }
        article .art_info .art_title a:active, article .art_info .art_title a:hover {
          filter: alpha(opacity=60);
          -webkit-opacity: 0.6;
          -moz-opacity: 0.6;
          opacity: 0.6; }
  article .art_body {
    /*
    pre {
    	white-space: pre-wrap;
    	word-wrap: break-word;
    	overflow: auto;
    }
    */ }
    article .art_body .aligncenter {
      display: block;
      margin: 0 auto; }
    article .art_body .alignright {
      float: right;
      margin-left: 1em; }
    article .art_body .alignleft {
      float: left;
      margin-right: 1em; }
    @media only screen and (max-width: 767px) {
      article .art_body .alignright {
        float: none;
        margin-left: 0; }
      article .art_body .alignleft {
        float: none;
        margin-right: 0; } }
    article .art_body body#tinymce .clearfix::after {
      content: "これは回り込み解除です。実際には表示されません";
      display: block;
      text-align: center;
      background: repeating-linear-gradient(-45deg, #ddd, #ddd 10px, #fff 0, #fff 20px);
      border-radius: 0.5em;
      color: #666;
      border: 1px solid #ccc; }
    article .art_body a {
      color: inherit;
      text-decoration: underline;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s;
      	/*
      	// blankリンク
      	&[target="_blank"] {
      		margin-right: 1.5em;
      			
      		&::after {
      			content: "";
      			display: inline-block;
      			background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20524.4%20524.4%22%3E%3Cstyle%3E.st0%7Bfill%3A%234b4b4b%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M102.2%206.2v416h416V6.2h-416zm376%20376h-336v-336h336v336z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.2%20478.2v-376h-40v416h416v-40h-40z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M239%20319l117.9-117.8V286h40V132.9H243.8v40h84.8L210.7%20290.8z%22%2F%3E%3C%2Fsvg%3E');
      			background-size: contain;
      			background-position: center top;
      			background-repeat: no-repeat;
      			width: 0.8em;
      			margin: 0 0.5em;
      			height: 1em;
      			vertical-align: middle;
      			position: absolute;
      			right: -1.5em;
      			top: 50%;
          		transform: translateY(-50%);
      		}
      	}
      	*/ }
      article .art_body a:active, article .art_body a:hover {
        filter: alpha(opacity=60);
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        opacity: 0.6; }
    article .art_body .uline {
      border-bottom: 1px solid #000; }
    article .art_body strong {
      font-weight: bold; }
    article .art_body ruby > rt {
      transform: translateY(0.3em); }
    article .art_body sup {
      font-size: 70%;
      vertical-align: top;
      position: relative;
      top: -0.25em; }
    article .art_body sub {
      font-size: 70%;
      vertical-align: bottom;
      position: relative;
      bottom: -0.25em; }
    article .art_body mark {
      color: inherit;
      background: linear-gradient(transparent 70%, #ff9b99 70%); }
    article .art_body img[class*="wp-image-"],
    article .art_body img[class*="attachment-"] {
      max-width: 100%;
      height: auto;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    article .art_body .wp-caption {
      max-width: 100%; }
      article .art_body .wp-caption img {
        margin-bottom: 0; }
      article .art_body .wp-caption .wp-caption-text {
        font-size: 0.9em;
        margin-bottom: 1em; }
    article .art_body h1, article .art_body h2, article .art_body h3, article .art_body h4, article .art_body h5, article .art_body h6 {
      font-size: 1rem;
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      border: none;
      line-height: 1.35em;
      letter-spacing: 0.125em;
      clear: both; }
      article .art_body h1:not(:first-child), article .art_body h2:not(:first-child), article .art_body h3:not(:first-child), article .art_body h4:not(:first-child), article .art_body h5:not(:first-child), article .art_body h6:not(:first-child) {
        margin-top: 2em; }
    article .art_body h1 {
      font-size: 1.75em;
      line-height: 1.75em;
      letter-spacing: 0.150em;
      /*
      &:not(:last-child) {
      	margin-bottom: (54em/28);
      }
      */ }
      @media only screen and (max-width: 767px) {
        article .art_body h1 {
          font-size: 2.3076923077em; } }
    article .art_body h2 {
      font-size: 1.75em;
      letter-spacing: 0.150em;
      /*
      &::after {
      	content: "";
      	display: block;
      	width: rem(20);
      	border-bottom: 2px solid #E6E6DF;
      	margin: (20em/28) auto;
      }
      */ }
      @media only screen and (max-width: 767px) {
        article .art_body h2 {
          font-size: 2.1538461538em; } }
    article .art_body h3 {
      font-size: 1.5em;
      letter-spacing: 0.150em;
      /*
      &::after {
      	content: "";
      	display: block;
      	width: rem(30);
      	border-bottom: 2px solid #E6E6DF;
      	margin: (30em/24) auto;
      }
      */ }
      @media only screen and (max-width: 767px) {
        article .art_body h3 {
          font-size: 1.5384615385em; } }
    article .art_body h4 {
      font-size: 1.375em;
      letter-spacing: 0.15em;
      text-align: center; }
      article .art_body h4:not(:last-child) {
        margin-bottom: 1.5909090909em; }
    article .art_body ul, article .art_body ol {
      padding-left: 1.5em;
      font-size: 1em;
      line-height: inherit;
      letter-spacing: inherit;
      margin: 0.5em 0; }
      article .art_body ul li, article .art_body ol li {
        position: relative;
        margin-top: 0.5em; }
        article .art_body ul li:not(:first-child), article .art_body ol li:not(:first-child) {
          margin-top: 0.5em; }
        article .art_body ul li ul, article .art_body ul li ol, article .art_body ol li ul, article .art_body ol li ol {
          margin-top: 0;
          margin-bottom: 0; }
    article .art_body ul li {
      list-style: disc; }
    article .art_body ol li {
      list-style: decimal; }
    article .art_body ul.caution li {
      list-style: none;
      margin-left: -1.5em;
      padding-left: 1.5em; }
      article .art_body ul.caution li::before {
        content: "※";
        position: absolute;
        left: 0; }
    article .art_body hr {
      border-top: 1px solid #E6E6E6;
      margin: 3.75em 0; }
    article .art_body blockquote {
      display: block;
      border-left: 0.625rem solid #ccc;
      padding: 0em 2em;
      margin: 0;
      margin-top: 0.5em;
      margin-bottom: 0.5em; }
    article .art_body table {
      border-collapse: collapse;
      margin: 1em 0; }
      article .art_body table:first-child {
        margin-top: 0; }
      article .art_body table:last-child {
        margin-bottom: 0; }
      article .art_body table thead tr th, article .art_body table thead tr td,
      article .art_body table tbody tr th,
      article .art_body table tbody tr td {
        font-family: inherit;
        border: 1px solid #333; }
      article .art_body table thead tr th,
      article .art_body table tbody tr th {
        text-align: left;
        padding: 0.5em 1em;
        font-weight: inherit;
        white-space: nowrap; }
      article .art_body table thead tr td,
      article .art_body table tbody tr td {
        text-align: left;
        padding: 0.5em 1em; }
      article .art_body table thead thead th, article .art_body table thead thead td,
      article .art_body table tbody thead th,
      article .art_body table tbody thead td {
        font-weight: bold;
        text-align: center; }
      article .art_body table.mce-item-table th, article .art_body table.mce-item-table td {
        border: 1px solid #333; }
      article .art_body table.tw100 {
        width: 100%; }
    article .art_body table.skelton {
      border: none; }
      article .art_body table.skelton thead tr th, article .art_body table.skelton thead tr td,
      article .art_body table.skelton tbody tr th,
      article .art_body table.skelton tbody tr td {
        border: none;
        padding: 0.25em 0; }
        article .art_body table.skelton thead tr th:not(:last-child), article .art_body table.skelton thead tr td:not(:last-child),
        article .art_body table.skelton tbody tr th:not(:last-child),
        article .art_body table.skelton tbody tr td:not(:last-child) {
          padding-right: 1.5em; }
      article .art_body table.skelton.mce-item-table th, article .art_body table.skelton.mce-item-table td {
        border: 1px dashed #ccc; }
    article .art_body .video {
      position: relative; }
      article .art_body .video::before {
        content: "";
        display: block;
        padding-top: 56.25%; }
      article .art_body .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    article .art_body .wpview {
      position: relative; }
      article .art_body .wpview .mce-shim {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    article .art_body p {
      display: block;
      min-height: 2em;
      margin: 0;
      padding: 0;
      font-family: inherit; }
      article .art_body p span {
        line-height: 2em; }
      @media only screen and (max-width: 767px) {
        article .art_body p {
          min-height: 1.7692307692em; }
          article .art_body p span {
            line-height: 1.7692307692em; } }
    article .art_body p.article_midashi_type1 {
      font-size: 1.625em;
      line-height: 1.5em;
      padding: 1em 0;
      border-bottom: 1px solid #DDDDDD;
      margin-bottom: 1.1538461538em; }
    article .art_body p.article_midashi_type2 {
      font-size: 1.125em;
      line-height: 1.5em;
      letter-spacing: 0.150em;
      margin: 1.3888888889em 0; }
    article .art_body p.plist_midashi_type1 {
      font-size: 1.25em;
      line-height: 1.75em;
      letter-spacing: 0.150em;
      margin-bottom: 1.5em;
      text-align: center; }
      article .art_body p.plist_midashi_type1 span {
        display: inline-block;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;
        padding: 0.6em 0; }
    article .art_body table.style1 {
      border: none; }
      article .art_body table.style1 thead tr th, article .art_body table.style1 thead tr td,
      article .art_body table.style1 tbody tr th,
      article .art_body table.style1 tbody tr td {
        border: none;
        border-bottom: 1px solid #E6E6E6;
        font-size: 1em;
        line-height: 1.625em;
        letter-spacing: 0;
        padding: 1.75em 0; }
        article .art_body table.style1 thead tr th:not(:last-child), article .art_body table.style1 thead tr td:not(:last-child),
        article .art_body table.style1 tbody tr th:not(:last-child),
        article .art_body table.style1 tbody tr td:not(:last-child) {
          padding-right: 1.5em; }
        article .art_body table.style1 thead tr th.nowrap, article .art_body table.style1 thead tr td.nowrap,
        article .art_body table.style1 tbody tr th.nowrap,
        article .art_body table.style1 tbody tr td.nowrap {
          width: 1%;
          white-space: nowrap; }
      article .art_body table.style1 thead tr:first-child th, article .art_body table.style1 thead tr:first-child td,
      article .art_body table.style1 tbody tr:first-child th,
      article .art_body table.style1 tbody tr:first-child td {
        padding-top: 0; }
      article .art_body table.style1 thead tr th,
      article .art_body table.style1 tbody tr th {
        width: 1%;
        white-space: nowrap;
        color: #666; }
      article .art_body table.style1 thead tr.noborder th, article .art_body table.style1 thead tr.noborder td,
      article .art_body table.style1 tbody tr.noborder th,
      article .art_body table.style1 tbody tr.noborder td {
        border-bottom: none;
        padding-bottom: 0; }
      article .art_body table.style1.mce-item-table:not(.noborder) th, article .art_body table.style1.mce-item-table:not(.noborder) td {
        border: 1px dashed #ccc;
        border-bottom: 1px solid #E6E6E6; }
      @media only screen and (max-width: 767px) {
        article .art_body table.style1 thead tr td:first-child, article .art_body table.style1 thead tr th:first-child,
        article .art_body table.style1 tbody tr td:first-child,
        article .art_body table.style1 tbody tr th:first-child {
          padding-left: 0; }
        article .art_body table.style1 thead tr td:last-child, article .art_body table.style1 thead tr th:last-child,
        article .art_body table.style1 tbody tr td:last-child,
        article .art_body table.style1 tbody tr th:last-child {
          padding-right: 0; }
        article .art_body table.style1 thead tr th,
        article .art_body table.style1 tbody tr th {
          border-bottom: none;
          padding-bottom: 0; } }
    article .art_body table.style2 {
      border: none; }
      article .art_body table.style2.mce-item-table tr th, article .art_body table.style2.mce-item-table tr td,
      article .art_body table.style2 thead tr th,
      article .art_body table.style2 thead tr td,
      article .art_body table.style2 tbody tr th,
      article .art_body table.style2 tbody tr td {
        border: 1px solid #EEE;
        font-size: 0.875em;
        line-height: 1.5555555556em;
        letter-spacing: 0;
        vertical-align: middle; }
      article .art_body table.style2.mce-item-table tr th,
      article .art_body table.style2 thead tr th,
      article .art_body table.style2 tbody tr th {
        background-color: #E6E6DF;
        padding: 0.7142857143em 1.4285714286em; }
      article .art_body table.style2.mce-item-table tr td,
      article .art_body table.style2 thead tr td,
      article .art_body table.style2 tbody tr td {
        padding: 1.1428571429em 1.4285714286em; }
      @media only screen and (max-width: 767px) {
        article .art_body table.style2.mce-item-table tr th, article .art_body table.style2.mce-item-table tr td,
        article .art_body table.style2 thead tr th,
        article .art_body table.style2 thead tr td,
        article .art_body table.style2 tbody tr th,
        article .art_body table.style2 tbody tr td {
          font-size: 1em; }
        article .art_body table.style2.mce-item-table tr th,
        article .art_body table.style2 thead tr th,
        article .art_body table.style2 tbody tr th {
          padding: 0.7142857143em 1.0714285714em; }
        article .art_body table.style2.mce-item-table tr td,
        article .art_body table.style2 thead tr td,
        article .art_body table.style2 tbody tr td {
          padding: 1.0714285714em 1.0714285714em; } }
    article .art_body .art_icatch {
      line-height: 0;
      margin-bottom: 3.75em;
      text-align: center; }
  article .art_footer {
    margin-top: 3.75em; }
    article .art_footer .sns {
      margin-bottom: 2.5em; }
      article .art_footer .sns .txt {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.1875em;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #004714; }
      article .art_footer .sns a {
        display: inline-block;
        vertical-align: middle;
        margin-left: 1.5625em;
        line-height: 0; }
      article .art_footer .sns .tw {
        width: 2.625em; }
      article .art_footer .sns .fb {
        width: 2.8125em; }
    article .art_footer .f_txt .txt01 {
      color: #004714;
      font-weight: bold; }
    article .art_footer .f_txt .txt02 {
      font-size: 1.0625em;
      font-weight: bold; }
    article .art_footer .f_txt .txt03 {
      font-size: 0.875em;
      line-height: 1.7142857143em;
      letter-spacing: 0.030em;
      margin-top: 1em; }
      article .art_footer .f_txt .txt03 a {
        text-decoration: underline;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        color: #004714; }
        article .art_footer .f_txt .txt03 a:active, article .art_footer .f_txt .txt03 a:hover {
          filter: alpha(opacity=60);
          -webkit-opacity: 0.6;
          -moz-opacity: 0.6;
          opacity: 0.6; }
  @media screen and (max-width: 767px) {
    article {
      /*
      		.art_firstview {
      			margin-bottom: em(30);
      		}
      */ }
      article:not(:last-child) {
        margin-bottom: 4.0625em; }
      article .art_info {
        margin-bottom: 2.4615384615em; }
        article .art_info .toparea .date {
          font-size: 0.9230769231em; }
        article .art_info .art_title {
          font-size: 1.3076923077em;
          line-height: 1.6470588235em; }
      article .art_body .art_icatch {
        margin-bottom: 2.4615384615em; }
      article .art_footer {
        margin-top: 2.9230769231em; }
        article .art_footer .sns {
          margin-bottom: 2.4615384615em; }
          article .art_footer .sns .txt {
            font-size: 1em; }
          article .art_footer .sns a {
            margin-left: 1em; }
          article .art_footer .sns .tw {
            width: 2.3076923077em; }
          article .art_footer .sns .fb {
            width: 2.3076923077em; } }