@charset "utf-8";

:root {
  --cs-textcolor: #000000;
  --cs-textcolor-a: #861b28;
  --cs-textcolor-hover: #861b28;
  --cs-bordercolor: #ccc; /* ボーダーのデフォルト色 */
  --cs-blue: #2660aa;
  --cs-blue-light: #4682B4;
  --cs-blue-dark: #233B6C;
  --cs-navy: #000033;
  --cs-purple: #7e67a2;
  --cs-pink: #FF6699;
  --cs-pink-light: #fff5f5;	
  --cs-red: #861b28;
  --cs-red-light: #a64647;
  --cs-red-dark: #7d33360;
  --cs-orange: #F7931E;
  --cs-yellow: #f4d668;
  --cs-green: #668863;
  --cs-green-light: #b6c0a8;	
  --cs-brown: #4d4d4d;
  --cs-brown-light: #d8d2c2;	
  --cs-brown-dark: #403134;
  --cs-black: #000;
  --cs-white: #fff;
  --cs-gray: rgba(153, 153, 153, 1);
  --cs-gray-light: rgba(245, 245, 245, 1);
  --cs-gray-dark:  rgba(77, 77, 77, 1);
  --cs-color01: #e5d3bd;
  --cs-color02: #f9f4ef; /* blue-darkの薄くした色 */
  --cs-color03: #F6F2E9;
  --cs-color04: #fff;
  --cs-color05: #fff;
  --cs-color06: #fff;
  --cs-color07: #fff;
  --cs-color08: #fff;
  --cs-color09: #fff;
  --cs-color10: #fff;
  --cs-shadowcolor01: 149,157,112,; /* shadowに使用するRGB */
  --cs-shadowcolor02: 0,0,0,; /* shadowに使用するRGB */
  --cs-shadowcolor03: 255,255,255,; /* shadowに使用するRGB */
  --cs-basefont: "Noto Serif JP","游明朝 Medium",YuGothic-M, YuGothic,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  --cs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --header-bgcolor:  rgba(0,0,0,1.0); /* ヘッダー背景色 */
  --header-textcolor: #ffffff;                 /* ヘッダーテキスト色 */
  --headermenu-bgcolor: rgba(255,255,255,0.0); /* ヘッダーメニュー背景色 */
  --headermenu-bgcolor-shadow: rgba(0,0,0,0.2); /* PCグランドメニューboxshadow色 */
  --headermenu-bgcolor-shadow-sp: rgba(0,0,0,0.0); /* スマホグランドメニューboxshadow色 */
  --headermenu-bgcolor-drop: #ffffff; /* ヘッダーメニュー背景色（ドロップダウン） */
  --headermenu-bgcolor-drop-hover: rgba(0,0,0,0.0); /* ヘッダーメニュー背景色（ドロップダウンhover） */
  --headermenu-textcolor: rgba(256,256,256,1);             /* ヘッダーメニューテキスト色 */
  --headermenu-textcolor-hover: #ffffff;    /* ヘッダーメニューテキスト色（hover） */
  --header-hbgcolor: #ffffff;                  /* ハンバーガー棒の色 */
  --header-hbgcolor-close: #ffffff;            /* ハンバーガー棒の色（close） */
  --hbgmenu-bgcolor: rgba(0,0,0,0.9);       /* ハンバーガーメニュー背景色 */
  --hbgmenu-textcolor: #fff;                /* ハンバーガーメニューテキスト色 */
  --hbgmenu-bordercolor: #ccc;              /* ハンバーガーメニューボーダー色 */
  --pagetitle-bgcolor: #e8e8e8;             /* ページタイトル背景 */
  --pagetitle-bgcolor-s: #f2f2f2;             /* ページタイトル背景（ストライプにした時の色） */
  --pagetitle-textcolor: #4d4d4d;              /* ページタイトルテキスト色 */
  --pagetitle-bgtextcolor: rgba(255,255,255,0.5); /* ページタイトルテキストの背景色 */
  --footer-bgcolor: #00000000;               /* フッター背景色 */
  --footer-textcolor: #fff;              /* フッターテキスト色 */
  --copyright-bgcolor: #861b28;             /* コピーライト背景色 */
  --copyright-textcolor: #fff;              /* フッターテキスト色 */
  --slick-dots: #000;                /* スリックスライダードットの色 */
  --slick-active: #861b28;                 /* スリックスライダードットのアクティブ色 */
  --sns-bgcolor: #fff;               /* SNS丸ボタンの背景色 */
  --sns-iconcolor: #4d4d4d;             /* SNS丸ボタンのアイコン色（ロールオーバも同じ色） */
  --sns-bordercolor: #fff;           /* SNS丸ボタンのボーダー色 */
  --sns-bordercolor-hover: #4d4d4d;     /* SNS丸ボタンのロールオーバ時のボーダー色 */
  --fnav-iconcolor-pc: rgba(134,27,40,1);         /* PCの時のページトップアイコンの色 */
  --fnav-iconcolor-pc-hover: rgba(77,77,77,0.7);   /* PCの時のページトップアイコンロールオーバ時の色 */
  --fnav-iconcolor-pc-shadow: rgba(255,255,255,0.7);  /* PCの時のページトップアイコンシャドウの色 */
  --fnav-bgcolor-sp: #4d4d4d;           /* スマホの時のフッターアイコンの背景色 */
  --fnav-iconcolor-sp: #fff;         /* スマホの時のフッターアイコンの色 */
  --sec-bgimg-maskcolor: rgba(0,0,0,0.4);     /*コンテンツの背景に画像を配置した時の背景マスクの色*/
  --img-maru-s--size: 260px;         /* 画像を円形にトリミング（画像サイズが480px以下）画像の縦幅サイズを指定 */
}

/*/////////////////////////////////////////////////////////////////////////////////////////

★★ ヘッダ固定の時のアンカー位置調整したい場合 ★★
common.jsを修正します。
PCの場合：150行目の　 headerHeight = headerHeight + 50; //ヘッダの高さ
　　　　　　　　　　　　　　　　　　　　　　　　　　↑ この数値を50から変更してください。

/////////////////////////////////////////////////////////////////////////////////////////*/

			 
/* PC版 ヘッダメニューのフォントサイズ */
.l-gnav { font-size: 90% !important;}
      @media (max-width: 767px)  {
        .l-gnav { font-size: 100% !important; }
}

/* padding */
.pb-150 { padding-bottom: 150px !important; }
      @media (max-width: 959px) {
        .pb-150 { padding-bottom: 50px; }
}
@media (max-width: 1074px) {
	  .pt-50-sp	{ padding-top:50px; }
	  .pb-50-sp	{ padding-bottom:50px; }
}

/* 背景画像 位置調整 */
.bgposition_bottom {background-position: center bottom !important}
.bgposition_rb {
	background-position: right bottom !important;
	background-repeat: no-repeat;
}
.bgposition_lb {
	background-position: left bottom !important;
	background-repeat: no-repeat;
}
.bgposition_right {background-position: right top !important;}


/* 背景透過 */
.back-white-transparent { background-color: rgba(255, 255, 255, 0.3); /* 白 */}
.back-black-transparent { background-color: rgba(0, 0, 0, 0.3); /* 白 */}


/* footerリンクカラー白 */
.l-faddress a {color: white !important;}

/* footerリンクカラー白 */
.sec-bg-height {	min-height: 500px;
}

/* 縦書き */
.tategaki {
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}
.letter {
  position:relative;
  writing-mode:vertical-rl;
  /*padding:2rem;*/
  box-sizing:border-box;
  font-size:clamp(16px,2vw,24px);
  line-height:2.6;
  letter-spacing:0.08em;
}
	@media (max-width: 767px) {
	.letter {line-height:2.0; font-size: 2rem;}
	}
	
.letterbody{ height:100%;}
.sign {  position:absolute;  bottom:0rem;}



/* 翻訳ツール */
  .gtranslate {
    display: inline-block;
    padding: 0 10px!important;
    text-shadow: none;
    position: absolute;
    }
  .gtranslate .gt_container--hich1m .gt_switcher {
 	  border-radius: 6px !important;
   }
  .gtranslate .gt_container--hich1m .gt_switcher a img {
    vertical-align: text-bottom;
   }
.gt_container--hich1m .gt_switcher .gt_selected a {
	padding: 5px 5px !important;
	  border-radius: 6px !important;
}
  @media print, screen and (min-width: 768px) {
    .gtranslate {
      top: 10px;
      right: 25px;
      width: 160px;
      }
    .l-gnav-over {
      margin-right: 180px;  
      }
    .l-gnav-over {
      margin-bottom: -5px;
      }
		.l-hnav-bn__1 a {
      padding-top: 3px;
      padding-bottom: 3px;
      }
	}
	@media (max-width: 767px) {
    .gtranslate {
      right: 0px;
      top: 52px;
      }
    .l-gnav-over {
      margin-bottom: -5px;
      }
  .gtranslate .gt_container--hich1m .gt_switcher a img {
    vertical-align: text-bottom;
   }
.gt_container--hich1m .gt_switcher .gt_selected a {
	padding: 3px 5px !important;
	  border-radius: 6px !important;
}
}