@charset 'utf-8';
/* =============================================================================
   上書き
   ========================================================================== */
#content-items{
    margin:120px 0 0;
    background: #EEF3F5;
}
#content-contact{
    padding:0 0 70px;
}

/* =============================================================================
   プラグインCSS上書き
   ========================================================================== */
.wp-pagenavi{
    overflow: hidden;
}
.wp-pagenavi .pages{
  display: none;
}
.wp-pagenavi .extend,
.wp-pagenavi a,
.wp-pagenavi span{
    display: inline-block;
}
.wp-pagenavi .extend,
.wp-pagenavi .current,
.wp-pagenavi a{
    font-size: 1.6rem;
    padding: 8px 15px;
}
.wp-pagenavi .current {
  background-color: #eee;
}


/* =============================================================================
   itemsページ共通
   ========================================================================== */
#localnav{
    max-width: 750px;
    margin: 0 auto;
}
  #localnav ul{
    padding:20px 0 0;
  }
  #localnav li{
    padding:10px;
    font-size: 1.4rem;
    width: 33.333333%;
    float: left;
    text-align: left;
  }
  #localnav li:nth-child(3n+1){
      clear: both;
  }
  #localnav i{
    padding:0 5px 0 0;
  }
  #localnav li a{
  }



/* =============================================================================
   archiveページ
   ========================================================================== */
#items_archive{
}
#items_archive .not_found{
    padding: 100px 0 140px;
    font-size: 1.6rem;
}
#items_archive #c01{
}
    #items_archive #c01 .items{
        max-width: 1024px;
        padding:30px 15px 15px;
        margin: 0 auto;
    }
    #items_archive #c01 .item{
        padding:15px 15px 80px;
        float: left;
        width: 33.333333%;
    }
    #items_archive #c01 .item:nth-child(3n+1){
      clear: both;
    }
    #items_archive #c01 .item a{
        display: block;
    }
    #items_archive #c01 .item header > img{
        width: 100%;
        height: auto;
        display: block;
        border: 1px solid #CCCCCC;
        transition: .3s;
    }
    #items_archive #c01 .item header > h2{
        padding: 10px 0 0;
        text-align: left;
        font-size: 1.6rem;
    }
    #items_archive #c01 .item .tag{
    }
        #items_archive #c01 .item .tag ul{
            padding: 0;
        }
        #items_archive #c01 .item .tag li{
            float: left;
            padding: 5px 5px 0 0;
        }
        #items_archive #c01 .item .tag li:nth-child(3n+1){
            clear: both;
        }
            #items_archive #c01 .item .tag li span{
                display: inline-block;
                padding:2px 5px;
                background: #FF8500;
                color: #FFF;
                font-size: 1rem;
            }


/* =============================================================================
   singleページ
   ========================================================================== */
#items_single{
}
  #items_single #c01{
  }
  #items_single #c01 .max_width{
    width: 1024px;
    margin: 0 auto;
  }
  #items_single #c01 #no_main_image{
      max-width: 350px;
      margin: 20px auto 0;
  }
    #items_single #c01 #no_main_image img{
        width: 100%;
        height: auto;
    }
  #items_single #c01 .btn_wrap{
    padding:35px 0 0;
  }
    #items_single #c01 .btn_wrap .btn{
    }
    #items_single #c01 .btn_wrap .btn a{
      font-size: 2.0rem;
      line-height: 1;
      display: inline-block;
      padding:20px;
      text-align: center;
      border: 1px solid #212549;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
    }

  #items_single #c01 header{
    width: 1024px;
    margin: 0 auto;
  }
  #items_single #c01 #item-title{
    text-align: center;
    padding: 50px 5% 0;
    font-size: 2.6rem;
  }
  #items_single #c01 .tag{
    padding:10px 0 0;
    position: relative;
    overflow: hidden;
  }
  #items_single #c01 .tag ul{
    float:left;
    left:50%;
    position:relative;
  }
  #items_single #c01 .tag li{
    float:left;
    left:-50%;
    position:relative;
  }
      #items_single #c01 .tag li span{
          display: inline-block;
          padding:2px 5px;
          margin:0 5px;
          background: #FF8500;
          color: #FFF;
          font-size: 1.1rem;
      }
  #items_single #i03 {
    padding: 15px 5% 0;
  }
  #items_single #i03 #iv{
      max-width: 350px;
      margin: 0 auto;
  }
    #items_single #i03 #iv img{
      width: 100%;
      height: auto;
    }
  #items_single #i03 #iv-thumb{
    padding:20px 0 0;
    position: relative;
    overflow: hidden;
  }
    #items_single #i03 #iv-thumb ul{
      float:left;
      left:50%;
      position:relative;
    }
    #items_single #i03 #iv-thumb ul li{
      cursor: pointer;
      width: 80px;
      margin: 0 7px;
      float:left;
      left:-50%;
      position:relative;
    }
      #items_single #i03 #iv-thumb ul li img{
        border: 1px solid #CCCCCC;
        width: 100%;
        height: auto;
      }

  #items_single #i04{
    padding:30px 0 0;
    font-size: 1.8rem;
    line-height: 1.6;
  }
    #items_single #i04 > .inner{
      width: 650px;
      margin: 0 auto;
      text-align: left;
    }
  #items_single #i02{
    padding:30px 0 0;
    font-size: 1.6rem;
    line-height: 1.6;
  }
    #items_single #i02 > .inner{
      width: 306px;
      background: #EEF3F5;
      padding:5px 20px;
      margin: 0 auto;
    }
  #items_single #i02 dl{
    width: 100%;
    margin: 0 auto;
    display: table;
  }
    #items_single #i02 dt{
      display: table-cell;
    }
    #items_single #i02 dd{
      display: table-cell;
      font-weight: bold;
    }
      #items_single #i02 dd span{
        font-size: 1.2rem;
      }

  #items_single #i05{
    padding:40px 0 0;
    position: relative;
    overflow: hidden;
  }
  #items_single #i05 > .inner{

  }
  #items_single #i05 section{
    text-align: left;
    width: 50%;
    float: left;
    padding:12px;
  }
  #items_single #i05.col1 section{
    margin:0 auto;
    width: 504px;
    float: none;
    padding:12px;
  }

  #items_single #i05 section > .inner{
      width: 100%;
      padding:15px;
      border: 1px solid #CCC;
  }
    #items_single #i05 section h2{
      font-size: 1.6rem;
      font-weight: bold;
    }
    #items_single #i05 section p{
      padding:10px 0 0;
      font-size: 1.4rem;
      line-height: 1.6;
    }

  #items_single #i06{
      margin:50px 0 0;
      border-top: 1px solid #CCC;
  }
    #items_single #i06 ul{
      padding:0 20px;
    }
    #items_single #i06 li{
      float: left;
      padding:70px 20px 0;
      width: 50%;
    }
      #items_single #i06 li figure img{
        width: 100%;
        height: auto;
      }
      #items_single #i06 li figure figcaption{
        padding: 20px 0 0;
        text-align: left;
        font-size: 1.6rem;
        line-height: 1.8;
      }

  #items_single #i07{
      margin:90px 0 0;
      border-bottom: 1px solid #CCC;
  }
    #items_single #i07 h2{
      font-size: 3.0rem;
      padding:0 0 15px;
      border-bottom: 1px solid #CCC;
    }
    #items_single #i07 ul{
      padding:30px 0 0;
    }
    #items_single #i07 li{
      padding:35px 17px;
      float: left;
      width: 33.333333%;
      text-align: left;
    }
    #items_single #i07 li:nth-child(3n+1){
      clear: both;
    }
      #items_single #i07 li figure{

      }
      #items_single #i07 li figure img{
        display: block;
        border: 1px solid #CCC;
        width: 100%;
        height: auto;
      }
      #items_single #i07 li h3{
        padding: 10px 0 0;
        font-size: 1.6rem;
        line-height: 1.5;
      }
      #items_single #i07 li .code{
        padding:2px 0 0;
        font-size: 1.6rem;
      }
      #items_single #i07 li .naiyou{
        padding:2px 0 0;
        font-size: 1.6rem;
      }
      #items_single #i07 li dl{
        padding:2px 0 0;
        display: table;
        font-size: 1.6rem;
      }
        #items_single #i07 li dt{
          display: table-cell;
        }
        #items_single #i07 li dd{
          display: table-cell;
          font-weight: bold;
        }
          #items_single #i07 li dd span{
            font-size: 1.2rem;
          }
      #items_single #i07 li .etc{
        padding:5px 0 0;
        font-size: 1.3rem;
      }
  #items_single #to_cotact .btn a{
        width: 38.28125%;
  }

  #items_single #category{
      margin:150px 0 0;
  }
    #items_single #category h2{
      font-size: 3.0rem;
      padding:0 0 15px;
      border-bottom: 1px solid #CCC;
    }
    #items_single #category .max_width{
      padding:30px 0 0;
    }
    #items_single #category section{
      padding:35px 17px;
      float: left;
      width: 33.333333%;
      text-align: left;
    }
    #items_single #category section:nth-child(3n+1){
      clear: both;
    }
      #items_single #category section figure{
        padding: 0 0 5px;
      }
      #items_single #category section figure img{
        display: block;
        border: 1px solid #CCC;
        width: 100%;
        height: auto;
        transition: .3s;
      }
    #items_single #category section h3{
      padding:5px 0 0;
      font-size: 1.6rem;
    }

  #items_single #to_list .btn a{
        width: 230px;
  }


/* =============================================================================
   responsive
   ========================================================================== */
@media screen and (max-width: 1024px) {
  #items_archive #c01 .items{
     width: 100%;
  }

  #items_single #c01 .max_width{
    width: 100%;
  }

  #items_single #c01 header{
    width: 100%;
  }
    #items_single #i04 > .inner{
      max-width: 790px;
    }
  #items_single #i05 section{
      width: 50%;
  }
  #items_single #i05 section > .inner{
      width: 100%;
      padding:15px;
      border: 1px solid #CCC;
  }
    #items_single #i05 section h2{
      font-size: 1.6rem;
      font-weight: bold;
    }
    #items_single #i05 section p{
      padding:10px 0 0;
      font-size: 1.4rem;
      line-height: 1.6;
    }
}

@media screen and (max-width: 800px) {
    #items_single #i04 > .inner{
      text-align: left;
      width: 100%;
      padding:0 30px;
    }
}



@media screen and (min-width: 721px) {
  /* スマホのhoverイベントバグを回避 */
  #items_archive #c01 .item a:hover header > img,
  #items_single #category section a:hover figure img{
    opacity: .7;
  }
}

@media screen and (max-width: 720px) {

  #items_single #c01 #item-title{
    text-align: left;
    padding: 30px 5% 0;
  }

  #localnav ul{
    padding:10px 0 0;
  }

  #localnav li {
      padding: 10px 10px 0px;
      font-size: 1.4rem;
      width: 50%;
      float: left;
  }
    #localnav li:nth-child(3n+1){
        clear: none;
    }
    #localnav li:nth-child(2n+1){
        clear: both;
    }


    #items_archive #c01 .items {
        padding: 15px;
        margin: 0 auto;
    }

    #items_archive #c01 .item{
        width: 50%;
    }

    #items_archive #c01 .item:nth-child(3n+1){
      clear: none;
    }
    #items_archive #c01 .item:nth-child(2n+1){
      clear: both;
    }
        #items_archive #c01 .item .tag li:nth-child(2n+1){
            clear: both;
        }
        #items_archive #c01 .item .tag li:nth-child(3n+1){
            clear: none;
        }

    #items_single #i05 section{
      width: 100%;
      float: none;
    }
    #items_single #i05.col1 section{
      width: 100%;
      float: none;
      padding:12px;
    }
    #items_single #i05 section .inner{
      height: auto !important;
    }
}
@media screen and (max-width: 640px) {

  #content-contact {
      padding: 0 0 50px;
  }

    #localnav li {
        text-align: left;

    }

    #items_archive #c01 .item header > h2{
       font-size: 1.4rem;
       line-height: 1.25;
    }

    #items_single #c01 .btn_wrap .btn a{
      font-size: 1.6rem;
    }

    #items_archive #c01 .item{
        padding: 15px 5px 30px;
    }
    #items_single #i06{
        margin:50px 0 0;
        border-top: 1px solid #CCC;
    }
      #items_single #i06 ul{
        padding:0 20px;
      }
      #items_single #i06 li{
        float: none;
        width: 100%;
        padding: 70px 0px 0;
        }
        #items_single #i06 li figure{
          overflow: hidden;
        }
        #items_single #i06 li figure img{
          display: block;
          float: left;
          width: 50%;
          padding: 0 20px 10px 0;

        }
        #items_single #i06 li figure figcaption{
          padding: 0;
          font-size: 1.4rem;
          line-height: 1.6;
        }


    #items_single #i07 li{
      overflow: hidden;
      float: none;
      width: 100%;
    }
    #items_single #i07 li:nth-child(3n+1){
      clear: none;
          font-size: 1.4rem;
          line-height: 1.6;
    }
      #items_single #i07 li figure{
          width: 50%;
          float: left;
          padding: 0 20px 10px 0;
      }
      #items_single #i07 li figure img{
        display: block;
        border: 1px solid #CCC;
        width: 100%;
        height: auto;
      }
      #items_single #i07 li h3 {
          font-size: 1.4rem;
      }
      #items_single #i07 li dl {
          font-size: 1.4rem;
      }

    #items_single #category section{
      float: left;
      width: 50%;
    }
    #items_single #category section:nth-child(3n+1){
      clear: none;
    }
    #items_single #category section:nth-child(2n+1){
      clear: both;
    }
    #items_single #i07 {
        margin: 45px 0 0;
        padding: 0 0 45px;
        border-bottom: 1px solid #CCC;
    }
    #items_single #i07 li {
        padding: 17px 17px 0;
    }

    #items_single #category {
        margin: 75px 0 0;
    }
    #items_single #category section {
        padding: 0 17px 17px;
    }

}

@media screen and (max-width: 540px) {
}
@media screen and (max-width: 480px) {
    #localnav li {
        font-size: 1.2rem;
    }
    #content-items{
        margin: 60px 0 0;
        background: #EEF3F5;
    }
      #items_single #i07 li .etc{
        clear: both;
        display: block;
        padding:5px 0 0;
        font-size: 1.3rem;
      }
}
@media screen and (max-width: 400px) {
}