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

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

  --color-[****]-primary: #3282fa;
  --color-[****]-primary-light: #629ffb;
  --color-[****]-accent: #4c2f00;
  --color-[****]-btn-light: #8dbaff;
  --color-[****]-btn-dark: #7eb1ff;
  --color-[****]-btn-textshadow: #0c3d87;
  --color-[****]-pagetitle_bg:  #fff url(../images/[****]/page_title_bg.png) top right no-repeat;
  --color-[****]-pagetitle_bg02:  #fff url(../images/[****]/page_title_bg02.png) top right no-repeat;
  --color-[****]-pagetitle_bg03:  #fff url(../images/[****]/page_title_bg03.png) top right no-repeat;
  --color-[****]-filter: brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(797%) hue-rotate(173deg) brightness(97%) contrast(86%);

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

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

**************************************************************/
/* カラー値 */
:root {
  --color-blue-primary: #3282fa;
  --color-blue-primary-light: #629ffb;
  --color-blue-accent: #4c2f00;
  --color-blue-btn-light: #8dbaff;
  --color-blue-btn-dark: #7eb1ff;
  --color-blue-btn-textshadow: #0c3d87;
  --color-blue-pagetitle_bg: #fff url("../images/blue/page_title_bg.png") top right no-repeat;
  --color-blue-pagetitle_bg02: #fff url("../images/blue/page_title_bg02.png") top right no-repeat;
  --color-blue-pagetitle_bg03: #fff url("../images/blue/page_title_bg03.png") 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-light: #ac5f17;
  --color-brown-accent: #000;
  --color-brown-btn-light: #e2aa69;
  --color-brown-btn-dark: #d39b5a;
  --color-brown-btn-textshadow: #854d0c;
  --color-brown-pagetitle_bg: #fff url("../images/brown/page_title_bg.png") top right no-repeat;
  --color-brown-pagetitle_bg02: #fff url("../images/brown/page_title_bg02.png") top right no-repeat;
  --color-brown-pagetitle_bg03: #fff url("../images/brown/page_title_bg03.png") top right no-repeat;
  --color-brown-filter: brightness(0) saturate(100%) invert(28%) sepia(97%) saturate(508%) hue-rotate(355deg)
    brightness(94%) contrast(94%);
  --color-gray-primary: #808080;
  --color-gray-primary-light: #d1d1d1;
  --color-gray-accent: #4c2f00;
  --color-gray-btn-light: #7f7f7f;
  --color-gray-btn-dark: #7f7f7f;
  --color-gray-btn-textshadow: #333;
  --color-gray-pagetitle_bg: #fff url("../images/gray/page_title_bg.png") top right no-repeat;
  --color-gray-pagetitle_bg02: #fff url("../images/gray/page_title_bg02.png") top right no-repeat;
  --color-gray-pagetitle_bg03: #fff url("../images/gray/page_title_bg03.png") top right no-repeat;
  --color-gray-filter: brightness(0) saturate(100%) invert(55%) sepia(0%) saturate(2721%) hue-rotate(134deg)
    brightness(92%) contrast(79%);
  --color-green-primary: #8cc800;
  --color-green-primary-light: #96e632;
  --color-green-accent: #4c2f00;
  --color-green-btn-light: #99df17;
  --color-green-btn-dark: #90d215;
  --color-green-btn-textshadow: #507200;
  --color-green-pagetitle_bg: #fff url("../images/green/page_title_bg.png") top right no-repeat;
  --color-green-pagetitle_bg02: #fff url("../images/green/page_title_bg02.png") top right no-repeat;
  --color-green-pagetitle_bg03: #fff url("../images/green/page_title_bg03.png") top right no-repeat;
  --color-green-filter: brightness(0) saturate(100%) invert(66%) sepia(85%) saturate(2432%) hue-rotate(38deg)
    brightness(103%) contrast(101%);
  --color-orange-primary: #ffbd00;
  --color-orange-primary-light: #ffd900;
  --color-orange-accent: #4c2f00;
  --color-orange-btn-light: #ffaf00;
  --color-orange-btn-dark: #ff9b0d;
  --color-orange-btn-textshadow: #955700;
  --color-orange-pagetitle_bg: #fff url("../images/orange/page_title_bg.png") top right no-repeat;
  --color-orange-pagetitle_bg02: #fff url("../images/orange/page_title_bg02.png") top right no-repeat;
  --color-orange-pagetitle_bg03: #fff url("../images/orange/page_title_bg03.png") top right no-repeat;
  --color-orange-filter: brightness(0) saturate(100%) invert(66%) sepia(99%) saturate(817%) hue-rotate(358deg)
    brightness(101%) contrast(105%);
  --color-pink-primary: #f58c9b;
  --color-pink-primary-light: #fabec8;
  --color-pink-accent: #000;
  --color-pink-btn-light: #fc93a2;
  --color-pink-btn-dark: #ee8a99;
  --color-pink-btn-textshadow: #af5966;
  --color-pink-pagetitle_bg: #fff url("../images/pink/page_title_bg.png") top right no-repeat;
  --color-pink-pagetitle_bg02: #fff url("../images/pink/page_title_bg02.png") top right no-repeat;
  --color-pink-pagetitle_bg03: #fff url("../images/pink/page_title_bg03.png") top right no-repeat;
  --color-pink-filter: brightness(0) saturate(100%) invert(61%) sepia(47%) saturate(482%) hue-rotate(304deg)
    brightness(101%) contrast(92%);
}

body:where([data-theme=blue]) {
  --color-primary: var(--color-blue-primary);
  --color-primary-light: var(--color-blue-primary-light);
  --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_bg02: var(--color-blue-pagetitle_bg02);
  --color-pagetitle_bg03: var(--color-blue-pagetitle_bg03);
  --color-image-filter: var(--color-blue-filter);
}

body:where([data-theme=brown]) {
  --color-primary: var(--color-brown-primary);
  --color-primary-light: var(--color-brown-primary-light);
  --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_bg02: var(--color-brown-pagetitle_bg02);
  --color-pagetitle_bg03: var(--color-brown-pagetitle_bg03);
  --color-image-filter: var(--color-brown-filter);
}

body:where([data-theme=gray]) {
  --color-primary: var(--color-gray-primary);
  --color-primary-light: var(--color-gray-primary-light);
  --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_bg02: var(--color-gray-pagetitle_bg02);
  --color-pagetitle_bg03: var(--color-gray-pagetitle_bg03);
  --color-image-filter: var(--color-gray-filter);
}

body:where([data-theme=green]) {
  --color-primary: var(--color-green-primary);
  --color-primary-light: var(--color-green-primary-light);
  --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_bg02: var(--color-green-pagetitle_bg02);
  --color-pagetitle_bg03: var(--color-green-pagetitle_bg03);
  --color-image-filter: var(--color-green-filter);
}

body:where([data-theme=orange]) {
  --color-primary: var(--color-orange-primary);
  --color-primary-light: var(--color-orange-primary-light);
  --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_bg02: var(--color-orange-pagetitle_bg02);
  --color-pagetitle_bg03: var(--color-orange-pagetitle_bg03);
  --color-image-filter: var(--color-orange-filter);
}

body:where([data-theme=pink]) {
  --color-primary: var(--color-pink-primary);
  --color-primary-light: var(--color-pink-primary-light);
  --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_bg02: var(--color-pink-pagetitle_bg02);
  --color-pagetitle_bg03: var(--color-pink-pagetitle_bg03);
  --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;
}