@charset "UTF-8";

/* 背景色 ここから---------------------------------------------------------------------------------------*/
body {
  background-color: #f4f4f4;
  /* background-color: #c2b9b2; */
}
/* body {
  background-image: url(../images/background-2.png);
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
} */

/* 実績背景色*/
.work-item ,.sample-item {
  background-color: #f4f4f4;
  /* background-color: #523f3c; */
}
/* ホームワーク背景色 */
.home-work .work-item ,.sample-item {
  background-color: #f4f4f4;
  
  background-color: #a59990;
  /* background-color: #523f3c; */
}
.home-submenu-grid .item img, .home-work img, #gallery .art img {
  background-color: #fff;
  background-color: rgba(0,0,0,0.0);
}



/* ナビゲーションバー ---------------------------------------------------------------------------------------*/
.page-header, .main-nav,.hamburger-demo-menuwrap,.demobox-header , nav a{
  background-color: #f4f4f4;
  background-color: #092e58;
  color: #f4f4f4;
}
/* ハンバーガーアイコン */
.hamburger-switch-line1, .hamburger-switch-line1:before, .hamburger-switch-line1:after{
  background: #333; /* ハンバーガーアイコンの色 */
  background: #f4f4f4; /* ハンバーガーアイコンの色 */
  
}

/* 上に戻るボタン */
.pagetop {
  background: #092e58;
}
.pagetop__arrow {
  border-top: 3px solid #f4f4f4;
  border-right: 3px solid #f4f4f4;
}


/*フォント ここから---------------------------------------------------------------------------------------*/

/* フォント メインカラー */
body, p, .mizusoko-name,  .request-text, .sample-text, .contact-text {
  color: #333;
}

.work-caption p {
  color: #333;
  /* color: #f4f4f4; */
}

/* フォント サブカラー */
footer, .js-copybtn, .work-tag li {
  color: #523f3c;
}
/* フォント 白文字（ヘッダーやボタンホバー時の色） */
.page-title,.button:hover,.mail a, #gallery .genre:before, #gallery .genre:after, .js-copybtn:hover, .work-tag li.active, .work-tag li:hover ,footer p {
  color:#f4f4f4;
}

/* 外部リンク */
.request-text a {
  color: rgb(63, 116, 175);
}

/* 薄い色（ナビホバーや注意文） */
nav a:hover, .attention,.gray {
  color: rgb(150, 150, 150 ,0.6);
}

/* 赤文字 */
.red {
  color: #bb0000;
}
/* 青文字 */
.Blue {
  color: #033e81;
}
/* ボタン---------------------------------------------------------------------- */
.button {
  color: #523f3c;
  color: #092e58;
}
.button:hover,#gallery .genre:before, #gallery .genre:after, .js-copybtn:hover, .work-tag li.active, .work-tag li:hover {
  border-color: #523f3c;
  border-color: #092e58;
  background-color: #523f3c;
  background-color: #092e58;
}

/* ホームサブメニュー ---------------------------------------------------------------------------------------*/

/* ホームプロフィール ---------*/
.homeabout,.profile p,.profile h2,.home-link .custom-shape-divider-top-1758746669 .shape-fill{
  background-color: #f4f4f4;
  fill: #f4f4f4;
}
/* ホームリンク ---------*/
.home-link, .home-link p,.home-link .button,.home-gallery .custom-shape-divider-top-1758746669 .shape-fill{
  background-color: #bbb3ad;
  fill: #bbb3ad;
  color:#092e58 ;
  border-color: #092e58;
}

.home-link .button:hover{
  color:#bbb3ad;
  background-color: #092e58;
  border-color: #092e58;
}
/* ホームギャラリー ---------*/
.home-gallery, .home-gallery p,.home-gallery .button ,.home-work .custom-shape-divider-top-1758746669 .shape-fill{
  background-color: #723232;
  background-color: #571b24;
  fill: #571b24;
  color:#a59990 ;
  border-color: #a59990;
}
.home-gallery .button:hover,.home-link .custom-shape-divider-top-1758746669 .shape-fill{
  color:#571b24;
  background-color: #a59990;
  border-color: #a59990;
}
/* ホームワーク ---------*/
.home-work,.home-work .button ,.home-request .custom-shape-divider-top-1758746669 .shape-fill{
  background-color: #0f3534;
  /* background-color: #341c13; */
  fill: #0f3534;
  /* fill: #341c13; */
  color:#a59990 ;
  border-color: #a59990;
}
.home-work p{
  color:#f4f4f4 ;
  color:#333 !important;
}
.home-work .button:hover{
  color:#0f3534;
  /* color:#341c13; */
  background-color: #a59990;
  border-color: #a59990;
}
/* ホームリクエスト ---------*/
.home-request, .home-request p,.home-request .button,.home-link .custom-shape-divider-top-1758746669 .shape-fill{
  background-color: #c8c8c8;
  color:#333 ;
  border-color: #333;
}
.home-request .button:hover{
  color:#c8c8c8;
  background-color: #333;
  border-color: #c8c8c8;
}
/* 依頼ページ項目区切り線 --------------------------------------------------------------*/
.request-border {
  position: relative;
  border-bottom: 1.5px dashed;
  border-color: #523f3c;
}.price {
  border-color: #523f3c;
}

/*フッター---------------------------------------------------------------------------------------------*/
footer {
  background-color: #092e58;

}
footer p{
}

/* シャドウ--------------------------------------------------------------------------------------- */
.pagetop, .home-submenu-grid .item img, #gallery .art img, .work-item {
  box-shadow: 0 0 5px rgba(0,0,0,0.4);;
}
.page-header {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);;
}