@charset "UTF-8";
/**************************************************************
【色追加方法】

《1》:rootに下記項目を追加
「****」はカラー名
filterは下記サイトにてプライマリーカラーをfilter化してください。
https://angel-rs.github.io/css-color-filter-generator/

  --color-****-primary: #******;
  --color-****-primary-dark: #******;
  --color-****-primary-light: #******;
  --color-****-accent: #******;
  --color-****-accent-dark: #******;
  --color-****-secondary: #******;
  --color-****-secondary-sub: #******;
  --color-****-open: orange;
  --color-****-nairan: green;
  --color-****-filter: ******; 

《2》rootで設定したカラーをdata-themeとして登録
body:where([data-theme=****]) {
  --color-primary: var(--color-****-primary);
  --color-primary-dark: var(--color-****-primary-dark);
  --color-primary-light: var(--color-****-primary-light);
  --color-accent: var(--color-****-accent);
  --color-accent-dark: var(--color-****-accent-dark);
  --color-secondary: var(--color-****-secondary);
  --color-secondary-sub: var(--color-****-secondary-sub);
  --color-open: var(--color-****-open);
  --color-nairan: var(--color-****-nairan);
  --color-image-filter: var(--color-****-filter);
}

《3》/inc/color.incに《1》で設定したカラー名を入力

**************************************************************/
/* カラー値 */
:root {
  --color-blue-primary: #237fe2;
  --color-blue-primary-rgb: 35, 127, 226;
  --color-blue-accent: #ff9600;
  --color-blue-btn-light: #8dbaff;
  --color-blue-btn-dark: #7eb1ff;
  --color-blue-btn-textshadow: #0c3d87;
  --color-blue-pagetitle_bg: #fff url("../images/common/blue/page_title_bg.jpg") top right no-repeat;
  --color-blue-pagetitle_2_bg: #fff url("../images/common/blue/page_title_bg2.jpg") top right no-repeat;
  --color-blue-pagetitle_3_bg: #fff url("../images/common/blue/page_title_bg3.jpg") top right no-repeat;
  --color-blue-filter: brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(797%) hue-rotate(173deg)
    brightness(97%) contrast(86%);
  --color-brown-primary: #854d0c;
  --color-brown-primary-rgb: 133, 77, 12;
  --color-brown-accent: #ff6900;
  --color-brown-btn-light: #e2aa69;
  --color-brown-btn-dark: #d39b5a;
  --color-brown-btn-textshadow: #854d0c;
  --color-brown-pagetitle_bg: #fff url("../images/common/brown/page_title_bg.jpg") top right no-repeat;
  --color-brown-pagetitle_2_bg: #fff url("../images/common/brown/page_title_bg2.jpg") top right no-repeat;
  --color-brown-pagetitle_3_bg: #fff url("../images/common/brown/page_title_bg3.jpg") top right no-repeat;
  --color-brown-filter: brightness(0) saturate(100%) invert(36%) sepia(71%) saturate(490%) hue-rotate(345deg)
    brightness(100%) contrast(99%);
  --color-gray-primary: #aaa;
  --color-gray-primary-rgb: 170, 170, 170;
  --color-gray-accent: #ff6900;
  --color-gray-btn-light: #aaa;
  --color-gray-btn-dark: #7a7a7a;
  --color-gray-btn-textshadow: #333;
  --color-gray-pagetitle_bg: #fff url("../images/common/gray/page_title_bg.jpg") top right no-repeat;
  --color-gray-pagetitle_2_bg: #fff url("../images/common/gray/page_title_bg2.jpg") top right no-repeat;
  --color-gray-pagetitle_3_bg: #fff url("../images/common/gray/page_title_bg3.jpg") top right no-repeat;
  --color-gray-filter: brightness(0) saturate(100%) invert(67%) sepia(46%) saturate(10%) hue-rotate(357deg)
    brightness(94%) contrast(83%);
  --color-green-primary: #32c3a0;
  --color-green-primary-rgb: 50, 195, 160;
  --color-green-accent: #ff9600;
  --color-green-btn-light: #78ddc0;
  --color-green-btn-dark: #32c3a0;
  --color-green-btn-textshadow: #32c3a0;
  --color-green-pagetitle_bg: #fff url("../images/common/green/page_title_bg.jpg") top right no-repeat;
  --color-green-pagetitle_2_bg: #fff url("../images/common/green/page_title_bg2.jpg") top right no-repeat;
  --color-green-pagetitle_3_bg: #fff url("../images/common/green/page_title_bg3.jpg") top right no-repeat;
  --color-green-filter: brightness(0) saturate(100%) invert(62%) sepia(49%) saturate(575%) hue-rotate(115deg)
    brightness(96%) contrast(85%);
  --color-orange-primary: #fbaf0c;
  --color-orange-primary-rgb: 251, 175, 21;
  --color-orange-accent: #ff9600;
  --color-orange-btn-light: #ffb23e;
  --color-orange-btn-dark: #e28901;
  --color-orange-btn-textshadow: #e28901;
  --color-orange-pagetitle_bg: #fff url("../images/common/orange/page_title_bg.jpg") top right no-repeat;
  --color-orange-pagetitle_2_bg: #fff url("../images/common/orange/page_title_bg2.jpg") top right no-repeat;
  --color-orange-pagetitle_3_bg: #fff url("../images/common/orange/page_title_bg3.jpg") top right no-repeat;
  --color-orange-filter: brightness(0) saturate(100%) invert(82%) sepia(34%) saturate(3944%) hue-rotate(348deg)
    brightness(100%) contrast(98%);
  --color-pink-primary: #fcab95;
  --color-pink-primary-rgb: 252, 171, 149;
  --color-pink-accent: #fcab95;
  --color-pink-btn-light: #f8a791;
  --color-pink-btn-dark: #d48a75;
  --color-pink-btn-textshadow: #d48a75;
  --color-pink-pagetitle_bg: #fff url("../images/common/pink/page_title_bg.jpg") top right no-repeat;
  --color-pink-pagetitle_2_bg: #fff url("../images/common/pink/page_title_bg2.jpg") top right no-repeat;
  --color-pink-pagetitle_3_bg: #fff url("../images/common/pink/page_title_bg3.jpg") top right no-repeat;
  --color-pink-filter: brightness(0) saturate(100%) invert(82%) sepia(95%) saturate(2412%) hue-rotate(295deg)
    brightness(100%) contrast(98%);
}

body:where([data-theme=blue]) {
  --color-primary: var(--color-blue-primary);
  --color-primary-rgb: var(--color-blue-primary-rgb);
  --color-accent: var(--color-blue-accent);
  --color-btn-light: var(--color-blue-btn-light);
  --color-btn-dark: var(--color-blue-btn-dark);
  --color-btn-textshadow: var(--color-blue-btn-textshadow);
  --color-pagetitle_bg: var(--color-blue-pagetitle_bg);
  --color-pagetitle_2_bg: var(--color-blue-pagetitle_2_bg);
  --color-pagetitle_3_bg: var(--color-blue-pagetitle_3_bg);
  --color-image-filter: var(--color-blue-filter);
}

body:where([data-theme=brown]) {
  --color-primary: var(--color-brown-primary);
  --color-primary-rgb: var(--color-brown-primary-rgb);
  --color-accent: var(--color-brown-accent);
  --color-btn-light: var(--color-brown-btn-light);
  --color-btn-dark: var(--color-brown-btn-dark);
  --color-btn-textshadow: var(--color-brown-btn-textshadow);
  --color-pagetitle_bg: var(--color-brown-pagetitle_bg);
  --color-pagetitle_2_bg: var(--color-brown-pagetitle_2_bg);
  --color-pagetitle_3_bg: var(--color-brown-pagetitle_3_bg);
  --color-image-filter: var(--color-brown-filter);
}

body:where([data-theme=gray]) {
  --color-primary: var(--color-gray-primary);
  --color-primary-rgb: var(--color-gray-primary-rgb);
  --color-accent: var(--color-gray-accent);
  --color-btn-light: var(--color-gray-btn-light);
  --color-btn-dark: var(--color-gray-btn-dark);
  --color-btn-textshadow: var(--color-gray-btn-textshadow);
  --color-pagetitle_bg: var(--color-gray-pagetitle_bg);
  --color-pagetitle_2_bg: var(--color-gray-pagetitle_2_bg);
  --color-pagetitle_3_bg: var(--color-gray-pagetitle_3_bg);
  --color-image-filter: var(--color-gray-filter);
}

body:where([data-theme=green]) {
  --color-primary: var(--color-green-primary);
  --color-primary-rgb: var(--color-green-primary-rgb);
  --color-accent: var(--color-green-accent);
  --color-btn-light: var(--color-green-btn-light);
  --color-btn-dark: var(--color-green-btn-dark);
  --color-btn-textshadow: var(--color-green-btn-textshadow);
  --color-pagetitle_bg: var(--color-green-pagetitle_bg);
  --color-pagetitle_2_bg: var(--color-green-pagetitle_2_bg);
  --color-pagetitle_3_bg: var(--color-green-pagetitle_3_bg);
  --color-image-filter: var(--color-green-filter);
}

body:where([data-theme=orange]) {
  --color-primary: var(--color-orange-primary);
  --color-primary-rgb: var(--color-orange-primary-rgb);
  --color-accent: var(--color-orange-accent);
  --color-btn-light: var(--color-orange-btn-light);
  --color-btn-dark: var(--color-orange-btn-dark);
  --color-btn-textshadow: var(--color-orange-btn-textshadow);
  --color-pagetitle_bg: var(--color-orange-pagetitle_bg);
  --color-pagetitle_2_bg: var(--color-orange-pagetitle_2_bg);
  --color-pagetitle_3_bg: var(--color-orange-pagetitle_3_bg);
  --color-image-filter: var(--color-orange-filter);
}

body:where([data-theme=pink]) {
  --color-primary: var(--color-pink-primary);
  --color-primary-rgb: var(--color-pink-primary-rgb);
  --color-accent: var(--color-pink-accent);
  --color-btn-light: var(--color-pink-btn-light);
  --color-btn-dark: var(--color-pink-btn-dark);
  --color-btn-textshadow: var(--color-pink-btn-textshadow);
  --color-pagetitle_bg: var(--color-pink-pagetitle_bg);
  --color-pagetitle_2_bg: var(--color-pink-pagetitle_2_bg);
  --color-pagetitle_3_bg: var(--color-pink-pagetitle_3_bg);
  --color-image-filter: var(--color-pink-filter);
}

* {
  margin: 0px;
  padding: 0;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

img,
embed,
object,
iframe {
  vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
}

table {
  border-spacing: 0;
}

* html table, *:first-child + html table {
  border-collapse: collapse;
}

caption, th {
  text-align: left;
  font-weight: normal;
}

table, th, td, img {
  border: 0;
}

input {
  vertical-align: middle;
}

q:before, q:after {
  content: "";
}

ul {
  list-style: none;
}

a {
  color: #0125ff;
  text-decoration: underline;
}
a:hover {
  color: #8898fb;
  text-decoration: underline;
}

/***IE7?????h?~***/
*:first-child + html img {
  display: block;
}