@charset "utf-8";

/* ========================================================
    ブレイクpoint
======================================== */
  /* --スマホ対応適用: 320pxまで */
  /* --mobile-small: max-width: 370px */
  /* --mobile: max-width: 430px */
  /* --tablet-small: max-width: 768px */
  /* --tablet: max-width: 900px; */
  /* --desktop: max-width: 1024px; */

  /* 
  section 1100px;
  @media screen and (max-width: px) {
} */

/* ========================================================
	全体デザイン設定
======================================================== */

html {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar { display: none; }

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* カラー */
:root {
  --black: #252525;
  --gray-10: #585858;
  --gray-08: #989898;
  --gray-05: #c7c7c7;
  --gray-03: #e5e1de;
  --gray-02: #f2f2f2;
  --white: #ffffff;
  --gold: #c9b98e;
  --gold-dark: #857240;
  --gold-light: #e6d4a2;
  --red: #bc002d;
  --brown: #bd7d2a;

  /* タグカラー（枠線・文字色） */
  --tag-food:        #b07820;   /* 食・食文化*/
  --tag-sports:      #1a6aaa;   /* 運動・生活活動*/
  --tag-community:   #2a8a4a;   /* コミュニティ*/
  --tag-ikigai:      #8a4a28;   /* 生きがい*/
  --tag-nature:      #4a7020;   /* 環境（自然・景観）*/
  
}

/* 部分カラー指定 */
.text-black {
  color: var(--black) !important;
}

/* フォント */
[lang="ja"] body {
  font-family: "Playfair Display", "Zen Old Mincho", serif;
  font-size: 15px;
  line-height: 2rem;
  font-weight: 400;
  font-style: normal;
  color: var(--black);
}

[lang="en"] body {
  font-family: "Playfair Display", serif;
  font-size: 15px;
  line-height: 2rem;
  font-weight: 400;
  font-style: normal;
  color: var(--black);
}


/* ========================================================
    基本デザイン設定
======================================================== */

a[href] {
	text-decoration: none;
}

a[href]:hover {
	text-decoration: none;
}

::placeholder { 
    color:var(--gray-light);
}

/* ========================================================
    スマホスタイル改行対応
======================================================== */

.br-sp {
  display: none;
}

@media screen and (max-width: 768px) {
    .br-sp {
      display: inline;
    }
}

.br-pc {
  display: inline;
}

@media screen and (max-width: 768px) {
    .br-pc {
      display: none;
    }
}

/* ========================================================
    フォント設定
======================================================== */

/* font weight */
.fw9 { font-weight: 900; }
.fw8 { font-weight: 800; }
.fw7 { font-weight: 700; }
.fw6 { font-weight: 600; }
.fw5 { font-weight: 500; }
.fw4 { font-weight: 400; }
.fw3 { font-weight: 300; }
.fw2 { font-weight: 200; }
.fw1 { font-weight: 100; }

/* 部分指定フォント */
[lang="en"] .en_gothic { font-family: "Josefin Sans", sans-serif; }
[lang="ja"] .jp_gothic { font-family: "Noto Sans JP", sans-serif; }


/* ========================================================
    間隔調整
======================================================== */

.adjust_30px {
	margin-top: 30px;
}

.adjust_100px {
	margin-top: 100px;
}

@media screen and (max-width: 768px) {
    .adjust_30px {
    	margin-top: 0px;
}
}

/* ========================================================
    アクセシビリティ対応
======================================================== */