@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/*フッター幅調整 3カラム*/
/* PCサイズ（画面幅が1024px以上など）のときだけ3カラムにする */
@media screen and (min-width: 1024px) {
  .l-footer .w-footer.-col3 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 40px;
      align-items: start;
  }
  
  .l-footer .w-footer.-col3 > *:nth-child(2) {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin: 0 auto;
  }
}

/* スマホやタブレットなど、狭い画面のときは縦並び（通常のブロック積層）に戻す */
@media screen and (max-width: 1023px) {
  .l-footer .w-footer.-col3 {
      display: flex;
      flex-direction: column;
      gap: 30px;
  }
  
  /* 中央カラム（メニュー部分）を指定して、左寄せをキープしたままブロックごと中央へ移動する */
  .l-footer .w-footer.-col3 > *:nth-child(2) {
      display: flex;
      flex-direction: column;
      align-items: flex-start; /* 文字は左寄せのままにする */
      width: fit-content;      /* 中身の幅に合わせる */
      margin: 0 auto;          /* ブロック全体を画面の中央に配置する */
  }
}

.l-footer__inner{
    border-top: 1px solid #c9c7c7;
    padding-top: 30px;
}

/*グローバルメニューホバー下線*/
.c-gnav a::after {
    height: 1px;
	  top:60%;
}

/*ギャラリーリンクカラー*/
.vp-filter__style-minimal {
--vp-filter-minimal--items-hover__color: #b9a89c;
}
.vp-filter__style-minimal .vp-filter__item.vp-filter__item-active {
    --vp-filter-minimal--items__color: 
 #b9a89c;
	--vp-filter-minimal--items-hover__color:  #b9a89c;
}


.vp-pagination__style-minimal {
	--vp-pagination-minimal-paged--items-active__background-color: #b9a89c;
	    --vp-pagination-minimal--items-hover__color: #b9a89c;
}


/*ポートフォリオのホバー時の背景（藤色）を0.4に透過*/
.vp-portfolio .vp-portfolio__items-wrap .vp-portfolio__item-wrap:hover .vp-portfolio__item-overlay {
  background-color: rgba(139, 126, 153, 0.4) !important;
}