/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
#main h1 {
  margin: 0;
  padding: 0;
  background: none;
  margin: 0 auto 40px auto; }
  #main h1 a {
    background: url(/assets/images/photo_gallery/img_01.png) no-repeat center top;
    text-indent: -999em;
    display: block;
    height: 145px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
      #main h1 a {
        background: url(/assets/images/photo_gallery/img_01@2x.png) no-repeat center top;
        background-size: 239px 145px; } }
#main #category {
  text-align: center;
  margin-bottom: 40px;
  font-size: 93%; }
  @media screen and (max-width: 640px) {
    #main #category {
      /* sp */
      font-size: 86%; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    #main #category {
      /* tablet */
      font-size: 86%; } }
  #main #category ul li {
    display: inline-block; }
    #main #category ul li ul.children {
      display: inline; }
      @media screen and (max-width: 640px) {
        #main #category ul li ul.children {
          /* sp */
          display: block;
          padding-top: 5px; } }
      #main #category ul li ul.children li {
        background: url(/assets/images/common/ic_topicpath.png) no-repeat right center;
        padding-right: 22px; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
          #main #category ul li ul.children li {
            background: url(/assets/images/common/ic_topicpath@2x.png) no-repeat right center;
            background-size: 13px 13px; } }
        #main #category ul li ul.children li:last-child {
          background: none;
          padding-right: 0; }
  #main #category .cat-item-53,
  #main #category .cat-item-52 {
    display: block; }
  #main #category .cat-item-29,
  #main #category .cat-item-53 {
    margin-bottom: 10px; }
  #main #category .cat-item-29 > a,
  #main #category .cat-item-53 > a,
  #main #category .cat-item-52 > a {
    border: solid 1px #333;
    padding: 5px 10px;
    margin-right: 5px; }
  #main #category .all {
    background: url(/assets/images/common/ic_topicpath.png) no-repeat right center;
    padding-right: 22px; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
      #main #category .all {
        background: url(/assets/images/common/ic_topicpath@2x.png) no-repeat right center;
        background-size: 13px 13px; } }
  #main #category a.current {
    font-weight: bold !important; }
#main #wall {
  position: relative;
  min-height: 760px;
  box-sizing: border-box; }
  #main #wall div {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    #main #wall div a.photo {
      display: block;
      width: 100%;
      height: 100%;
      text-indent: -999em;
      box-sizing: border-box;
      border-right: solid 1px #fff;
      border-bottom: solid 1px #fff; }
    #main #wall div a.post-edit-link {
      display: inline-block;
      background: #333;
      color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      padding: 5px;
      font-size: 86%;
      text-decoration: none; }
@media screen and (max-width: 640px) {
  #main {
    /* sp */ }
    #main .next {
      padding-top: 50px; } }
    @media screen and (max-width: 640px) and (max-width: 640px) {
      #main .next {
        /* sp */
        padding-top: 25px;
        padding-bottom: 25px; } }
@media screen and (max-width: 640px) {
      #main .next a {
        text-align: center;
        padding: 5px;
        text-decoration: none;
        display: block;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        background: #333;
        color: #fff;
        margin: 0 auto; } }
@media screen and (min-width: 641px) {
  #main {
    /* pc */ }
    #main .next {
      padding-top: 50px; } }
    @media screen and (min-width: 641px) and (max-width: 640px) {
      #main .next {
        /* sp */
        padding-top: 25px;
        padding-bottom: 25px; } }
@media screen and (min-width: 641px) {
      #main .next a {
        display: block;
        text-indent: -999em;
        width: 70px;
        height: 70px;
        background: url(/assets/images/common/btn_more.png);
        margin: 0 auto; } }
      @media screen and (min-width: 641px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 641px) and (min-resolution: 1.5dppx) {
        #main .next a {
          background: url(/assets/images/common/btn_more@2x.png);
          background-size: 70px 140px; } }
@media screen and (min-width: 641px) {
        #main .next a:hover {
          background-position: 0 -70px; } }