@charset "UTF-8";
/*** THEME ***/
#main-contents section.area {
  float: right;
  width: 75.5134281201%; }
  #main-contents section.area article {
    margin-left: 12.2857142857rem;
    width: 42.8571428571rem;
    max-width: 100%; }
    #main-contents section.area article:not(.single) {
      border-bottom: 1px solid #000;
      padding-bottom: 2.8571428571rem; }
    #main-contents section.area article:not(:first-child) {
      margin-top: 6.7857142857rem; }
    #main-contents section.area article .art-info {
      position: relative; }
      #main-contents section.area article .art-info .title {
        font-weight: bold;
        letter-spacing: 0.1em;
        margin-bottom: 3.5714285714rem; }
      #main-contents section.area article .art-info .data {
        position: absolute;
        top: -1.5rem;
        left: -3.5714285714rem;
        font-family: "Helvetica Neue", "Open Sans", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
        font-size: 0.7142857143rem;
        line-height: 2em;
        letter-spacing: 0.2em;
        font-style: italic;
        transform-origin: bottom;
        transform: translate(-100%, 0%) rotate(90deg); }
        #main-contents section.area article .art-info .data .arrow {
          width: 2.5392857143rem;
          margin-bottom: 0.7142857143rem; }
    #main-contents section.area article .snsbtn {
      letter-spacing: -0.5em;
      margin: 2.8571428571rem 0; }
      #main-contents section.area article .snsbtn::after {
        content: "";
        display: block;
        clear: both;
        height: 0; }
      #main-contents section.area article .snsbtn a {
        display: inline-block;
        width: 33%;
        font-size: 0.8571428571rem;
        line-height: 1.9166666667em;
        letter-spacing: 0; }
        #main-contents section.area article .snsbtn a img {
          display: inline-block;
          width: auto;
          height: 1.6428571429rem;
          vertical-align: middle;
          margin-right: 1.2142857143rem; }
        #main-contents section.area article .snsbtn a:hover {
          background-color: transparent;
          color: #666; }
    #main-contents section.area article .pagenavi_single {
      font-size: 0.8571428571rem;
      font-family: "Helvetica Neue", "Open Sans", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
      font-style: italic;
      letter-spacing: 0.1em;
      border-top: 1px solid #000;
      padding-top: 2.8571428571rem; }
      #main-contents section.area article .pagenavi_single::after {
        content: "";
        display: block;
        clear: both;
        height: 0; }
      #main-contents section.area article .pagenavi_single a {
        padding-top: 0.1em; }
        #main-contents section.area article .pagenavi_single a:hover {
          background-color: transparent;
          color: #999; }
      #main-contents section.area article .pagenavi_single .prev {
        float: left;
        width: 50%; }
        #main-contents section.area article .pagenavi_single .prev a::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 0.7142857143rem;
          height: 0.7142857143rem;
          transform: rotate(-45deg);
          box-sizing: border-box;
          border-left: 1px solid #000;
          border-top: 1px solid #000;
          margin-right: 1em;
          margin-top: -0.2em; }
      #main-contents section.area article .pagenavi_single .next {
        float: right;
        width: 50%;
        text-align: right; }
        #main-contents section.area article .pagenavi_single .next a::after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 0.7142857143rem;
          height: 0.7142857143rem;
          transform: rotate(45deg);
          box-sizing: border-box;
          border-right: 1px solid #000;
          border-top: 1px solid #000;
          margin-left: 1em;
          margin-top: -0.2em; }
  #main-contents section.area .pagenavi {
    width: 42.8571428571rem;
    max-width: 100%;
    margin-left: 12.2857142857rem; }
  @media only screen and (max-width: 736px) {
    #main-contents section.area {
      float: none;
      width: 100%; }
      #main-contents section.area article {
        margin-left: 0;
        margin-right: 0; }
        #main-contents section.area article .art-info .data {
          position: static;
          transform: none; }
          #main-contents section.area article .art-info .data .category {
            position: absolute;
            width: 100%;
            box-sizing: border-box;
            padding-left: 8.5em; }
          #main-contents section.area article .art-info .data .arrow {
            margin-bottom: 0;
            margin: 1.4285714286rem 0; }
        #main-contents section.area article .art-body {
          font-size: 1rem;
          line-height: 1.8571428571em; }
          #main-contents section.area article .art-body br {
            display: none; }
        #main-contents section.area article .snsbtn a {
          text-align: center;
          line-height: 1.35em; }
          #main-contents section.area article .snsbtn a img {
            display: block;
            margin: auto;
            height: 1.6428571429rem;
            margin-bottom: 0.5em; }
      #main-contents section.area .pagenavi {
        width: auto;
        margin-left: 0;
        margin-right: 0; } }
#main-contents section.sidearea {
  float: left;
  width: 24.4865718799%;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: "Helvetica Neue", "Open Sans", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
  padding-left: 5em; }
  #main-contents section.sidearea .widget {
    margin-bottom: 5em; }
    #main-contents section.sidearea .widget .title {
      letter-spacing: 0.1em;
      border-bottom: 1px solid #000;
      padding-bottom: 1em;
      font-style: italic; }
    #main-contents section.sidearea .widget ul {
      list-style: none;
      margin-top: 1.25em; }
      #main-contents section.sidearea .widget ul li {
        line-height: 1em;
        margin-top: 1em; }
  @media only screen and (max-width: 736px) {
    #main-contents section.sidearea {
      float: none;
      width: 100%;
      padding-left: 0;
      margin-top: 5.7142857143rem;
      font-size: 0.8571428571rem; }
      #main-contents section.sidearea .widget {
        width: 45%;
        margin-bottom: 0; }
        #main-contents section.sidearea .widget::after {
          content: "";
          display: block;
          clear: both;
          height: 0; }
        #main-contents section.sidearea .widget:nth-child(1) {
          float: left; }
        #main-contents section.sidearea .widget:nth-child(2) {
          float: right; } }