@charset "UTF-8";
#main-contents {
  padding-top: 12.5em; }
  @media screen and (max-width: 767px) {
    #main-contents {
      padding-top: 8.0357142857em; } }
  #main-contents article {
    border-bottom: 1px solid #000; }
    #main-contents article .art-header h2 {
      font-size: 2.3125em;
      line-height: 1.75em;
      letter-spacing: 0.050em;
      font-weight: bold; }
    #main-contents article .art-header .bottom {
      display: flex;
      margin-top: 1.5625em;
      margin-bottom: 1.25em; }
      #main-contents article .art-header .bottom .category {
        font-size: 0.791625em;
        line-height: 1.1em;
        letter-spacing: -0.5em;
        font-weight: bold;
        color: #b3b3b3;
        margin-right: 4.7370914259em;
        white-space: nowrap; }
        #main-contents article .art-header .bottom .category span {
          letter-spacing: 0.050em; }
          #main-contents article .art-header .bottom .category span:not(:last-child)::after {
            content: "／"; }
      #main-contents article .art-header .bottom .tags {
        flex-grow: 1;
        width: 0; }
    #main-contents article .art-body {
      margin-bottom: 2.8125em;
      /*
      pre {
      	white-space: pre-wrap;
      	word-wrap: break-word;
      	overflow: auto;
      }
      */ }
      #main-contents article .art-body .aligncenter {
        display: block;
        margin: 0 auto; }
      #main-contents article .art-body .alignright {
        float: right;
        margin-left: 1em; }
      #main-contents article .art-body .alignleft {
        float: left;
        margin-right: 1em; }
      @media only screen and (max-width: 767px) {
        #main-contents article .art-body .alignright {
          float: none;
          margin-left: 0; }
        #main-contents article .art-body .alignleft {
          float: none;
          margin-right: 0; } }
      #main-contents 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; }
      #main-contents 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%);
        		}
        	}
        	*/ }
        #main-contents article .art-body a:active, #main-contents article .art-body a:hover {
          filter: alpha(opacity=60);
          -webkit-opacity: 0.6;
          -moz-opacity: 0.6;
          opacity: 0.6; }
      #main-contents article .art-body .uline {
        border-bottom: 1px solid #000; }
      #main-contents article .art-body strong {
        font-weight: bold; }
      #main-contents article .art-body ruby > rt {
        transform: translateY(0.3em); }
      #main-contents article .art-body sup {
        font-size: 70%;
        vertical-align: top;
        position: relative;
        top: -0.25em; }
      #main-contents article .art-body sub {
        font-size: 70%;
        vertical-align: bottom;
        position: relative;
        bottom: -0.25em; }
      #main-contents article .art-body mark {
        color: inherit;
        background: linear-gradient(transparent 70%, #ff9b99 70%); }
      #main-contents article .art-body img[class*="wp-image-"],
      #main-contents article .art-body img[class*="attachment-"] {
        max-width: 100%;
        height: auto;
        margin-top: 0.5em;
        margin-bottom: 0.5em; }
      #main-contents article .art-body .wp-caption {
        max-width: 100%; }
        #main-contents article .art-body .wp-caption img {
          margin-bottom: 0; }
        #main-contents article .art-body .wp-caption .wp-caption-text {
          font-size: 0.9em;
          margin-bottom: 1em; }
      #main-contents article .art-body h1, #main-contents article .art-body h2, #main-contents article .art-body h3, #main-contents article .art-body h4, #main-contents article .art-body h5, #main-contents 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; }
        #main-contents article .art-body h1:not(:first-child), #main-contents article .art-body h2:not(:first-child), #main-contents article .art-body h3:not(:first-child), #main-contents article .art-body h4:not(:first-child), #main-contents article .art-body h5:not(:first-child), #main-contents article .art-body h6:not(:first-child) {
          margin-top: 2em; }
      #main-contents 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) {
          #main-contents article .art-body h1 {
            font-size: 1.3392857143em; } }
      #main-contents 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) {
          #main-contents article .art-body h2 {
            font-size: 1.25em; } }
      #main-contents 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) {
          #main-contents article .art-body h3 {
            font-size: 0.8928571429em; } }
      #main-contents article .art-body h4 {
        font-size: 1.375em;
        letter-spacing: 0.15em;
        text-align: center; }
        #main-contents article .art-body h4:not(:last-child) {
          margin-bottom: 1.5909090909em; }
      #main-contents article .art-body ul, #main-contents article .art-body ol {
        padding-left: 1.5em;
        font-size: 1em;
        line-height: inherit;
        letter-spacing: inherit;
        margin: 0.5em 0; }
        #main-contents article .art-body ul li, #main-contents article .art-body ol li {
          position: relative;
          margin-top: 0.5em; }
          #main-contents article .art-body ul li:not(:first-child), #main-contents article .art-body ol li:not(:first-child) {
            margin-top: 0.5em; }
          #main-contents article .art-body ul li ul, #main-contents article .art-body ul li ol, #main-contents article .art-body ol li ul, #main-contents article .art-body ol li ol {
            margin-top: 0;
            margin-bottom: 0; }
      #main-contents article .art-body ul li {
        list-style: disc; }
      #main-contents article .art-body ol li {
        list-style: decimal; }
      #main-contents article .art-body ul.caution li {
        list-style: none;
        margin-left: -1.5em;
        padding-left: 1.5em; }
        #main-contents article .art-body ul.caution li::before {
          content: "※";
          position: absolute;
          left: 0; }
      #main-contents article .art-body hr {
        border-top: 1px solid #E6E6E6;
        margin: 3.75em 0; }
      #main-contents 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; }
      #main-contents article .art-body table {
        border-collapse: collapse;
        margin: 1em 0; }
        #main-contents article .art-body table:first-child {
          margin-top: 0; }
        #main-contents article .art-body table:last-child {
          margin-bottom: 0; }
        #main-contents article .art-body table thead tr th, #main-contents article .art-body table thead tr td,
        #main-contents article .art-body table tbody tr th,
        #main-contents article .art-body table tbody tr td {
          font-family: inherit;
          border: 1px solid #333; }
        #main-contents article .art-body table thead tr th,
        #main-contents article .art-body table tbody tr th {
          text-align: left;
          padding: 0.5em 1em;
          font-weight: inherit;
          white-space: nowrap; }
        #main-contents article .art-body table thead tr td,
        #main-contents article .art-body table tbody tr td {
          text-align: left;
          padding: 0.5em 1em; }
        #main-contents article .art-body table thead thead th, #main-contents article .art-body table thead thead td,
        #main-contents article .art-body table tbody thead th,
        #main-contents article .art-body table tbody thead td {
          font-weight: bold;
          text-align: center; }
        #main-contents article .art-body table.mce-item-table th, #main-contents article .art-body table.mce-item-table td {
          border: 1px solid #333; }
        #main-contents article .art-body table.tw100 {
          width: 100%; }
      #main-contents article .art-body table.skelton {
        border: none; }
        #main-contents article .art-body table.skelton thead tr th, #main-contents article .art-body table.skelton thead tr td,
        #main-contents article .art-body table.skelton tbody tr th,
        #main-contents article .art-body table.skelton tbody tr td {
          border: none;
          padding: 0.25em 0; }
          #main-contents article .art-body table.skelton thead tr th:not(:last-child), #main-contents article .art-body table.skelton thead tr td:not(:last-child),
          #main-contents article .art-body table.skelton tbody tr th:not(:last-child),
          #main-contents article .art-body table.skelton tbody tr td:not(:last-child) {
            padding-right: 1.5em; }
        #main-contents article .art-body table.skelton.mce-item-table th, #main-contents article .art-body table.skelton.mce-item-table td {
          border: 1px dashed #ccc; }
      #main-contents article .art-body .video {
        position: relative; }
        #main-contents article .art-body .video::before {
          content: "";
          display: block;
          padding-top: 56.25%; }
        #main-contents article .art-body .video iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      #main-contents article .art-body .wpview {
        position: relative; }
        #main-contents article .art-body .wpview .mce-shim {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      #main-contents article .art-body p {
        display: block;
        min-height: 2em;
        margin: 0;
        padding: 0;
        font-family: inherit; }
        #main-contents article .art-body p span {
          line-height: 2em; }
        @media only screen and (max-width: 767px) {
          #main-contents article .art-body p {
            min-height: 1.96875em; }
            #main-contents article .art-body p span {
              line-height: 1.96875em; } }
      #main-contents article .art-body table.style1 {
        border: none; }
        #main-contents article .art-body table.style1 thead tr th, #main-contents article .art-body table.style1 thead tr td,
        #main-contents article .art-body table.style1 tbody tr th,
        #main-contents 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; }
          #main-contents article .art-body table.style1 thead tr th:not(:last-child), #main-contents article .art-body table.style1 thead tr td:not(:last-child),
          #main-contents article .art-body table.style1 tbody tr th:not(:last-child),
          #main-contents article .art-body table.style1 tbody tr td:not(:last-child) {
            padding-right: 1.5em; }
          #main-contents article .art-body table.style1 thead tr th.nowrap, #main-contents article .art-body table.style1 thead tr td.nowrap,
          #main-contents article .art-body table.style1 tbody tr th.nowrap,
          #main-contents article .art-body table.style1 tbody tr td.nowrap {
            width: 1%;
            white-space: nowrap; }
        #main-contents article .art-body table.style1 thead tr:first-child th, #main-contents article .art-body table.style1 thead tr:first-child td,
        #main-contents article .art-body table.style1 tbody tr:first-child th,
        #main-contents article .art-body table.style1 tbody tr:first-child td {
          padding-top: 0; }
        #main-contents article .art-body table.style1 thead tr th,
        #main-contents article .art-body table.style1 tbody tr th {
          width: 1%;
          white-space: nowrap;
          color: #666; }
        #main-contents article .art-body table.style1 thead tr.noborder th, #main-contents article .art-body table.style1 thead tr.noborder td,
        #main-contents article .art-body table.style1 tbody tr.noborder th,
        #main-contents article .art-body table.style1 tbody tr.noborder td {
          border-bottom: none;
          padding-bottom: 0; }
        #main-contents article .art-body table.style1.mce-item-table:not(.noborder) th, #main-contents 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) {
          #main-contents article .art-body table.style1 thead tr td:first-child, #main-contents article .art-body table.style1 thead tr th:first-child,
          #main-contents article .art-body table.style1 tbody tr td:first-child,
          #main-contents article .art-body table.style1 tbody tr th:first-child {
            padding-left: 0; }
          #main-contents article .art-body table.style1 thead tr td:last-child, #main-contents article .art-body table.style1 thead tr th:last-child,
          #main-contents article .art-body table.style1 tbody tr td:last-child,
          #main-contents article .art-body table.style1 tbody tr th:last-child {
            padding-right: 0; }
          #main-contents article .art-body table.style1 thead tr th,
          #main-contents article .art-body table.style1 tbody tr th {
            border-bottom: none;
            padding-bottom: 0; } }
      #main-contents article .art-body table.style2 {
        border: none; }
        #main-contents article .art-body table.style2.mce-item-table tr th, #main-contents article .art-body table.style2.mce-item-table tr td,
        #main-contents article .art-body table.style2 thead tr th,
        #main-contents article .art-body table.style2 thead tr td,
        #main-contents article .art-body table.style2 tbody tr th,
        #main-contents 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; }
        #main-contents article .art-body table.style2.mce-item-table tr th,
        #main-contents article .art-body table.style2 thead tr th,
        #main-contents article .art-body table.style2 tbody tr th {
          background-color: #E6E6DF;
          padding: 0.7142857143em 1.4285714286em; }
        #main-contents article .art-body table.style2.mce-item-table tr td,
        #main-contents article .art-body table.style2 thead tr td,
        #main-contents article .art-body table.style2 tbody tr td {
          padding: 1.1428571429em 1.4285714286em; }
        @media only screen and (max-width: 767px) {
          #main-contents article .art-body table.style2.mce-item-table tr th, #main-contents article .art-body table.style2.mce-item-table tr td,
          #main-contents article .art-body table.style2 thead tr th,
          #main-contents article .art-body table.style2 thead tr td,
          #main-contents article .art-body table.style2 tbody tr th,
          #main-contents article .art-body table.style2 tbody tr td {
            font-size: 1em; }
          #main-contents article .art-body table.style2.mce-item-table tr th,
          #main-contents article .art-body table.style2 thead tr th,
          #main-contents article .art-body table.style2 tbody tr th {
            padding: 0.7142857143em 1.0714285714em; }
          #main-contents article .art-body table.style2.mce-item-table tr td,
          #main-contents article .art-body table.style2 thead tr td,
          #main-contents article .art-body table.style2 tbody tr td {
            padding: 1.0714285714em 1.0714285714em; } }
      #main-contents article .art-body::after {
        content: "";
        display: block;
        clear: both; }
      #main-contents article .art-body .firstview {
        line-height: 0;
        position: relative;
        margin-bottom: 2.5em; }
        #main-contents article .art-body .firstview img {
          width: 100%; }
    #main-contents article .art-footer {
      margin-bottom: 6.5625em; }
      #main-contents article .art-footer .links {
        text-align: center; }
        #main-contents article .art-footer .links .btn1 {
          width: 16.8095238095em; }
          #main-contents article .art-footer .links .btn1 .txt {
            font-family: "Roboto", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif; }
  #main-contents .backlist {
    text-align: center;
    margin: 5.625em 0; }