@charset "UTF-8";
@import url(slick.css);
@import url(slick-theme.css);
/* dress
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.produce .pageHeaderSecond {
  background: url(../img/produce/title_bg.jpg) no-repeat center center;
  background-size: cover; }
.produce .pageLead {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 1.6rem; }
.produce .lnaviArea {
  border-top: 1px solid #ececec;
  margin-bottom: 32px; }
.produce .boxLayout01 {
  margin: 0 auto 64px;}
.produce  .boxLayout01.mb32 {
  margin: 0 auto 32px;}
.produce .boxLayout03 {
  margin-bottom: 72px; }
  .produce .boxLayout03.last {
    margin-bottom: 48px; }
.produce .accessArea {
  display: none; }
.produce .mainVisual {
  width: 100%;
  margin-bottom: 32px; }
  .produce .mainVisual img {
    width: 100%; }
  .produce .mainVisual .slick-slider {
    margin-bottom: 0; }
  .produce .mainVisual:hover .slick-dots {
    opacity: 1; }
  .produce .mainVisual .slick-dots {
    bottom: 16px; }
  .produce .mainVisual > li {
    margin: 0 1px; }
.produce .aboutText {
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 32px; }
  .produce .aboutText .count {
    margin-top: 16px;
    font-size: 1.4rem; }
  .produce .btnPat02 {
    margin-top: 32px; }
    .produce .btnPat02 a {
      width: 282px;
      display: inline-block; }
      
.boxLayout03 .wrap .text a.linkText{color: #555;}



/* ==========================================================================
    
   sp
   
   ========================================================================== */
@media screen and (max-width: 767px) {
  .produce {
    /* ceremony
    –––––––––––––––––––––––––––––––––––––––––––––––––– */ }
    .produce .pageLead {
      text-align: center;
      margin-top: 16px;
      margin-bottom: 16px;
      font-size: 1.2rem; }
    .produce .lnaviArea {
      margin-bottom: 0px; }
    .produce .boxLayout01.mb32 {
        margin: 0 auto 16px;}
    .produce .boxLayout03 {
      margin-bottom: 24px; }
      .produce .boxLayout03.last {
        margin-bottom: 24px; }
    .produce .accessArea {
      display: block;
      border-top: 1px solid #f4f4f2;
      padding-top: 35px; }
    .produce .mainVisual {
      width: 100%;
      margin-bottom: 24px; }
      .produce .mainVisual img {
        width: 100%; }
      .produce .mainVisual .slick-slider {
        margin-bottom: 0; }
      .produce .mainVisual:hover .slick-dots {
        opacity: 1; }
      .produce .mainVisual .slick-dots {
        text-align: center;
        right: 0;
        bottom: 12px;
        opacity: 1; }
    .produce .aboutText {
      text-align: center;
      font-size: 1.2rem;
      margin-bottom: 16px; }
      .produce .aboutText .count {
        margin-top: 8px;
        font-size: 1rem; }
    .produce .boxLayout01 {
      padding: 0 9.375%;
      margin-bottom: 32px; }
      .produce .boxLayout01 .slider {
        margin-bottom: 16px; }
      .produce .boxLayout01 .caption {
        font-size: 1rem; }
    .produce .contactBox {
      display: none; }
    .produce .btnPat02 {
      margin-top: 14px; }
      .produce .btnPat02 a {
        width: 240px;
        display: inline-block;
        padding: 14px 20px; }
       }