/* html * a:hover { text-decoration: none; list-style: none;}
    html * a:visited{　color: none;　}

    html * body{ width: 100vw; height: 120%; display: flex; flex-direction: column;
    	           margin: 0 auto; padding: 0; max-width: 100%;}

    html * button:focus { outline: 0;}
    html * input:focus { outline: 0;} */

    .gallery-page a:hover{ text-decoration: none; }
    .gallery-page a:visited{ color: inherit; }  /* none → inherit */

    .wrap{ width: 100%; margin: 0 auto;}
    #main {background-color: #fff}

    #free-navbar{ z-index: 50;}
    #first-navbar{ z-index: 50;}
    #second-navbar{ z-index: 10;}
    #masonry-gallery{ z-index: 0;}
    #gallery-images{ z-index: 0;}
    #gallery-images input{ z-index: 0;}

    .blank-space{　width: 100%; margin: 0 auto; text-align: center; height: 200px;}
    .heading-title-space{ margin: 0 auto; text-align: center;}
    .heading-title-space-block{ margin: 0 auto; display: inline-block; margin-top: 55px;}
    .heading-title-space-title{ font-size: 1.2em; color: white; font-weight: 500; opacity: 0.8; margin-top: 16px; margin-bottom: -10px;}
    .heading-title-space-line{ width: 94%; border-top: 5px solid #4e342e; opacity: 0.8; margin-bottom: 0.2em;}
    .heading-title-space-number{ font-size: 1.0em; color: white; font-weight: 500; opacity: 0.3;}


/*****　ギャラリー  ******/
    .gallery-background{ width: 100%; margin: 0 auto; padding-top: 7em; padding-bottom: 3em; background-color: #fff; margin-top:80px;}
    .masonry-container{ width: 100%; margin: 0 auto; position: relative; overflow:hidden;}
    .masonry-inner{ width: 100%; margin: 0 auto; }


/*****　画像一覧　JQuery ******/
    #masonry { width: 100%; margin: 0 auto; padding-left: 8px;} /* border:solid 1px #000; レイアウト困ったら、ここオープンして状況チェック！ */

    #gallery-images{ width: 325px; margin: 0 auto; float: left;} /* 重要！！！ */
    .gallery-spec { color: #111; padding-bottom:1.51em; margin-top:5px;} /* 重要！！！ */

    #gallery-images input{ max-width: 100%; height: auto; margin-bottom: -3.5px; border-radius: 5px;}
    #gallery-images input{
       -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
        -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

   #gallery-images input:hover { opacity: 0.5;}
   /* #gallery-icon-03{ margin-left: -2px;}
   #gallery-icon-04{ margin-left: -4px;}
   #gallery-icon-05{ margin-left: -4px;}
   #gallery-icon-06{ margin-left: -4px;} */
   #gallery-icon-space{ margin-top: -5px;}
   #gallery-icon-space form{ display: inline-block; margin-top: -2.5px;}
   /* #gallery-icon-space form a i{ font-size: 16.5px;}
   #gallery-icon-space i{ margin-top: 10px;}
   #gallery-icon-space i:hover{ color:#111;}
   #gallery-icon-02{font-size: 16.5px; color:#888;} */
   .gallery-icon { width: 23px; height: 23px; fill: #888; margin:0; padding:0; margin-top:-5px;}

/*****　検索結果  ******/

      .gallery-head-space{ float: right; padding-right: 1em; margin-top: -95px; margin-bottom:10px;}
      .gallery-head-space-title{ color:#888; font-size: 1.2em; font-weight: 400; letter-spacing: -0.05em; float: right; margin-bottom: -0.2em; margin-right: 5px;}
      .gallery-head-space-title strong{ font-size: 1.10em; margin-right: 1px;}
      .gallery-head-space-line{ width: 120%; border-top: 2px solid #111; float: right; margin: 0 auto; clear: both; opacity: 1;}
      .gallery-head-space-res{ color:#111; font-size: 1.4em; font-weight: 400; opacity: 1; letter-spacing: -0.05em; float: right; margin-top: 2px; margin-bottom: -0.1em; margin-right: 5px;}

      .gallery-Message-space{ width: 100%; margin: 0 auto; text-align: center; ccolor:#888; font-size: 1.8em; font-weight: 400; opacity: 1; letter-spacing: 0.00em; padding-top: 2em; padding-bottom: 2em;}
      .gallery-Message-Message{ width: 100%; margin: 0 auto; color:#888; font-size: 1.8em; font-weight: 400; opacity: 1; letter-spacing: 0.00em; line-height: 2.5em; margin-top: 50px; padding-bottom: 150px;}
      .gallery-Message-space02{ width: 100%; margin: 0 auto; text-align: center; color:#888; font-size: 1.8em; font-weight: 400; opacity: 1; letter-spacing: 0.05em; padding-top: 1em; padding-bottom: 3em;}
      .gallery-Message-Message02{ width: 100%; margin: 0 auto; color:#888; font-size: 1.8em; font-weight: 400; opacity: 1; letter-spacing: 0.05em; line-height: 2.5em; margin-top: 50px; padding-bottom: 120px;}

      .gallery-Message-searchfilenumber01{ width: 100%; margin: 0 auto; color: white; font-size: 1.4em; font-weight: 400; letter-spacing: 0.05em; margin-top: 50px;}
      .gallery-Message-searchfilenumber02{ width: 100%; margin: 0 auto; color: white; font-size: 1.4em; font-weight: 400; letter-spacing: 0.05em; margin-top: 50px;}

/*****　ブランク  ******/
       .blank-space{　margin: 0 auto; text-align: center; height: 200px;}
       .blank-space-title{ font-size: 3.5em; font-weight: 500; letter-spacing: -0.005em; color: #fff; padding-top: 35px; margin-bottom: -2px}
       .blank-space-form{ margin: 0 auto; display: inline-block;}


/*****　GOOGLE ADS ******/
     .ads-space{ width: 100%; margin: 0 auto; text-align: center;}
     .ads-space-display{ width: 100%; height: 250px; display: inline; margin: 0 auto;}
     .ads-space-display-display01{ width: 300px; height: 250px; padding-top: 30px;}
     .ads-space-display-display02{ width: 300px; height: 250px; padding-top: 30px;}
     .ads-space-display-display03{ width: 300px; height: 250px; padding-top: 30px;}

     .ads-space-form{  width: 100%; margin: 0 auto; text-align: center; padding-top: 50px; padding-bottom: 50px;}
     .ads-space-form-code{  width: 100%; margin: 0 auto; text-align: center; padding-top: 10px; padding-bottom: 15px; }
     .ads-space-form-box{ display: inline-block; width: 100% margin: 0 auto;}
     .formsearch03{ width: 100%; margin: 0 auto;}
     .ads-space-form-log{ width: 100%; margin: 0 auto; color: #fff; font-style: 500; padding-bottom: 10px;}

     .ads-space-form-box-line {
       position: relative;
       text-align: center;
       margin: 0 auto;
       border:none;
       font-weight:normal;
       color:#fff;
       padding-top: 5px;
       padding-bottom: 8px;
     }
     .ads-space-form-box-line:before {
       border-top: 4px solid;
       content: "";
       position: absolute;
       top: 50%;
       left: 0;
       width: 100%;
       opacity: 0.5;
     }
     .ads-space-form-box-line span {
       background-color: #f5f5f5;
       display: inline-block;
       padding: 0 1em;
       position: relative;
       font-size:18px;
     }


 /*****　ページ送り ******/

    .page-view-space{ padding-top: 8em; margin-left: 20px; margin-bottom: -5px;}
    .page-view-space-number form{ display: inline-block;}
    .page-view-space-title{ font-size: 30px; font-weight: 400; color: #111; opacity: 0.1; margin-bottom: -2px;}
    .page-view-space-nav-pre, .page-view-space-nav, .page-view-space-nav-pre-pre{ font-size: 22px; font-weight: 400; color: #111;}
    .page-view-space a:hover{ color: #4e342e}
    .page-view-space-nav-strong{ font-size: 30px; font-weight: 400; color: #4e342e}


    #mdb-preloader.loaded {
      opacity: 0;
      transition: .3s ease-in 1s;
    }




/* ▼ ONZE ▼ */
.button-view-more {
  display: block;
  border: 2px solid #888;          /* 枠線を少し太く */
  border-radius: 4px;              /* 丸みを強調 */
  background-color: #888;
  color: #fff;
  cursor: pointer;
  margin: 40px auto 60px;
  clear: both;

  font-size: 1.35em;                /* 文字を大きく */
  font-weight: 600;                /* 見やすく太字 */
  padding: 10px 95px;             /* 上下左右にゆとり */

  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

.button-view-more:hover {
  background-color: #111;
  border: 2px solid #111;
  color: #fff;
}

.button-view-more[disabled] {
  display: none;
  opacity: 0;
}


.page-load-status {display:none; margin:50px auto 40px auto;}
.page-load-status span {display:none;}
.infinite-scroll-last {display:none; visibility:hidden;}

.loader-wheel {
width:88px;
height:88px;
margin:0 auto;
background: url("../../pict/loading.gif") 0 0 no-repeat;
background-size:68px 68px;
}


img.hide {display:none;}

#masonry {zoom:1; position:relative;}
/*
.grid-sizer,
.gallery-images {width:23.5%;}
.gutter-sizer { width:2%; }*/
.gallery-images {width:250px; margin:0; padding:0 2px;
display:block; position:relative; overflow:hidden;
   -webkit-backface-visibility:hidden;
   backface-visibility:hidden;
}
.gallery-images img {width:100%; max-width:100%; height:auto; border-radius:5px; margin:0 0 6px 0; visibility:hidden; z-index:1;}
.gallery-images form {}
.gallery-images form input[type="image"] {position:absolute; top:0; left:0; right:0; display:block; z-index:2;}
.gallery-images div {position:relative;}
/* ▲ ONZE ▲ */


/* CTAカード：罫線＋影＋角丸 */
.section.bg-white .container{
  background: #fff;
  border: 1px solid rgba(170, 170, 170, .35);   /* ブラウン寄りの罫線 */
  border-radius: 12px;
  box-shadow:
    0 10px 24px rgba(0,0,0,.12),            /* 外側の柔らかい影 */
    0 1px 0 rgba(255,255,255,.6) inset;     /* 罫線に“厚み”用の内側ハイライト（任意） */
  padding: 40px 32px;
  max-width:500px; width:90%;
}

/* カード内のボタン間隔など微調整（任意） */
.section.bg-white .btn{ margin-top: .25rem; }

/* --- .section.dark を白背景に（最優先オーバーライド） --- */
.section.dark{
  background-color:#fff !important;
  color:#333 !important;
}

/* 見出し・本文の色も通常トーンに戻す（必要箇所だけ） */
.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark h4,
.section.dark p,
.section.dark .title-block h1,
.section.dark .title-block span{
  color:#1a1a1a !important;
}

/* 区切り線は薄いグレーに */
.section.dark .line{ border-top-color:#eee; }

/* タイトルブロックのアクセントはそのまま */
.section.dark .title-block{ border-left-color:#888; }

/* ▼ 白いカード（CTA）の影を“右＋下”に寄せる */
.section.bg-white .container{
  /* 角と罫線はそのまま */
  border-radius: 20px;
  border: 1px solid rgba(170, 170, 170, .35);

  /* 影を右＆下に強め、上・左は極力出さない */
  /* 1つ目：下方向の柔らかい影 / 2つ目：右方向の柔らかい影 */
  box-shadow:
    0 16px 26px -12px rgba(0,0,0,.20),
    16px 0 26px -12px rgba(0,0,0,.12);
}

/* =========================
   btn-outline-dark 調整版
   ========================= */
 :root {
   --fp-accent: #111;     /* メイン */
   --fp-accent-dk: #888;  /* ダーク */
   --fp-accent-txt: #FFF; /* 文字色 */
 }
.btn-outline-dark {
  color: #ffffff !important;             /* 常時文字色は白 */
  background-color: var(--fp-accent);    /* 通常時はブラウン系（#8d6e63） */
  border-color: var(--fp-accent);
  width: 290px; margin:0 auto;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus {
  color: #ffffff !important;             /* hoverでも白文字 */
  background-color: var(--fp-accent-dk) !important;  /* hover時は濃いブラウン */
  border-color: var(--fp-accent-dk) !important;
  box-shadow: none;
}