@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Noto Sans Japanese','Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif,"fontawesome"; }

body {
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center; }

a {
  text-decoration: none; }

img {
  border: none; }

a, p, div, h1, h2, h3, h4, h5, h6, dd, dt, th, td, table, span {
  line-height: 1.5; }

/* web font */
/* setting */
#custom-header {
  text-align: center; }
  #custom-header img {
    max-width: 1250px;
    width: 100%;
    height: auto;
    vertical-align: bottom; }

header {
  background: #333;
  height: 60px;
  position: relative;
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }
  header h1 {
    margin: 0;
    font-weight: normal;
    padding: 0 15px;
    font-size: 23px;
    line-height: 60px; }
    @media screen and (max-width: 600px) {
      header h1 {
        font-size: 12px; } }
    header h1 a {
      color: #fff; }
  header #menu-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    line-height: 60px;
    color: #ddd;
    text-align: center;
    font-size: 32px;
    cursor: pointer;
    background: #474747; }

.header-offset {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

/* Menu */
#menu {
  display: none;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  background: #fff;
  padding: 10px 20px;
  box-sizing: border-box;
  margin: 0;
  z-index: 99999; }
  #menu #menu-in {
    position: relative;
    max-width: 728px;
    margin: 0 auto; }
  #menu p.menu-title {
    text-align: center;
    color: #555;
    font-size: 20px; }
  #menu p.menu-sub-title {
    color: #555;
    padding: 0 0 5px;
    margin: 20px auto;
    font-size: 18px;
    border-bottom: 1px solid #555;
    cursor: pointer; }
    #menu p.menu-sub-title a {
      display: block;
      color: #555; }
  #menu ul {
    padding: 0;
    margin: 0 auto 50px;
    list-style: none; }
    #menu ul a {
      display: block;
      font-size: 16px;
      color: #999;
      border-bottom: 1px solid #474747;
      padding: 15px 5px 5px; }
      #menu ul a:hover {
        color: #000;
        font-weight: bold; }
    #menu ul ul {
      margin: 0 auto 0; }
      #menu ul ul a {
        padding-left: 15px; }
    #menu ul ul ul a {
      padding-left: 30px; }
    #menu ul ul ul ul a {
      padding-left: 45px; }
  #menu #menu-close {
    display: block;
    position: fixed;
    top: 15px;
    right: 25px;
    color: #ccc;
    font-size: 35px;
    cursor: pointer;
    line-height: 1;
    margin: 0;
    padding: 0; }

/* Search */
#search {
  position: relative;
  margin: 0 auto;
  max-width: 1250px;
  padding: 20px 10px;
  box-sizing: border-box;
  background: #f5f5f5;
  overflow: hidden; }
  #search form input[type="text"] {
    width: 100%;
    height: 30px;
    padding: 0 5px;
    margin: 0;
    border: 1px solid #aaa;
    box-sizing: border-box;
    background: #fff; }
  #search form input[type="submit"] {
    position: absolute;
    display: block;
    content: "\";
    font-family: "fontawesome";
    top: 20px;
    right: 10px;
    width: 60px;
    height: 30px;
    border: none;
    text-align: center;
    line-height: 28px;
    color: #ddd;
    font-size: 17px;
    background: #474747;
    cursor: pointer; }
  @media screen and (max-width: 600px) {
    #search {
      padding: 10px; }
      #search form input[type="submit"] {
        top: 10px; } }

/*

content

*/
#content {
  width: 1250px;
  margin: 0 auto;
  padding: 10px 10px;
  box-sizing: border-box;
  overflow: hidden;
  background: #f5f5f5; }
  @media screen and (max-width: 960px) {
    #content {
      width: 100%; } }

/* main content */
#main-content {
  float: left;
  width: 920px;
  margin-bottom: 15px;
  /* 注目ワード */
  /* 記事一覧 */
  /* 投稿ページ */
 /*************************

 Comment Style

 **************************/ }
  @media screen and (max-width: 960px) {
    #main-content {
      width: 100%; } }
  #main-content #hot-word {
    position: relative; }
    #main-content #hot-word .hot {
      position: absolute;
      top: 0;
      left: 0;
      width: 80px;
      background: #474747;
      color: #fff;
      font-size: 12px;
      text-align: center;
      padding: 2px 0;
      border-bottom: 1px solid #474747; }
    #main-content #hot-word .word {
      margin-left: 80px;
      padding: 2px 8px;
      font-size: 12px;
      border-bottom: 1px solid #474747;
      box-sizing: border-box; }
      #main-content #hot-word .word a {
        text-decoration: underline;
        color: blue; }
        #main-content #hot-word .word a:hover {
          color: red; }
      #main-content #hot-word .word ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        #main-content #hot-word .word ul li {
          display: inline-block; }
    @media screen and (max-width: 600px) {
      #main-content #hot-word {
        display: none; } }
  #main-content #article {
    margin: 10px 0; }
    #main-content #article article {
      margin-bottom: 15px;
      background: #fff;
      border: 1px solid #ccc; }
      #main-content #article article:hover .image {
        opacity: 0.7; }
      #main-content #article article:hover .title .more-button {
        background: #777; }
      #main-content #article article a {
        display: block;
        overflow: hidden; }
      #main-content #article article .image {
        position: relative;
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 10px;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s; }
        #main-content #article article .image:before, #main-content #article article .image:after {
          display: block;
          position: absolute;
          background: #474747;
          color: #fff;
          padding: 3px 10px;
          font-size: 12px;
          font-weight: bold; }
        #main-content #article article .image:before {
          left: 4px;
          top: 4px;
          content: attr(data-catname);
          border-bottom: 2px solid #fff;
          border-right: 2px solid #fff; }
        #main-content #article article .image:after {
          display: none;
          right: 4px;
          bottom: 18px;
          content: attr(data-posttime);
          border-bottom: 2px solid #fff;
          box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.42); }
        @media screen and (max-width: 600px) {
          #main-content #article article .image {
            float: none;
            width: 100%; } }
        #main-content #article article .image img {
          width: 100%;
          height: auto;
          box-sizing: border-box;
          vertical-align: bottom; }
      #main-content #article article .title {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 10px 10px 10px 0px; }
        #main-content #article article .title p {
          margin: 0;
          padding: 0;
          font-size: 12px;
          color: #000; }
        #main-content #article article .title .time {
          display: none;
          background: #474747;
          color: #fff;
          padding: 1px 10px;
          margin-bottom: 10px;
          font-size: 12px; }
        #main-content #article article .title h2 {
          margin: 0 0 10px;
          padding: 0;
          font-size: 18px;
          color: #474747;
          letter-spacing: -1px;
          line-height: 1.4; }
        #main-content #article article .title .ex span {
          letter-spacing: -6px; }
        #main-content #article article .title .more-button {
          width: 125px;
          margin: 10px auto 0;
          padding: 2px 0;
          background: #474747;
          color: #fff;
          text-align: center;
          font-size: 14px;
          -webkit-transition: opacity 0.5s;
          transition: opacity 0.5s; }
        @media screen and (max-width: 600px) {
          #main-content #article article .title {
            float: none;
            width: 100%;
            padding: 0 10px 10px 10px; }
            #main-content #article article .title .more-button {
              width: 100%;
              margin-top: 5px; } }
    #main-content #article aside {
      margin-bottom: 15px; }
      #main-content #article aside p {
        font-size: 10px;
        text-align: center;
        margin: 0;
        padding: 0; }
      #main-content #article aside img {
        width: 100%; }
    #main-content #article #page-title {
      margin: 0;
      padding: 0 0 10px;
      font-weight: bold;
      font-size: 25px;
      color: #333; }
  #main-content #single-article {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 15px;
    box-sizing: border-box; }
    #main-content #single-article .auto {
      margin: 20px 0;
      font-weight: bold;
      font-size: 13px; }
      #main-content #single-article .auto p {
        font-weight: bold;
        margin: 0;
        padding: 0;
        font-size: 14px; }
      #main-content #single-article .auto ul {
        margin: 0;
        padding: 8px 20px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000; }
        #main-content #single-article .auto ul a {
          color: red; }
          #main-content #single-article .auto ul a:visited {
            color: red; }
    #main-content #single-article .auto-H3 {
      margin-left: 50px;
      list-style-type: circle; }
    #main-content #single-article .auto-H4 {
      margin-left: 100px;
      list-style: square; }
    #main-content #single-article .atuo-p {
      font-weight: bold; }
    #main-content #single-article article {
      width: 100%;
      position: relative;
      /* Custom short code button*/ }
      #main-content #single-article article div#next-all-show {
        width: 300px;
        height: 50px;
        margin: 40px auto;
        text-align: center;
        line-height: 50px;
        font-weight: bold;
        color: #fff;
        background: #474747; }
        #main-content #single-article article div#next-all-show:hover {
          background: #7a7a7a;
          cursor: pointer; }
        #main-content #single-article article div#next-all-show a {
          display: block;
          width: 300px;
          height: 50px;
          line-height: 50px;
          font-size: 14px;
          color: #fff;
          text-decoration: none; }
      #main-content #single-article article h1 {
        margin: 10px 0 0 0;
        font-size: 25px;
        color: #555; }
        @media screen and (max-width: 600px) {
          #main-content #single-article article h1 {
            font-size: 20px; } }
      #main-content #single-article article .thumbnail {
        width: 100px;
        height: 100px;
        background: #000;
        margin-top: 10px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
      #main-content #single-article article p {
        overflow: hidden;
        font-size: 16px; }
      #main-content #single-article article h2 {
        margin-top: 80px;
        margin-bottom: 0;
        font-weight: normal; }
      #main-content #single-article article h3, #main-content #single-article article h4, #main-content #single-article article h5 {
        margin-top: 50px;
        margin-bottom: 0;
        font-weight: normal; }
      #main-content #single-article article h3 {
        border-left: 4px solid #333;
        padding-left: 10px; }
      #main-content #single-article article ul, #main-content #single-article article ol {
        font-size: 13px;
        padding: 10px 0 10px 20px;
        margin: 0; }
      #main-content #single-article article ul.wp-block-gallery {
        padding: 0; }
        #main-content #single-article article ul.wp-block-gallery li.blocks-gallery-item {
          margin: 0; }
          #main-content #single-article article ul.wp-block-gallery li.blocks-gallery-item figure {
            -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                    align-items: baseline; }
      #main-content #single-article article hr {
        margin: 50px 0; }
      #main-content #single-article article strong {
        padding: 0 5px;
        margin: 0 5px;
        background-image: url(img/bgy.png);
        background-size: 5px;
        background-repeat: repeat-x;
        background-position: left 0 bottom 3px; }
        @media screen and (max-width: 780px) {
          #main-content #single-article article strong {
            background-position: left 0 bottom 0px; } }
      #main-content #single-article article a {
        color: blue;
        text-decoration: underline; }
        #main-content #single-article article a:hover {
          color: red; }
      #main-content #single-article article pre {
        word-wrap: break-word;
        white-space: pre-wrap;
        line-height: 1.3;
        width: calc(100% -20px);
        padding: 20px;
        margin: 0 -10px;
        background: #f1ffe3;
        font-weight: 400;
        font-family: 'Source Code Pro','ＭＳ ゴシック','MS Gothic',monospace;
        color: #fff;
        background: #333;
        font-size: 13px;
        max-height: 400px;
        overflow-y: auto; }
      #main-content #single-article article code {
        background: #444;
        color: #fff;
        padding: 2px 5px;
        font-size: 12px;
        font-family: 'Source Code Pro','ＭＳ ゴシック','MS Gothic',monospace; }
      #main-content #single-article article table {
        width: 100%;
        margin: 10px 0 20px;
        font-size: 12px;
        border-collapse: collapse; }
        #main-content #single-article article table td {
          padding: 5px;
          border: 1px solid #333; }
        #main-content #single-article article table th {
          padding: 5px;
          background: #404040;
          color: #fff;
          border: 1px solid #999999;
          font-weight: normal;
          text-align: left; }
          #main-content #single-article article table th a {
            color: #fff; }
        #main-content #single-article article table tr {
          background: #fff; }
        #main-content #single-article article table tr:nth-child(2n) {
          background: #f0f0f0; }
        @media screen and (max-width: 600px) {
          #main-content #single-article article table {
            font-size: 11px; }
            #main-content #single-article article table td, #main-content #single-article article table th {
              padding: 2px; } }
      #main-content #single-article article blockquote {
        margin: 20px 0;
        padding: 40px 20px 0;
        background: #e3e3e3;
        position: relative;
        overflow: hidden; }
        #main-content #single-article article blockquote:before {
          content: "引用";
          color: #000;
          background: #555;
          color: #fff;
          font-size: 12px;
          position: absolute;
          top: 0;
          left: 0;
          padding: 2px 15px; }
        #main-content #single-article article blockquote p {
          font-size: 12px; }
        #main-content #single-article article blockquote a {
          color: #4f4fff;
          text-decoration: underline; }
      #main-content #single-article article figure {
        box-sizing: border-box;
        margin: 0;
        max-width: 100%; }
        #main-content #single-article article figure img {
          max-width: 100%;
          height: auto;
          vertical-align: bottom; }
        #main-content #single-article article figure figcaption {
          font-size: 11px;
          margin-top: 2px; }
      #main-content #single-article article figure.alignright {
        margin: 0 0 0 auto; }
      #main-content #single-article article figure.aligncenter {
        margin: 0 auto; }
      #main-content #single-article article figure.wp-block-image {
        margin: 16px 0; }
      #main-content #single-article article img {
        max-width: 100%;
        height: auto;
        border: 1px solid #aaa;
        box-sizing: border-box; }
      #main-content #single-article article img.alignleft {
        float: left;
        margin-right: 10px; }
      #main-content #single-article article img.alignright {
        float: right;
        margin-left: 10px; }
      #main-content #single-article article a,
      #main-content #single-article article div a {
        word-wrap: break-word; }
        #main-content #single-article article a img,
        #main-content #single-article article div a img {
          max-width: 100%;
          -webkit-transition: 1s;
          transition: 1s;
          background: #aaa; }
          #main-content #single-article article a img:hover,
          #main-content #single-article article div a img:hover {
            -webkit-filter: grayscale(1) brightness(0.5);
                    filter: grayscale(1) brightness(0.5); }
      #main-content #single-article article .the-category-and-tag {
        margin-top: 5px; }
        #main-content #single-article article .the-category-and-tag p {
          font-size: 12px;
          padding: 0;
          margin: 0; }
        #main-content #single-article article .the-category-and-tag .time {
          font-weight: 400;
          font-family: "Raleway";
          font-weight: bold; }
        #main-content #single-article article .the-category-and-tag .categorys a {
          color: orangered; }
        #main-content #single-article article .the-category-and-tag a {
          text-decoration: underline;
          color: mediumblue; }
      #main-content #single-article article .link-type-b a {
        text-align: center;
        text-decoration: none;
        background: #f74f4f;
        color: #fff;
        display: block;
        margin: 20px 0;
        padding: 20px;
        font-size: 18px;
        font-weight: bold;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        text-decoration: underline;
        border-radius: 0px;
        border-bottom: 3px solid #b13b3b;
        border-right: 3px solid #b13b3b;
        box-sizing: border-box; }
        #main-content #single-article article .link-type-b a:hover {
          opacity: 0.7;
          -webkit-transform: translateY(5px);
                  transform: translateY(5px); }
    #main-content #single-article .share-sns {
      margin-top: 40px;
      text-align: center; }
      #main-content #single-article .share-sns p {
        font-size: 14px;
        margin: 5px 0;
        padding: 0; }
      #main-content #single-article .share-sns a img {
        width: 60px;
        height: 60px; }
    #main-content #single-article .single-top-a {
      text-align: center;
      max-height: 350px;
      margin: 10px 0; }
      #main-content #single-article .single-top-a p {
        font-size: 12px;
        margin: 0;
        padding: 0; }
    #main-content #single-article .single-under-a {
      text-align: center;
      margin-top: 15px; }
      #main-content #single-article .single-under-a p {
        font-size: 12px;
        margin: 0;
        padding: 0; }
      #main-content #single-article .single-under-a .box {
        width: 336px;
        height: 280px;
        margin: 0 auto; }
  #main-content #comment-area {
    margin-top: 100px;
    margin-bottom: 50px; }
    #main-content #comment-area h3 {
      margin: 0;
      font-weight: bold;
      font-size: 18px; }
    #main-content #comment-area .comment-h3 {
      padding-bottom: 3px;
      border-bottom: 2px solid #333;
      line-height: 1; }
      #main-content #comment-area .comment-h3 span {
        font-size: 12px; }
    #main-content #comment-area ul {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-bottom: 30px; }
      #main-content #comment-area ul .comment-box {
        margin: 30px 0 30px; }
        #main-content #comment-area ul .comment-box a {
          color: #000;
          text-decoration: underline; }
      #main-content #comment-area ul .children {
        padding-left: 40px;
        position: relative; }
        #main-content #comment-area ul .children li:before {
          position: absolute;
          left: 23px;
          content: "\f064";
          font-size: 12px;
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg); }
        #main-content #comment-area ul .children .comment-box {
          margin-top: -25px;
          padding: 3px;
          background: #f0f0f0; }
        #main-content #comment-area ul .children .children .comment-box {
          background: #fff; }
        #main-content #comment-area ul .children .children .children .comment-box {
          background: #f0f0f0; }
        #main-content #comment-area ul .children .children .children .children .comment-box {
          background: #fff; }
        #main-content #comment-area ul .children .children .children .children .children .comment-box {
          background: #f0f0f0; }
      #main-content #comment-area ul .comment-name {
        font-size: 13px;
        margin: 0;
        font-weight: bold; }
        #main-content #comment-area ul .comment-name .comment-reply-link {
          color: #7c7ce8; }
      #main-content #comment-area ul .comment-text p {
        font-size: 13px;
        margin: 0;
        padding: 5px 0;
        word-wrap: break-word; }
    #main-content #comment-area form p {
      margin: 0;
      padding: 3px 0; }
    #main-content #comment-area form textarea {
      width: 100%;
      box-sizing: border-box;
      padding: 5px;
      margin: 0;
      font-variant: bottom; }
    #main-content #comment-area form input[name="submit"] {
      width: 100%;
      margin: 0;
      padding: 10px;
      font-variant: bottom;
      border: none;
      color: #fff;
      background: #474747;
      cursor: pointer;
      -webkit-transition: 0.5s;
      transition: 0.5s; }
      #main-content #comment-area form input[name="submit"]:hover {
        background: #616161; }

.top-news {
  margin-top: 10px; }
  .top-news p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: bold; }
    .top-news p a {
      text-decoration: underline;
      color: #575eff; }
  .top-news ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .top-news ul li {
      font-size: 14px;
      margin-top: 3px;
      position: relative;
      padding-left: 37px; }
      @media screen and (max-width: 600px) {
        .top-news ul li {
          font-size: 12px; } }
      .top-news ul li:before {
        position: absolute;
        left: 0;
        content: "New";
        background: red;
        color: #fff;
        padding: 0 5px;
        margin-right: 5px;
        font-size: 10px;
        margin-top: 3px; }
      .top-news ul li a {
        text-decoration: underline; }

.related, .under-news {
  margin-top: 100px; }
  .related h3, .related p, .under-news h3, .under-news p {
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
    border-bottom: 2px solid #333;
    line-height: 1;
    font-weight: bold;
    font-size: 18px; }
    .related h3 span, .related p span, .under-news h3 span, .under-news p span {
      font-size: 12px;
      padding-left: 10px; }
    .related h3 a, .related p a, .under-news h3 a, .under-news p a {
      color: #575eff;
      text-decoration: underline; }
  .related ul, .under-news ul {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    list-style: none;
    border-top: 1px solid #c7c7c7; }
    .related ul li, .under-news ul li {
      border-bottom: 1px solid #c7c7c7;
      position: relative; }
      .related ul li:before, .under-news ul li:before {
        position: absolute;
        left: 0;
        content: "?";
        color: #ff0000;
        font-size: 12px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        padding: 9px 0;
        padding-right: 10px; }
      .related ul li:hover:before, .under-news ul li:hover:before {
        left: 5px; }
      .related ul li a, .under-news ul li a {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #7c7ce8;
        padding: 8px 0;
        padding-left: 25px;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        .related ul li a:hover, .under-news ul li a:hover {
          color: red;
          text-decoration: underline; }

/* 画像のポップアップ用CSS */
#image-pop {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  text-align: center;
  background: rgba(0, 0, 0, 0.85);
  z-index: 99999999; }
  #image-pop img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%); }
    #image-pop img:before {
      display: block;
      content: 'Tap to Close';
      color: #fff;
      font-size: 20px;
      position: fixed;
      top: 10px;
      right: 10px;
      font-weight: bold;
      cursor: pointer; }
  #image-pop:before {
    display: block;
    content: 'Tap to Close';
    color: #000;
    font-size: 20px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
    cursor: pointer; }
  #image-pop:after {
    display: block;
    content: 'Tap to Close';
    color: #fff;
    font-size: 20px;
    position: fixed;
    bottom: 8px;
    right: 8px;
    font-weight: bold;
    cursor: pointer;
    text-shadow: 0px 0px 9px #000; }

/* sidebar */
#sidebar {
  float: left;
  width: 300px;
  margin-left: 10px;
  overflow: hidden; }
  #sidebar #widget-side-first {
    text-align: center; }
    #sidebar #widget-side-first p {
      margin: 10px 0 0;
      padding: 0;
      font-size: 10px;
      text-align: center; }
  #sidebar #side-new-post-list,
  #sidebar #side-good-post-list {
    overflow: hidden; }
    #sidebar #side-new-post-list p,
    #sidebar #side-good-post-list p {
      font-size: 13px;
      margin: 0px 5px 3px;
      padding: 0;
      color: #474747;
      font-weight: bold; }
    #sidebar #side-new-post-list ul,
    #sidebar #side-good-post-list ul {
      margin: 0 0 10px;
      padding: 0;
      list-style: none;
      border-top: 1px solid #ccc; }
      #sidebar #side-new-post-list ul li a,
      #sidebar #side-good-post-list ul li a {
        display: block;
        overflow: hidden;
        background: #fff;
        border: 1px solid #ccc;
        margin-top: -1px;
        padding: 10px 0; }
        #sidebar #side-new-post-list ul li a:hover span,
        #sidebar #side-good-post-list ul li a:hover span {
          color: blue; }
        #sidebar #side-new-post-list ul li a img,
        #sidebar #side-good-post-list ul li a img {
          display: block;
          float: left;
          width: 100px;
          height: auto;
          vertical-align: bottom;
          box-sizing: border-box;
          padding-left: 10px;
          background: #fff; }
        #sidebar #side-new-post-list ul li a span,
        #sidebar #side-good-post-list ul li a span {
          display: block;
          float: left;
          width: 190px;
          padding: 0 10px;
          box-sizing: border-box;
          line-height: 1.4;
          color: #474747;
          font-weight: bold;
          font-size: 13px;
          text-decoration: underline; }
  #sidebar .facebook-box {
    margin-bottom: 10px; }
  #sidebar .tabs {
    overflow: hidden;
    width: 300px;
    box-sizing: border-box;
    margin-top: 25px; }
    #sidebar .tabs div {
      float: left;
      width: 99px;
      box-sizing: border-box;
      height: 99px;
      line-height: 99px;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      color: #fff;
      background: #666666;
      margin-right: 1px; }
    #sidebar .tabs .active {
      background: #333; }
  #sidebar #side-category-list,
  #sidebar #side-archive-list {
    display: none;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    border-top: none; }
    #sidebar #side-category-list ul,
    #sidebar #side-archive-list ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      #sidebar #side-category-list ul li a,
      #sidebar #side-archive-list ul li a {
        display: block;
        color: #333;
        background: #fff;
        padding: 7px 15px;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: bold;
        border: 1px solid #474747;
        margin: 3px 0; }
        #sidebar #side-category-list ul li a:before,
        #sidebar #side-archive-list ul li a:before {
          display: inline;
          content: "\f054";
          padding-right: 5px; }
        #sidebar #side-category-list ul li a:hover,
        #sidebar #side-archive-list ul li a:hover {
          background: #333;
          color: #fff; }
      #sidebar #side-category-list ul li ul a,
      #sidebar #side-archive-list ul li ul a {
        padding-left: 30px; }
      #sidebar #side-category-list ul li ul ul a,
      #sidebar #side-archive-list ul li ul ul a {
        padding-left: 45px; }
      #sidebar #side-category-list ul li ul ul ul a,
      #sidebar #side-archive-list ul li ul ul ul a {
        padding-left: 60px; }
      #sidebar #side-category-list ul li ul ul ul ul a,
      #sidebar #side-archive-list ul li ul ul ul ul a {
        padding-left: 75px; }
      #sidebar #side-category-list ul li ul ul ul ul ul a,
      #sidebar #side-archive-list ul li ul ul ul ul ul a {
        padding-left: 90px; }
      #sidebar #side-category-list ul li ul ul ul ul ul ul ul a,
      #sidebar #side-archive-list ul li ul ul ul ul ul ul ul a {
        padding-left: 105px; }
      #sidebar #side-category-list ul li ul ul ul ul ul ul ul ul a,
      #sidebar #side-archive-list ul li ul ul ul ul ul ul ul ul a {
        padding-left: 120px; }
      #sidebar #side-category-list ul li ul ul ul ul ul ul ul ul ul a,
      #sidebar #side-archive-list ul li ul ul ul ul ul ul ul ul ul a {
        padding-left: 135px; }
      #sidebar #side-category-list ul li ul ul ul ul ul ul ul ul ul ul a,
      #sidebar #side-archive-list ul li ul ul ul ul ul ul ul ul ul ul a {
        padding-left: 150px; }
  #sidebar #side-tag-list {
    display: none;
    background: #fff;
    padding: 10px; }
    #sidebar #side-tag-list a {
      color: #000;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      padding: 0 5px;
      font-weight: bold; }
      #sidebar #side-tag-list a:hover {
        background: #474747;
        color: #fff; }
  @media screen and (max-width: 960px) {
    #sidebar {
      float: none;
      width: 100%;
      margin-left: 0;
      overflow: hidden; } }

#sns-follow {
  overflow: hidden; }
  #sns-follow p {
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: bold; }
  #sns-follow a {
    display: block;
    position: relative;
    width: calc(100%/3);
    height: 80px;
    line-height: 35px;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: bold; }
    #sns-follow a:before {
      position: absolute;
      width: 100%;
      height: 80px;
      left: 0;
      top: 0;
      line-height: 100px;
      font-family: "fontawesome";
      font-size: 35px; }
  #sns-follow .twitter {
    background: #00aced url(""); }
    #sns-follow .twitter:before {
      content: "\f099"; }
  #sns-follow .rss {
    background: #FF6600; }
    #sns-follow .rss:before {
      content: "\f09e"; }
  #sns-follow .feedly {
    background: #6CC655; }
    #sns-follow .feedly:before {
      content: "\f09e"; }

#sidebar-banner-area {
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden; }
  @media screen and (max-width: 960px) {
    #sidebar-banner-area a {
      display: block;
      float: left;
      width: calc(98%/3);
      margin-right: 1%; }
      #sidebar-banner-area a:last-child {
        margin-right: 0; }
      #sidebar-banner-area a img {
        width: 100%;
        height: auto; } }

#page-navi {
  overflow: hidden; }
  #page-navi .page_navi {
    text-align: center;
    margin: 40px 0 30px;
    padding: 0;
    list-style: none; }
    #page-navi .page_navi li {
      display: inline-block;
      font-size: 14px; }
      #page-navi .page_navi li a {
        display: inline-block;
        padding: 5px 10px;
        background: #474747;
        color: #fff;
        min-width: 15px; }
        #page-navi .page_navi li a:hover {
          background: #888; }
    #page-navi .page_navi .current span {
      display: block;
      padding: 5px 10px;
      min-width: 15px;
      background: #888;
      color: #fff; }
    #page-navi .page_navi .page_nums,
    #page-navi .page_navi .previous,
    #page-navi .page_navi .next {
      display: none; }
    @media screen and (max-width: 600px) {
      #page-navi .page_navi {
        margin: 20px 0 20px; }
        #page-navi .page_navi .first, #page-navi .page_navi .last {
          display: none; } }
  #page-navi #next-prev {
    clear: both;
    padding: 20px 0;
    overflow: hidden;
    margin: 20px 0 10px;
    border: 1px solid #aaa;
    box-sizing: border-box;
    background: #fff; }
    #page-navi #next-prev a {
      display: block;
      width: 50%;
      float: left;
      color: #000;
      font-weight: bold;
      text-decoration: underline;
      padding: 0 20px;
      box-sizing: border-box;
      font-size: 18px;
      -webkit-text-decoration-style: double;
              text-decoration-style: double; }
      #page-navi #next-prev a span {
        -webkit-text-decoration-style: double;
                text-decoration-style: double; }
      @media screen and (max-width: 550px) {
        #page-navi #next-prev a {
          font-size: 15px; }
          #page-navi #next-prev a span {
            display: none; } }
    #page-navi #next-prev .next {
      text-align: right;
      float: right; }

#footer-sns {
  max-width: 1250px;
  margin: 0 auto;
  overflow: hidden; }
  @media screen and (max-width: 960px) {
    #footer-sns {
      display: none; } }

footer {
  overflow: hidden;
  background: #333; }
  footer #footer-in {
    max-width: 1250px;
    margin: 0 auto;
    overflow: hidden; }
  @media screen and (max-width: 960px) {
    footer #footer-left, footer #footer-right {
      float: none;
      width: 100%; } }
  footer #copy {
    clear: both;
    text-align: center;
    font-size: 12px;
    padding-top: 10px; }
    footer #copy a {
      color: #fff;
      text-decoration: underline; }

.page-top {
  position: fixed;
  bottom: -35px;
  right: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  background: #fff;
  border: 2px solid #333;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.47); }
  .page-top i {
    text-shadow: 2px 2px 0 rgba(70, 70, 70, 0.6); }

.page-top-on {
  bottom: 5px; }

.single-page-nav {
  overflow: hidden;
  margin-bottom: 10px; }
  .single-page-nav div {
    display: block;
    width: 50%;
    float: left; }
  .single-page-nav .prev {
    text-align: left;
    float: left; }
  .single-page-nav .next {
    text-align: right;
    float: right; }

.good {
  overflow: hidden;
  margin: 30px 0;
  position: relative; }
  .good .left {
    background-size: cover;
    background-position: center center;
    background-color: #a0a0a0;
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6); }
  .good .right {
    background: #474747; }
  .good .left {
    position: relative; }
  .good > div, .good p {
    float: left;
    width: 50%;
    height: 250px;
    line-height: 250px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .good > div, .good p {
        float: none;
        width: 100%;
        height: 100px;
        line-height: 100px;
        font-size: 14px; } }
  .good p {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 5;
    text-shadow: 0 0 20px #000; }

/*ページ分割の表示*/
.page-page {
  width: 100%;
  text-align: center;
  margin: 80px 0 20px; }

.page-page span {
  display: inline-block;
  line-height: 35px;
  width: 35px;
  height: 35px;
  font-size: 13px;
  background: #fff;
  position: relative;
  box-shadow: 0 0 1px 2px #474747 inset; }

.page-page a {
  text-decoration: none; }

.page-page a span {
  display: inline-block;
  line-height: 35px;
  width: 35px;
  height: 35px;
  background: #474747;
  color: #000;
  color: #fff;
  box-shadow: none;
  font-weight: bold; }

.page-page a span:before {
  content: "";
  padding: 0; }

.page-page a span:after {
  border: none; }

/* 追加しました */
.page-page span {
  opacity: 0.8; }

/* アフィリエイトリンク対策 */
img[width="0"], img[width="1"], img[height="1"] {
  display: none !important; }

/* Google Map レスポンシブ対策*/
.ggmap {
  position: relative;
  margin-top: 10px;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Wordpress oEmbed レスポンシブ対策*/
iframe.wp-embedded-content {
  position: relative;
  width: 100%;
  border: 3px solid black; }

/* widget */
#widget-side {
  margin-top: 10px; }
  #widget-side p.widget-title {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 3px; }
  #widget-side .textwidget {
    background: #fff;
    border: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    #widget-side .textwidget img {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      width: 100%;
      height: auto;
      vertical-align: bottom;
      margin-bottom: -10px; }
      #widget-side .textwidget img:hover {
        opacity: 0.7; }
    #widget-side .textwidget p {
      margin: 0;
      padding: 10px 10px 0px 10px;
      margin-bottom: 5px;
      line-height: 1.4;
      font-size: 14px; }
      #widget-side .textwidget p img {
        margin-bottom: 0; }
    #widget-side .textwidget a {
      display: block; }

/*# sourceMappingURL=style.css.map */