@charset "UTF-8";
/* single-media-queries.css */
@media screen and (min-width: 1681px) {
  /* 1681px以上 */ }
@media screen and (max-width: 1280px) {
  /* 1280px以下 */
  #single .contentWrap .singleContent .inner,
  #single .contentWrap .listContent .inner,
  #archive .contentWrap .singleContent .inner,
  #archive .contentWrap .listContent .inner {
    width: 75%; } }
@media screen and (max-width: 820px) {
  /* 820px以下 */
  #single .contentWrap .singleContent,
  #single .contentWrap .listContent,
  #archive .contentWrap .singleContent,
  #archive .contentWrap .listContent {
    padding-bottom: 60px; }
    #single .contentWrap .singleContent .inner,
    #single .contentWrap .listContent .inner,
    #archive .contentWrap .singleContent .inner,
    #archive .contentWrap .listContent .inner {
      margin-top: 60px;
      padding-left: 48px;
      padding-right: 48px;
      width: 80%; }
      #single .contentWrap .singleContent .inner .box h3,
      #single .contentWrap .listContent .inner .box h3,
      #archive .contentWrap .singleContent .inner .box h3,
      #archive .contentWrap .listContent .inner .box h3 {
        font-size: 18px;
        padding-bottom: 0.5em; } }
@media screen and (max-width: 480px) {
  /* 480px以下 */
  #single .btnBox,
  #archive .btnBox {
    width: 80%; }
  #single .contentWrap .titleBox .imgBox,
  #archive .contentWrap .titleBox .imgBox {
    height: 180px; }
  #single .contentWrap .singleContent,
  #single .contentWrap .listContent,
  #archive .contentWrap .singleContent,
  #archive .contentWrap .listContent {
    padding-bottom: 48px; }
    #single .contentWrap .singleContent .inner,
    #single .contentWrap .listContent .inner,
    #archive .contentWrap .singleContent .inner,
    #archive .contentWrap .listContent .inner {
      margin-top: 48px;
      padding-left: 7.5%;
      padding-right: 7.5%;
      padding-bottom: 48px;
      width: 90%; }

  #single.single-blog .contentWrap .singleContent .inner {
    padding-top: 36px;
    padding-bottom: 36px; }
    #single.single-blog .contentWrap .singleContent .inner .box h3.title {
      font-size: 18px; }
    #single.single-blog .contentWrap .singleContent .inner .alignleft,
    #single.single-blog .contentWrap .singleContent .inner .alignright {
      float: none;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 2em;
      width: 100%; }

  #archive .contentWrap .listContent .inner {
    padding-top: 48px; }
    #archive .contentWrap .listContent .inner .box .list ul li a .date {
      display: block; }
  #archive.post-type-archive-blog .contentWrap .listContent .inner .box .list ul li {
    padding-left: 0;
    padding-right: 0;
    width: 100%; } }