/*===========================================================
+-----+// reset
===========================================================*/
body, div, pre, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, pre, form,
fieldset, input, textarea, select, option, table, th, td, tr, embed, object, figure, figcaption {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

fieldset, table, img {
  border: 0; }

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

html {
  font-size: 62.5%; }

html, body {
  -webkit-text-size-adjust: 100%; }

/*===========================================================
+-----+// Body
===========================================================*/
body {
  text-align: left; }

body img {
  vertical-align: top; }

h1, h2, h3, h4, h5, h6, p, li, dt, dd, form, pre, td, th, label, div, figure, figcaption {
  color: #1e1e1e;
  font-size: 14px;
  font-size: 1.4rem; }

a {
  overflow: hidden; }

a {
  color: #260000;
  text-decoration: none; }

a:hover {
  color: #260000;
  text-decoration: none; }

a:visited {
  color: #260000; }

body, h1, h2, h3, h4, h5, h6, td, th, p, div, input, textarea, pre, ul, li, ol {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500; }

input, texarea {
  margin: 0;
  padding: 0;
  border: none; }

* html body * {
  vertical-align: baseline; }

::placeholder {
  color: #bbbbbb; }

/*===========================================================
+-----+// hover
===========================================================*/
.over a, .over li a,
.over dt a, .over dd a {
  transition: all 0.3s;
  opacity: 1; }

.over a:hover, .over li a:hover,
.over dt a:hover, .over dd a:hover {
  opacity: 0.7; }

/*===========================================================
+-----+// text
===========================================================*/
.txt_c {
  text-align: center !important; }

.txt_r {
  text-align: right !important; }

.txt_l {
  text-align: left !important; }

.red {
  color: #ff0000; }

.yellow {
  color: #bfa34c; }

.white {
  color: #fff; }

.minus {
  color: #ff0000 !important; }

.fw_nomal {
  font-weight: normal !important; }

.fw_bold {
  font-weight: bold !important; }

/*===========================================================
+-----+// category-color
===========================================================*/
/*===========================================================
+-----+// category-label
===========================================================*/
/*=========================
+-----+// politics
===========================*/
article.politics .color, li.politics .color {
  fill: #0081ea !important; }

article.politics .article_wrap, article.politics:before {
  border-color: #0081ea !important; }

h1.politics:before, li.politics a, article.politics h2:before, article.politics:before {
  background: #0081ea !important; }

.cat.politics a {
  color: #0081ea !important; }

#category_nav li.politics a {
  color: #0081ea !important;
  border-color: #0081ea !important; }

#category_nav li.politics a:hover {
  background: #0081ea !important; }

/*=========================
+-----+// media
===========================*/
article.media .color, li.media .color {
  fill: #ea5504 !important; }

article.media .article_wrap, article.media:before {
  border-color: #ea5504 !important; }

h1.media:before, li.media a, article.media h2:before, article.media:before {
  background: #ea5504 !important; }

.cat.media a {
  color: #ea5504 !important; }

#category_nav li.media a {
  color: #ea5504 !important;
  border-color: #ea5504 !important; }

#category_nav li.media a:hover {
  background: #ea5504 !important; }

/*=========================
+-----+// domestic
===========================*/
article.domestic .color, li.domestic .color {
  fill: #ffa300 !important; }

article.domestic .article_wrap, article.domestic:before {
  border-color: #ffa300 !important; }

h1.domestic:before, li.domestic a, article.domestic h2:before, article.domestic:before {
  background: #ffa300 !important; }

.cat.domestic a {
  color: #ffa300 !important; }

#category_nav li.domestic a {
  color: #ffa300 !important;
  border-color: #ffa300 !important; }

#category_nav li.domestic a:hover {
  background: #ffa300 !important; }

/*=========================
+-----+// society
===========================*/
article.society .color, li.society .color {
  fill: #87cf33 !important; }

article.society .article_wrap, article.society:before {
  border-color: #87cf33 !important; }

h1.society:before, li.society a, article.society h2:before, article.society:before {
  background: #87cf33 !important; }

.cat.society a {
  color: #87cf33 !important; }

#category_nav li.society a {
  color: #87cf33 !important;
  border-color: #87cf33 !important; }

#category_nav li.society a:hover {
  background: #87cf33 !important; }

/*=========================
+-----+// incidents_accidents
===========================*/
article.incidents_accidents .color, li.incidents_accidents .color {
  fill: #52c0ec !important; }

article.incidents_accidents .article_wrap, article.incidents_accidents:before {
  border-color: #52c0ec !important; }

h1.incidents_accidents:before, li.incidents_accidents a, article.incidents_accidents h2:before, article.incidents_accidents:before {
  background: #52c0ec !important; }

.cat.incidents_accidents a {
  color: #52c0ec !important; }

#category_nav li.incidents_accidents a {
  color: #52c0ec !important;
  border-color: #52c0ec !important; }

#category_nav li.incidents_accidents a:hover {
  background: #52c0ec !important; }

/*=========================
+-----+// economy
===========================*/
article.economy .color, li.economy .color {
  fill: #6d34c3 !important; }

article.economy .article_wrap, article.economy:before {
  border-color: #6d34c3 !important; }

h1.economy:before, li.economy a, article.economy h2:before, article.economy:before {
  background: #6d34c3 !important; }

.cat.economy a {
  color: #6d34c3 !important; }

#category_nav li.economy a {
  color: #6d34c3 !important;
  border-color: #6d34c3 !important; }

#category_nav li.economy a:hover {
  background: #6d34c3 !important; }

/*=========================
+-----+// video
===========================*/
article.video .color, li.video .color {
  fill: #f52200 !important; }

article.video .article_wrap, article.video:before {
  border-color: #f52200 !important; }

h1.video:before, li.video a, article.video h2:before, article.video:before {
  background: #f52200 !important; }

.cat.video a {
  color: #f52200 !important; }

#category_nav li.video a {
  color: #f52200 !important;
  border-color: #f52200 !important; }

#category_nav li.video a:hover {
  background: #f52200 !important; }

/*=========================
+-----+// law
===========================*/
article.law .color, li.law .color {
  fill: #271f87 !important; }

article.law .article_wrap, article.law:before {
  border-color: #271f87 !important; }

h1.law:before, li.law a, article.law h2:before, article.law:before {
  background: #271f87 !important; }

.cat.law a {
  color: #271f87 !important; }

#category_nav li.law a {
  color: #271f87 !important;
  border-color: #271f87 !important; }

#category_nav li.law a:hover {
  background: #271f87 !important; }

/*=========================
+-----+// education
===========================*/
article.education .color, li.education .color {
  fill: #008c36 !important; }

article.education .article_wrap, article.education:before {
  border-color: #008c36 !important; }

h1.education:before, li.education a, article.education h2:before, article.education:before {
  background: #008c36 !important; }

.cat.education a {
  color: #008c36 !important; }

#category_nav li.education a {
  color: #008c36 !important;
  border-color: #008c36 !important; }

#category_nav li.education a:hover {
  background: #008c36 !important; }

/*=========================
+-----+// history_culture
===========================*/
article.history_culture .color, li.history_culture .color {
  fill: #f58ad6 !important; }

article.history_culture .article_wrap, article.history_culture:before {
  border-color: #f58ad6 !important; }

h1.history_culture:before, li.history_culture a, article.history_culture h2:before, article.history_culture:before {
  background: #f58ad6 !important; }

.cat.history_culture a {
  color: #f58ad6 !important; }

#category_nav li.history_culture a {
  color: #f58ad6 !important;
  border-color: #f58ad6 !important; }

#category_nav li.history_culture a:hover {
  background: #f58ad6 !important; }

/*=========================
+-----+// international
===========================*/
article.international .color, li.international .color {
  fill: #c05299 !important; }

article.international .article_wrap, article.international:before {
  border-color: #c05299 !important; }

h1.international:before, li.international a, article.international h2:before, article.international:before {
  background: #c05299 !important; }

.cat.international a {
  color: #c05299 !important; }

#category_nav li.international a {
  color: #c05299 !important;
  border-color: #c05299 !important; }

#category_nav li.international a:hover {
  background: #c05299 !important; }

/*=========================
+-----+// feature
===========================*/
article.feature .color, li.feature .color {
  fill: #e92b3b !important; }

article.feature .article_wrap, article.feature:before {
  border-color: #e92b3b !important; }

h1.feature:before, li.feature a, article.feature h2:before, article.feature:before {
  background: #e92b3b !important; }

.cat.feature a {
  color: #e92b3b !important; }

#category_nav li.feature a {
  color: #e92b3b !important;
  border-color: #e92b3b !important; }

#category_nav li.feature a:hover {
  background: #e92b3b !important; }

/*=========================
+-----+// interview
===========================*/
article.interview .color, li.interview .color {
  fill: #00baa1 !important; }

article.interview .article_wrap, article.interview:before {
  border-color: #00baa1 !important; }

h1.interview:before, li.interview a, article.interview h2:before, article.interview:before {
  background: #00baa1 !important; }

.cat.interview a {
  color: #00baa1 !important; }

#category_nav li.interview a {
  color: #00baa1 !important;
  border-color: #00baa1 !important; }

#category_nav li.interview a:hover {
  background: #00baa1 !important; }

/*=========================
+-----+// other
===========================*/
article.other .color, li.other .color {
  fill: #5e5e5e !important; }

article.other .article_wrap, article.other:before {
  border-color: #5e5e5e !important; }

h1.other:before, li.other a, article.other h2:before, article.other:before {
  background: #5e5e5e !important; }

.cat.other a {
  color: #5e5e5e !important; }

#category_nav li.other a {
  color: #5e5e5e !important;
  border-color: #5e5e5e !important; }

#category_nav li.other a:hover {
  background: #5e5e5e !important; }

/*===========================================================
+-----+// font
===========================================================*/
/*===========================================================
+-----+// radius
===========================================================*/
/*===========================================================
+-----+// txt link
===========================================================*/
/*===========================================================
+-----+// btn
===========================================================*/
/*===========================================================
+-----+// float
===========================================================*/
.float_l {
  float: left; }

.float_r {
  float: right; }

/*===========================================================
+-----+// break point
===========================================================*/
/*===========================================================
+-----+// flex
===========================================================*/
@media print, screen and (min-width: 769px) {
  /*==========================================================================================
  +-----+// common layout
  ==========================================================================================*/
  .spOnly {
    display: none; }

  a {
    transition: all 0.2s;
    opacity: 1; }
    a:hover {
      opacity: 0.7; }

  /*===========================================================
  +-----+// header
  ===========================================================*/
  header {
    padding: 20px 20px 20px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: solid 1px #ddd;
    box-sizing: border-box;
    transition: all 0.3s; }
    header #head_wrap {
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
      header #head_wrap nav {
        display: flex;
        justify-content: flex-end;
        flex-wrap: nowrap; }
    header form {
      position: relative; }
    header .search {
      width: 220px;
      height: 40px;
      box-sizing: border-box;
      border: solid 1px #949494;
      border-radius: 20px;
      padding: 0 40px 0 15px;
      outline: none;
      background-color: #fff !important; }
    header .submit {
      position: absolute;
      width: 22px;
      height: 23px;
      right: 15px;
      top: 8px;
      background: url("../img/icon_search.png") left top no-repeat;
      outline: none;
      cursor: pointer; }
    header .btn_category a {
      color: #fff;
      width: 155px;
      height: 40px;
      line-height: 40px;
      display: block;
      text-align: center;
      box-sizing: border-box;
      border-radius: 20px;
      background: #d70039;
      margin-left: 20px;
      position: relative;
      padding-right: 10px;
      font-size: 1.4rem; }
      header .btn_category a:after {
        font-size: 1.0rem;
        position: absolute;
        right: 15px;
        content: "\025b6"; }
    header #category_nav {
      width: 100%;
      padding: 0 20px;
      background: #fff;
      position: absolute;
      left: 0;
      top: 81px;
      box-sizing: border-box;
      border-top: solid 1px #ddd;
      border-bottom: solid 1px #ddd;
      display: none; }
      header #category_nav ul {
        max-width: 1280px;
        margin: 0 auto;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 20px 0 10px; }
        header #category_nav ul li {
          width: 13.3%;
          margin-right: 1.1%;
          margin-bottom: 10px; }
          header #category_nav ul li:nth-child(7n) {
            margin-right: 0; }
        header #category_nav ul li a {
          font-size: 1.6rem;
          border: solid 1px #000;
          box-sizing: border-box;
          display: block;
          height: 48px;
          text-align: center;
          line-height: 46px;
          background: #fff !important;
          border-radius: 24px; }
          header #category_nav ul li a:hover {
            color: #fff !important; }

  /*===========================================================
  +-----+// main
  ===========================================================*/
  main {
    padding: 0 20px;
    border-top: solid 1px #ddd; }
    main #content_wrap {
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap;
      max-width: 1280px;
      margin: 0 auto;
      position: relative;
      padding: 30px 0 70px; }
      main #content_wrap:after {
        content: '';
        width: 1px;
        background: #b3b3b3;
        height: 100%;
        position: absolute;
        top: 0;
        right: 25%; }
    main #content {
      width: 75%;
      padding-right: 25px;
      box-sizing: border-box; }
      main #content h2 {
        width: 100%;
        font-size: 2.4rem;
        font-weight: bold;
        margin-bottom: 35px; }
        main #content h2 span {
          color: #7d7d7d;
          margin-left: 20px;
          padding-left: 20px;
          border-left: solid 1px #7d7d7d; }
      main #content .articles {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: top;
        margin-bottom: 30px; }
        main #content .articles article {
          width: 31%;
          margin-right: 3.3%;
          margin-bottom: 35px;
          position: relative; }
          main #content .articles article .article_wrap {
            height: 100%;
            border: solid 1px #000;
            box-sizing: border-box;
            position: relative;
            background: #f4f6f9;
            z-index: 2;
            cursor: pointer; }
          main #content .articles article:nth-child(3n) {
            margin-right: 0; }
          main #content .articles article .cat_label {
            position: absolute;
            left: -6px;
            top: -5px;
            z-index: 3; }
          main #content .articles article a {
            position: relative;
            z-index: 2; }
          main #content .articles article:before {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            border: none;
            transition: all 0.3s;
            opacity: 0;
            z-index: 1;
            background: #000; }
          main #content .articles article:hover:before {
            left: 5px;
            top: 5px;
            opacity: 1; }
          main #content .articles article figure {
            height: 163px;
            overflow: hidden;
            position: relative; }
            main #content .articles article figure img {
              width: 100%;
              height: auto;
              position: absolute; }
          main #content .articles article .youtube {
            position: relative;
            width: calc(100% - 1px);
            padding-top: 56.25%; }
            main #content .articles article .youtube iframe {
              position: absolute;
              top: 0;
              right: 0;
              width: 100% !important;
              height: 100% !important; }
          main #content .articles article .box {
            padding: 25px 25px 20px; }
          main #content .articles article p {
            font-size: 1.4rem;
            line-height: 1.8; }
          main #content .articles article .date {
            color: #969696;
            margin-bottom: 10px; }
          main #content .articles article h3 {
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 10px; }
          main #content .articles article ul {
            display: flex;
            justify-content: flex-end;
            flex-wrap: nowrap;
            align-items: center;
            padding-top: 10px; }
            main #content .articles article ul .icon_pdf {
              width: 25px;
              margin-left: 10px; }
            main #content .articles article ul .icon_video {
              width: 27px; }
      main #content .btn a {
        color: #fff;
        width: 325px;
        text-align: center;
        padding: 15px 0;
        display: block;
        margin: 0 auto;
        background: #1e1e1e;
        position: relative; }
        main #content .btn a:before {
          font-size: 1.2rem;
          position: absolute;
          left: 25%;
          content: "\025b6"; }
    main #sidevar {
      width: 25%;
      padding-left: 30px;
      box-sizing: border-box; }
      main #sidevar h2 {
        font-weight: bold;
        font-size: 1.8rem;
        position: relative;
        margin: 0 0 20px 35px; }
        main #sidevar h2 span {
          color: #7d7d7d;
          font-size: 1.4rem;
          display: block; }
        main #sidevar h2:before {
          content: "";
          width: 25px;
          height: 8px;
          position: absolute;
          left: -35px;
          top: 20px; }
      main #sidevar .articles article {
        background: url(../img/line.png) left bottom repeat-x;
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 6px; }
        main #sidevar .articles article .article_wrap {
          background: #fff;
          z-index: 2;
          position: relative;
          width: 100%;
          padding: 0 0 20px; }
        main #sidevar .articles article a {
          display: flex;
          justify-content: space-between;
          flex-wrap: nowrap;
          position: relative;
          opacity: 1; }
        main #sidevar .articles article figure {
          width: 104px;
          text-align: center;
          overflow: hidden; }
          main #sidevar .articles article figure img {
            width: 100%;
            height: auto; }
        main #sidevar .articles article h3 {
          width: calc(100% - 124px);
          font-size: 1.5rem;
          font-weight: bold;
          padding-right: 10px;
          margin-bottom: 20px; }
        main #sidevar .articles article .date {
          color: #969696;
          position: absolute;
          right: 0;
          bottom: 0;
          padding-right: 10px; }
        main #sidevar .articles article:before {
          width: 100%;
          height: calc(100% - 6px);
          box-sizing: border-box;
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          border: none;
          transition: all 0.3s;
          opacity: 0;
          z-index: 0; }
        main #sidevar .articles article:hover {
          background: none; }
          main #sidevar .articles article:hover:before {
            left: 4px;
            top: 4px;
            opacity: 1; }
        main #sidevar .articles article:last-child {
          background: none; }
      main #sidevar .btn {
        text-align: right;
        margin-top: 25px; }
      main #sidevar .btn a {
        color: #fff;
        width: 110px;
        text-align: center;
        padding: 5px 0;
        display: inline-block;
        font-size: 1.6rem;
        background: #8b8b8b;
        position: relative; }
        main #sidevar .btn a:before {
          font-size: 1.2rem;
          position: absolute;
          left: 15px;
          top: 8px;
          content: "\025b6"; }
      main #sidevar #features {
        margin-bottom: 30px; }
        main #sidevar #features h2:before {
          background: #e92b3b !important; }
      main #sidevar #interviews {
        margin-bottom: 30px; }
        main #sidevar #interviews h2:before {
          background: #00baa1 !important; }

  /*===========================================================
  +-----+// sec_categorys
  ===========================================================*/
  #sec_categorys {
    background: #eaeaea;
    padding: 40px 20px 25px; }
    #sec_categorys #categorys_wrap {
      max-width: 1280px;
      margin: 0 auto; }
    #sec_categorys h2 {
      width: 100%;
      font-size: 2.4rem;
      font-weight: bold;
      margin-bottom: 35px; }
      #sec_categorys h2 span {
        color: #7d7d7d;
        margin-left: 20px;
        padding-left: 20px;
        border-left: solid 1px #7d7d7d; }
    #sec_categorys ul {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      position: relative; }
      #sec_categorys ul li {
        max-width: 13.2%;
        margin: 0 1.26% 15px 0;
        position: relative; }
        #sec_categorys ul li:nth-child(7n) {
          margin-right: 0; }
        #sec_categorys ul li .cat_label {
          position: absolute;
          left: 0;
          top: 0; }
        #sec_categorys ul li img {
          width: 100%; }

  /*===========================================================
  +-----+// category label
  ===========================================================*/
  .cat_label {
    width: 120px;
    height: 30px; }
    .cat_label span {
      color: #fff;
      font-size: 1.6rem;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      display: block;
      width: 100%;
      text-align: center;
      line-height: 30px; }
    .cat_label svg {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1; }

  /*===========================================================
  +-----+// sec_tags
  ===========================================================*/
  #sec_tags {
    max-width: 1000px;
    margin: 0 auto;
    padding: 35px 0; }
    #sec_tags h2 {
      font-size: 1.8rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 35px; }
      #sec_tags h2 span {
        color: #7d7d7d;
        margin-left: 15px;
        padding-left: 15px;
        border-left: solid 1px #7d7d7d; }
    #sec_tags h4.widgettitle {
      display: none; }
    #sec_tags .tagcloud {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      #sec_tags .tagcloud a {
        font-size: 1.2rem !important;
        font-weight: normal !important;
        color: #000;
        display: block;
        background: #d7d7d7;
        border-radius: 10px;
        padding: 2px 8px;
        box-sizing: border-box;
        margin: 0 5px 10px; }
        #sec_tags .tagcloud a:hover {
          color: #fff;
          background: #404040;
          opacity: 1; }

  /*===========================================================
  +-----+// pagetop
  ===========================================================*/
  #pagetop a {
    width: 50px;
    height: 50px;
    display: block;
    position: fixed;
    right: 30px;
    bottom: 30px;
    border: solid 1px #eaeaea;
    text-align: center;
    color: #d70039;
    font-size: 1.8rem;
    line-height: 46px;
    border-radius: 25px;
    box-sizing: border-box; }

  /*===========================================================
  +-----+// footer
  ===========================================================*/
  footer {
    padding: 35px 20px 20px;
    background: #181818; }
    footer #foot_wrap {
      max-width: 1280px;
      margin: 0 auto;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
      footer #foot_wrap figure {
        width: 100%;
        margin-bottom: 50px; }
      footer #foot_wrap p {
        width: 37%;
        padding-right: 30px;
        box-sizing: border-box;
        color: #fff;
        text-align: left; }
      footer #foot_wrap ul {
        padding: 0 40px 0 25px;
        border-left: solid 1px #4b4b4b; }
        footer #foot_wrap ul li {
          padding-bottom: 5px; }
          footer #foot_wrap ul li a {
            color: #fff; }
      footer #foot_wrap small {
        margin-top: 30px;
        font-size: 1.2rem;
        color: #fff;
        width: 100%;
        display: block;
        text-align: right; }

  /*==========================================================================================
  +-----+// index page
  ==========================================================================================*/
  header.top {
    background: none;
    border: none; }

  header.top.fixed {
    background: #fff;
    border-bottom: solid 1px #ddd; }

  #index_main {
    width: 100%;
    overflow: hidden;
    height: 180px;
    position: relative; }
    #index_main #mv_txt {
      position: absolute;
      left: calc(50% - 255px);
      top: 100px;
      z-index: 2;
      display: none; }
    #index_main #mv_img {
      position: absolute;
      top: 0;
      left: calc(50% - 1000px);
      display: none; }

  /*==========================================================================================
  +-----+// under page
  ==========================================================================================*/
  /*===========================================================
  +-----+// common ttl Area
  ===========================================================*/
  #ttl_area {
    padding: 80px 20px 0;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 46%, #d9ecfc 48%); }
    #ttl_area #ttl_wrap {
      max-width: 1280px;
      margin: 0 auto;
      background: linear-gradient(to right, #ffffff 0%, #d9ecfc 69%); }
    #ttl_area h1 {
      padding: 20px 0 25px;
      font-size: 3.2rem;
      font-weight: bold;
      line-height: 1.2;
      position: relative; }
      #ttl_area h1 span {
        color: #7d7d7d;
        font-size: 1.2rem;
        display: block; }
      #ttl_area h1:before {
        content: "";
        width: 55px;
        height: 8px;
        position: absolute;
        left: -65px;
        top: 50px;
        background: #000; }

  /*===========================================================
  +-----+// main List
  ===========================================================*/
  main#main_list h2 {
    font-size: 1.8rem; }
  main#main_list .wp-pagenavi {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; }
    main#main_list .wp-pagenavi a, main#main_list .wp-pagenavi span {
      width: 45px;
      height: 45px;
      display: block;
      margin: 0 10px;
      text-align: center;
      line-height: 45px; }
    main#main_list .wp-pagenavi a {
      color: #000;
      background: #eaeaea; }
    main#main_list .wp-pagenavi .current {
      color: #fff;
      background: #1e1e1e; }
    main#main_list .wp-pagenavi .previouspostslink,
    main#main_list .wp-pagenavi .nextpostslink {
      background: none; }

  /*===========================================================
  +-----+// search
  ===========================================================*/
  #again_search {
    margin-top: 50px; }
    #again_search form {
      border-top: solid 1px #ddd;
      padding-top: 30px; }
    #again_search .txt {
      width: 300px;
      padding: 10px;
      border: solid 1px #949494;
      background: #fff;
      margin-right: 20px; }
    #again_search .submit {
      background: #000;
      color: #fff;
      padding: 10px 15px; }

  /*===========================================================
  +-----+// main detail
  ===========================================================*/
  main#main_detail #detail_info {
    padding: 20px 40px;
    background: #f5f6fa;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 30px; }
    main#main_detail #detail_info .date {
      color: #969696;
      font-size: 1.8rem; }
    main#main_detail #detail_info ul.cat {
      display: flex;
      justify-content: flex-end;
      flex-wrap: nowrap;
      margin-left: auto; }
      main#main_detail #detail_info ul.cat li {
        margin-left: 20px; }
        main#main_detail #detail_info ul.cat li a {
          width: 110px;
          padding: 5px;
          text-align: center;
          color: #fff;
          display: block;
          box-sizing: border-box; }
    main#main_detail #detail_info ul.icon {
      display: flex;
      justify-content: flex-end;
      flex-wrap: nowrap;
      margin-left: 10px;
      align-items: center; }
      main#main_detail #detail_info ul.icon li {
        margin-left: 10px; }
  main#main_detail article.article {
    padding: 0 40px; }
    main#main_detail article.article h1 {
      font-size: 2.4rem;
      font-weight: bold;
      margin-bottom: 35px; }
    main#main_detail article.article .article_img {
      text-align: center;
      margin-bottom: 80px; }
      main#main_detail article.article .article_img img {
        max-width: 100%; }
    main#main_detail article.article .youtube {
      position: relative;
      max-width: 100%;
      margin-bottom: 80px;
      padding-top: 56.25%; }
      main#main_detail article.article .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
    main#main_detail article.article .article_content {
      padding-bottom: 50px; }
      main#main_detail article.article .article_content * {
        font-size: 1.8rem; }
      main#main_detail article.article .article_content h2 {
        font-size: 2.0rem;
        position: relative;
        padding-left: 30px;
        margin-bottom: 30px; }
        main#main_detail article.article .article_content h2:before {
          content: "";
          width: 20px;
          height: 6px;
          background: #000;
          position: absolute;
          left: 0;
          top: 13px; }
      main#main_detail article.article .article_content p {
        line-height: 1.8; }
    main#main_detail article.article nav {
      background: #eaeaea;
      padding: 10px 0;
      position: relative;
      margin-bottom: 30px; }
      main#main_detail article.article nav .cat {
        width: 180px;
        position: absolute;
        top: 17px;
        left: calc(50% - 90px);
        z-index: 2;
        text-align: center; }
        main#main_detail article.article nav .cat a {
          font-size: 1.8rem; }
      main#main_detail article.article nav ul {
        max-width: 455px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        z-index: 1; }
        main#main_detail article.article nav ul li a {
          width: 140px;
          padding: 10px 0;
          text-align: center;
          display: block;
          color: #000;
          background: #fff; }
        main#main_detail article.article nav ul .prev {
          float: left; }
        main#main_detail article.article nav ul .next {
          float: right; }
  main#main_detail #sec_share {/*この記事をシェアする*/
    padding: 20px 0;
    border-top: solid 1px #c6c6c6; }
    main#main_detail #sec_share h2 {
      font-size: 1.8rem;
      color: #1e1e1e;
      text-align: center;
      margin-bottom: 20px; }
    main#main_detail #sec_share ul {
      display: flex;
																			width: 75.0%;/*1列をアイコン3つに*/
																			margin: 0 auto 0 calc(12.5% + 2.6666666666%);
      justify-content: flex-start;
      flex-wrap: wrap; }
      main#main_detail #sec_share ul li {
        width: 21.8%;
        margin: 0 4.2% 25px 0;
																			width: 28.0%;/*アイコン1つのサイズ*/
																			margin: 0 5.3333333333% 25px 0;
      }
        main#main_detail #sec_share ul li:nth-child(4n) {
          margin-right: 0;
																			margin: 0 5.3333333333% 25px 16.8333333333%;/*2列目の位置調整*/
      }
        main#main_detail #sec_share ul li img {
          width: 100%; }
  main#main_detail #sec_relation_tags {
    padding: 20px 0 30px;
    border-top: solid 1px #c6c6c6; }
    main#main_detail #sec_relation_tags h2 {
      font-size: 1.8rem;
      color: #1e1e1e;
      text-align: center;
      margin-bottom: 20px; }
    main#main_detail #sec_relation_tags ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      main#main_detail #sec_relation_tags ul li {
        margin: 0 15px 25px; }
        main#main_detail #sec_relation_tags ul li a {
          color: #000;
          font-weight: bold;
          display: block;
          background: #d7d7d7;
          border-radius: 30px;
          padding: 10px 30px;
          box-sizing: border-box; }
          main#main_detail #sec_relation_tags ul li a:hover {
            color: #fff;
            background: #404040;
            opacity: 1; }
  main#main_detail #sec_relation_article {
    padding: 20px 0 0;
    border-top: solid 1px #c6c6c6; }
    main#main_detail #sec_relation_article h2 {
      font-size: 1.8rem;
      color: #1e1e1e;
      text-align: center;
      margin-bottom: 40px; }

  /*===========================================================
  +-----+// LP
  ===========================================================*/
  .lp-containar main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0; }

  .article-header {
    box-sizing: border-box; }

  h1.page-title {
    font-size: 2rem;
    color: #fff !important; } }
@media screen and (max-width: 768px) {
  /*===========================================================
  +-----+// common
  ===========================================================*/
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, form, pre, td, th, label, div, figure, figcaption {
    font-size: 1.4rem; }

  .pcOnly {
    display: none !important; }

  body img {
    width: 100%; }

  /*==========================================================================================
  +-----+// common layout
  ==========================================================================================*/
  a {
    transition: all 0.2s;
    opacity: 1; }
    a:hover {
      opacity: 0.7; }

  /*===========================================================
  +-----+// header
  ===========================================================*/
  header {
    padding: 15px 0 0;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: solid 1px #ddd;
    box-sizing: border-box;
    transition: all 0.3s;
    background: #fff; }
    header #head_wrap h1, header #head_wrap #head_logo {
      width: 140px;
      margin-left: 15px;
      margin-bottom: 10px; }
    header #head_wrap div {
      display: flex;
      justify-content: flex-end;
      flex-wrap: nowrap; }
    header form {
      width: 100%;
      padding: 10px 15px;
      margin: 0 auto;
      position: absolute;
      z-index: 10;
      border-top: solid 1px #ddd;
      border-bottom: solid 1px #ddd;
      background: #f4f6f9;
      box-sizing: border-box;
      top: 46px;
      left: 100%;
      transition: all 0.2s; }
    header .search {
      width: 100%;
      display: block;
      margin: 0 auto;
      height: 30px;
      box-sizing: border-box;
      border: solid 1px #ddd;
      border-radius: 15px;
      padding: 0 40px 0 15px;
      outline: none;
      background-color: #fff !important; }
    header .submit {
      position: absolute;
      width: 20px;
      height: 20px;
      right: 25px;
      top: 13px;
      background: url("../img/icon_search.png") left top no-repeat;
      outline: none;
      cursor: pointer; }
    header .btns {
      position: fixed;
      right: 15px;
      top: 10px;
      display: flex;
      justify-content: flex-start;
      flex-wrap: nowrap;
      align-items: center; }
    header .btn_search {
      width: 20px;
      height: 20px;
      margin-right: 10px; }
    header .btn_category {
      border-left: solid 1px #ddd;
      padding-left: 10px; }
    header .btn_category a {
      color: #fff;
      display: block;
      text-align: center;
      box-sizing: border-box;
      border-radius: 20px;
      background: #d70039;
      padding: 3px 10px 3px 10px;
      font-size: 1.4rem; }
    header #category_nav {
      width: 100%;
      padding: 0 20px;
      background: #fff;
      position: absolute;
      left: 0;
      top: 46px;
      box-sizing: border-box;
      border-top: solid 1px #ddd;
      border-bottom: solid 1px #ddd;
      display: none; }
      header #category_nav ul {
        max-width: 100%;
        margin: 0 auto;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 10px 0 10px; }
        header #category_nav ul li {
          width: 32%;
          margin-right: 2%;
          margin-bottom: 10px; }
          header #category_nav ul li:nth-child(3n) {
            margin-right: 0; }
        header #category_nav ul li a {
          font-size: 1.2rem;
          border: solid 1px #000;
          box-sizing: border-box;
          display: block;
          height: 30px;
          text-align: center;
          line-height: 30px;
          background: #fff !important;
          border-radius: 15px; }
          header #category_nav ul li a:hover {
            color: #fff !important; }

  /*===========================================================
  +-----+// main
  ===========================================================*/
  main {
    padding: 0 15px;
    display: block;
    border-top: solid 1px #ddd; }
    main #content_wrap {
      max-width: 100%;
      margin: 0 auto;
      padding: 15px 0; }
    main #content {
      border-bottom: solid 1px #ddd;
      padding-bottom: 30px;
      margin-bottom: 30px; }
      main #content h2 {
        width: 100%;
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 20px; }
        main #content h2 span {
          color: #7d7d7d;
          margin-left: 10px;
          padding-left: 10px;
          border-left: solid 1px #7d7d7d; }
      main #content .articles {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: top;
        margin-bottom: 20px; }
        main #content .articles article {
          width: 48%;
          margin-bottom: 20px;
          position: relative; }
          main #content .articles article .article_wrap {
            height: 100%;
            border: solid 1px #000;
            box-sizing: border-box;
            position: relative;
            background: #f4f6f9;
            z-index: 2;
            cursor: pointer; }
          main #content .articles article:nth-child(3n) {
            margin-right: 0; }
          main #content .articles article .cat_label {
            position: absolute;
            left: -6px;
            top: -8px;
            z-index: 3; }
          main #content .articles article a {
            position: relative;
            z-index: 2;
            display: block; }
          main #content .articles article img {
            width: 100%;
            height: auto; }
          main #content .articles article figure {
            width: 100%;
            height: 92px;
            overflow: hidden;
            position: relative; }
            main #content .articles article figure img {
              width: 100%;
              height: auto;
              position: absolute; }
          main #content .articles article .youtube {
            position: relative;
            width: 100%;
            padding-top: 56.25%; }
            main #content .articles article .youtube iframe {
              position: absolute;
              top: 0;
              right: 0;
              width: 100% !important;
              height: 100% !important; }
          main #content .articles article .box {
            padding: 15px 15px 10px; }
          main #content .articles article p {
            font-size: 1.2rem;
            line-height: 1.8; }
          main #content .articles article .date {
            color: #969696;
            margin-bottom: 5px; }
          main #content .articles article h3 {
            font-size: 1.4rem;
            font-weight: bold;
            margin-bottom: 10px; }
          main #content .articles article ul {
            display: flex;
            justify-content: flex-end;
            flex-wrap: nowrap;
            align-items: center;
            padding-top: 10px; }
            main #content .articles article ul .icon_pdf {
              width: 25px;
              margin-left: 10px; }
            main #content .articles article ul .icon_video {
              width: 27px; }
      main #content .btn a {
        color: #fff;
        width: 250px;
        text-align: center;
        padding: 15px 0;
        display: block;
        margin: 0 auto;
        background: #1e1e1e;
        position: relative; }
        main #content .btn a:before {
          font-size: 1.2rem;
          position: absolute;
          left: 25%;
          content: "\025b6"; }
    main #sidevar h2 {
      font-weight: bold;
      font-size: 1.6rem;
      position: relative;
      margin: 0 0 10px 35px; }
      main #sidevar h2 span {
        color: #7d7d7d;
        font-size: 1.3rem;
        display: block; }
      main #sidevar h2:before {
        content: "";
        width: 25px;
        height: 8px;
        position: absolute;
        left: -35px;
        top: 20px; }
    main #sidevar .articles article {
      padding: 0 0 15px;
      background: url(../img/line.png) left bottom repeat-x;
      position: relative;
      margin-bottom: 10px; }
      main #sidevar .articles article a {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        position: relative;
        opacity: 1; }
      main #sidevar .articles article figure {
        width: 80px;
        height: 80px; }
        main #sidevar .articles article figure img {
          height: auto; }
      main #sidevar .articles article h3 {
        width: calc(100% - 90px);
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 20px; }
      main #sidevar .articles article .date {
        color: #969696;
        position: absolute;
        right: 0;
        bottom: 0; }
      main #sidevar .articles article:last-child {
        background: none; }
    main #sidevar .btn {
      text-align: right;
      margin-top: 15px; }
    main #sidevar .btn a {
      color: #fff;
      width: 100px;
      text-align: center;
      padding: 5px 0;
      display: inline-block;
      font-size: 1.4rem;
      background: #8b8b8b;
      position: relative; }
      main #sidevar .btn a:before {
        font-size: 1.0rem;
        position: absolute;
        left: 15px;
        top: 8px;
        content: "\025b6"; }
    main #sidevar #features {
      margin-bottom: 30px; }
      main #sidevar #features h2:before {
        background: #e92b3b !important; }
    main #sidevar #interviews {
      margin-bottom: 30px; }
      main #sidevar #interviews h2:before {
        background: #00baa1 !important; }

  /*===========================================================
  +-----+// sec_categorys
  ===========================================================*/
  #sec_categorys {
    background: #eaeaea;
    padding: 20px 15px 15px; }
    #sec_categorys #categorys_wrap {
      max-width: 100%;
      margin: 0 auto; }
    #sec_categorys h2 {
      width: 100%;
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 15px; }
      #sec_categorys h2 span {
        color: #7d7d7d;
        margin-left: 10px;
        padding-left: 10px;
        border-left: solid 1px #7d7d7d; }
    #sec_categorys ul {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      position: relative; }
      #sec_categorys ul li {
        max-width: 32%;
        margin: 0 2% 5px 0;
        position: relative; }
        #sec_categorys ul li:nth-child(3n) {
          margin-right: 0; }
        #sec_categorys ul li .cat_label {
          width: 80%;
          position: absolute;
          left: 0;
          top: -4px; }
          #sec_categorys ul li .cat_label span {
            font-size: 1.2rem; }
          #sec_categorys ul li .cat_label svg {
            width: 100%; }

  /*===========================================================
  +-----+// category label
  ===========================================================*/
  .cat_label {
    width: 100px;
    height: 30px; }
    .cat_label span {
      color: #fff;
      font-size: 1.4rem;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      display: block;
      width: 100%;
      text-align: center;
      line-height: 30px; }
    .cat_label svg {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%; }

  /*===========================================================
  +-----+// sec_tags
  ===========================================================*/
  #sec_tags {
    margin: 0 auto;
    padding: 20px 15px; }
    #sec_tags h2 {
      font-size: 1.8rem;
      font-weight: bold;
      text-align: center;
      margin-bottom: 15px; }
      #sec_tags h2 span {
        color: #7d7d7d;
        margin-left: 10px;
        padding-left: 10px;
        border-left: solid 1px #7d7d7d; }
    #sec_tags h4.widgettitle {
      display: none; }
    #sec_tags .tagcloud {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      #sec_tags .tagcloud a {
        font-size: 1.2rem !important;
        font-weight: normal !important;
        color: #000;
        display: block;
        background: #d7d7d7;
        border-radius: 15px;
        padding: 2px 8px;
        box-sizing: border-box;
        margin: 0 5px 10px; }
        #sec_tags .tagcloud a:hover {
          color: #fff;
          background: #404040;
          opacity: 1; }

  /*===========================================================
  +-----+// pagetop
  ===========================================================*/
  #pagetop a {
    width: 30px;
    height: 30px;
    display: block;
    position: fixed;
    right: 15px;
    bottom: 15px;
    border: solid 1px #eaeaea;
    background: rgba(255, 255, 255, 0.6);
    text-align: center;
    color: #d70039;
    font-size: 1.6rem;
    line-height: 25px;
    border-radius: 25px;
    box-sizing: border-box;
    z-index: 20; }

  /*===========================================================
  +-----+// footer
  ===========================================================*/
  footer {
    padding: 25px 0 20px;
    background: #181818; }
    footer #foot_wrap {
      max-width: 100%;
      margin: 0 auto; }
      footer #foot_wrap figure {
        width: 180px;
        margin: 0 auto 25px; }
      footer #foot_wrap p {
        color: #fff;
        padding: 0 15px 25px;
        border-bottom: solid 1px #4b4b4b; }
      footer #foot_wrap ul {
        padding: 0; }
        footer #foot_wrap ul li {
          border-bottom: solid 1px #4b4b4b; }
          footer #foot_wrap ul li a {
            color: #fff;
            padding: 5px 15px;
            display: block;
            position: relative; }
            footer #foot_wrap ul li a:after {
              content: "\025b6";
              position: absolute;
              right: 15px;
              top: 7px;
              font-size: 1.0rem; }
      footer #foot_wrap small {
        margin-top: 15px;
        font-size: 1.0rem;
        color: #fff;
        width: 100%;
        display: block;
        text-align: center; }

  /*==========================================================================================
  +-----+// under page
  ==========================================================================================*/
  #index_main {
    padding-top: 45px; }

  #index_main {
    width: 100%;
    overflow: hidden;
    height: 72px;
    position: relative; }
    #index_main #mv_txt {
      position: absolute;
      left: calc(50% - 150px);
      top: 62px;
      z-index: 2;
      display: none; }
      #index_main #mv_txt img {
        width: 300px; }
    #index_main #mv_img {
      position: absolute;
      left: calc(50% - 400px);
      top: 45px;
      display: none; }
      #index_main #mv_img img {
        width: 800px; }

  /*===========================================================
  +-----+// common ttl Area
  ===========================================================*/
  #ttl_area {
    border-top: solid 45px #fff;
    padding: 0 20px 0;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 46%, #d9ecfc 48%); }
    #ttl_area #ttl_wrap {
      max-width: 100%;
      margin: 0 auto;
      background: linear-gradient(to right, #ffffff 0%, #d9ecfc 69%); }
    #ttl_area h1 {
      padding: 10px 0 10px;
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.2;
      position: relative; }
      #ttl_area h1 span {
        color: #7d7d7d;
        font-size: 1.2rem;
        display: block; }
      #ttl_area h1:before {
        content: "";
        width: 55px;
        height: 8px;
        position: absolute;
        left: -65px;
        top: 33px;
        background: #000; }

  /*===========================================================
  +-----+// main List
  ===========================================================*/
  main#main_list h2 {
    font-size: 1.8rem; }
  main#main_list .wp-pagenavi {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap; }
    main#main_list .wp-pagenavi a, main#main_list .wp-pagenavi span {
      width: 30px;
      height: 30px;
      display: block;
      margin: 0 5px;
      text-align: center;
      line-height: 30px; }
    main#main_list .wp-pagenavi a {
      color: #000;
      background: #eaeaea; }
    main#main_list .wp-pagenavi .current {
      color: #fff;
      background: #1e1e1e; }
    main#main_list .wp-pagenavi .previouspostslink,
    main#main_list .wp-pagenavi .nextpostslink {
      background: none; }

  /*===========================================================
  +-----+// search
  ===========================================================*/
  #again_search {
    margin-top: 30px; }
    #again_search form {
      border-top: solid 1px #ddd;
      padding-top: 30px;
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap; }
    #again_search .txt {
      width: 70%;
      padding: 10px;
      border: solid 1px #949494;
      background: #fff;
      box-sizing: border-box; }
    #again_search .submit {
      width: 25%;
      background: #000;
      color: #fff;
      padding: 10px 15px;
      box-sizing: border-box; }

  /*===========================================================
  +-----+// main detail
  ===========================================================*/
  main#main_detail #detail_info {
    padding: 10px;
    background: #f5f6fa;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 15px; }
    main#main_detail #detail_info .date {
      color: #969696;
      font-size: 1.4rem; }
    main#main_detail #detail_info ul.cat {
      display: flex;
      justify-content: flex-end;
      flex-wrap: nowrap;
      margin-left: auto; }
      main#main_detail #detail_info ul.cat li {
        margin-left: 10px; }
        main#main_detail #detail_info ul.cat li a {
          padding: 3px 5px;
          text-align: center;
          color: #fff;
          display: block;
          box-sizing: border-box; }
    main#main_detail #detail_info ul.icon {
      display: flex;
      justify-content: flex-end;
      flex-wrap: nowrap;
      margin-left: 5px;
      align-items: center; }
      main#main_detail #detail_info ul.icon li {
        margin-left: 10px; }
  main#main_detail article.article {
    padding: 0; }
    main#main_detail article.article h1 {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 15px; }
    main#main_detail article.article .article_img {
      text-align: center;
      margin-bottom: 30px; }
      main#main_detail article.article .article_img img {
        max-width: 100%;
        height: auto; }
    main#main_detail article.article .youtube {
      position: relative;
      width: 100%;
      margin-bottom: 30px;
      padding-top: 56.25%; }
      main#main_detail article.article .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
    main#main_detail article.article .article_content {
      padding-bottom: 30px; }
      main#main_detail article.article .article_content * {
        font-size: 1.6rem; }
      main#main_detail article.article .article_content h2 {
        font-size: 1.8rem;
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
        margin-left: -25px; }
        main#main_detail article.article .article_content h2:before {
          content: "";
          width: 20px;
          height: 6px;
          background: #000;
          position: absolute;
          left: 0;
          top: 11px; }
      main#main_detail article.article .article_content p {
        line-height: 1.6; }
    main#main_detail article.article nav {
      background: #eaeaea;
      padding: 10px;
      position: relative;
      margin-bottom: 30px; }
      main#main_detail article.article nav .cat {
        text-align: center;
        margin-bottom: 10px; }
        main#main_detail article.article nav .cat a {
          font-size: 1.4rem; }
      main#main_detail article.article nav ul {
        width: 100%;
        overflow: hidden; }
        main#main_detail article.article nav ul li {
          width: 49%; }
        main#main_detail article.article nav ul li a {
          padding: 10px 0;
          text-align: center;
          display: block;
          color: #000;
          background: #fff; }
        main#main_detail article.article nav ul .prev {
          float: left; }
        main#main_detail article.article nav ul .next {
          float: right; }
  main#main_detail #sec_share {
    padding: 15px 0;
    border-top: solid 1px #c6c6c6; }
    main#main_detail #sec_share h2 {
      font-size: 1.6rem;
      color: #1e1e1e;
      text-align: center;
      margin-bottom: 10px; }
    main#main_detail #sec_share ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      main#main_detail #sec_share ul li {
        width: 48%;
        margin: 0 0 10px 0; }
  main#main_detail #sec_relation_tags {
    padding: 15px;
    border-top: solid 1px #c6c6c6; }
    main#main_detail #sec_relation_tags h2 {
      font-size: 1.6rem;
      color: #1e1e1e;
      text-align: center;
      margin-bottom: 10px; }
    main#main_detail #sec_relation_tags ul {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      main#main_detail #sec_relation_tags ul li {
        margin: 0 5px 15px; }
        main#main_detail #sec_relation_tags ul li a {
          font-size: 1.2rem;
          color: #000;
          font-weight: bold;
          display: block;
          background: #d7d7d7;
          border-radius: 15px;
          padding: 5px 15px;
          box-sizing: border-box; }
          main#main_detail #sec_relation_tags ul li a:hover {
            color: #fff;
            background: #404040;
            opacity: 1; }
  main#main_detail #sec_relation_article {
    padding: 15px 0 0;
    border-top: solid 1px #c6c6c6; }
    main#main_detail #sec_relation_article .articles {
      margin-bottom: 0; }
    main#main_detail #sec_relation_article h2 {
      font-size: 1.6rem;
      color: #1e1e1e;
      text-align: center;
      margin-bottom: 20px; } }