@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: #3282fa;
  --color-blue-second: #f9eed9;
  --color-blue-bg: #edf3f3;
  --color-blue-btn-light: #8dbaff;
  --color-blue-btn-dark: #7eb1ff;
  --color-blue-btn-textshadow: #0c3d87;
  --color-blue-main_image_bg: #fff url(../images/common/blue/main_image_bg.jpg) top left repeat-x;
  --color-blue-gnavi_bg: url(../images/common/blue/gnavi_bg.jpg) top center no-repeat;
  --color-blue-gnavi_li_bg: url(../images/common/blue/gnavi_li_bg.jpg) top left no-repeat;
  --color-blue-gnavi_li_off_bg: url(../images/common/blue/gnavi_li_bg_off.jpg) top left no-repeat;
  --color-blue-features_icon_bg: #f9eed9 url(../images/common/blue/features_icon.gif) top left 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: #52361b;
  --color-brown-second: #e3bb97;
  --color-brown-bg: #feddc6;
  --color-brown-btn-light: #e2aa69;
  --color-brown-btn-dark: #d39b5a;
  --color-brown-btn-textshadow: #854D0C;
  --color-brown-main_image_bg: #fff url(../images/common/brown/main_image_bg.jpg) top left repeat-x;
  --color-brown-gnavi_bg: url(../images/common/brown/gnavi_bg.jpg) top center no-repeat;
  --color-brown-gnavi_li_bg: url(../images/common/brown/gnavi_li_bg.jpg) top left no-repeat;
  --color-brown-gnavi_li_off_bg: url(../images/common/brown/gnavi_li_bg_off.jpg) top left no-repeat;
  --color-brown-features_icon_bg: #e3bb97 url(../images/common/brown/features_icon.gif) top left no-repeat;
  --color-brown-filter: brightness(0) saturate(100%) invert(20%) sepia(61%) saturate(450%) hue-rotate(349deg) brightness(97%) contrast(95%);
  --color-gray-primary: #acacac;
  --color-gray-second: #e2e2e2;
  --color-gray-bg: #f5f5f5;
  --color-gray-btn-light: #a6a6a6;
  --color-gray-btn-dark: #7d7d7d;
  --color-gray-btn-textshadow: #7d7d7d;
  --color-gray-main_image_bg: #fff url(../images/common/gray/main_image_bg.jpg) top left repeat-x;
  --color-gray-gnavi_bg: url(../images/common/gray/gnavi_bg.jpg) top center no-repeat;
  --color-gray-gnavi_li_bg: url(../images/common/gray/gnavi_li_bg.jpg) top left no-repeat;
  --color-gray-gnavi_li_off_bg: url(../images/common/gray/gnavi_li_bg_off.jpg) top left no-repeat;
  --color-gray-features_icon_bg: #e2e2e2 url(../images/common/gray/features_icon.gif) top left no-repeat;
  --color-gray-filter: brightness(0) saturate(100%) invert(76%) sepia(14%) saturate(0%) hue-rotate(143deg) brightness(84%) contrast(103%);
  --color-green-primary: #037d44;
  --color-green-second: #bde0cc;
  --color-green-bg: #e8fcef;
  --color-green-btn-light: #76c584;
  --color-green-btn-dark: #4d9b5a;
  --color-green-btn-textshadow: #4d9b5a;
  --color-green-main_image_bg: #fff url(../images/common/green/main_image_bg.jpg) top left repeat-x;
  --color-green-gnavi_bg: url(../images/common/green/gnavi_bg.jpg) top center no-repeat;
  --color-green-gnavi_li_bg: url(../images/common/green/gnavi_li_bg.jpg) top left no-repeat;
  --color-green-gnavi_li_off_bg: url(../images/common/green/gnavi_li_bg_off.jpg) top left no-repeat;
  --color-green-features_icon_bg: #bde0cc url(../images/common/green/features_icon.gif) top left no-repeat;
  --color-green-filter: brightness(0) saturate(100%) invert(22%) sepia(86%) saturate(5874%) hue-rotate(155deg) brightness(93%) contrast(98%);
  --color-orange-primary: #ffa528;
  --color-orange-second: #ffddac;
  --color-orange-bg: #fff5e7;
  --color-orange-btn-light: #f3991c;
  --color-orange-btn-dark: #c17101;
  --color-orange-btn-textshadow: #c17101;
  --color-orange-main_image_bg: #fff url(../images/common/orange/main_image_bg.jpg) top left repeat-x;
  --color-orange-gnavi_bg: url(../images/common/orange/gnavi_bg.jpg) top center no-repeat;
  --color-orange-gnavi_li_bg: url(../images/common/orange/gnavi_li_bg.jpg) top left no-repeat;
  --color-orange-gnavi_li_off_bg: url(../images/common/orange/gnavi_li_bg_off.jpg) top left no-repeat;
  --color-orange-features_icon_bg: #ffddac url(../images/common/orange/features_icon.gif) top left no-repeat;
  --color-orange-filter: brightness(0) saturate(100%) invert(79%) sepia(33%) saturate(3497%) hue-rotate(337deg) brightness(101%) contrast(103%);
  --color-pink-primary: #ed96e6;
  --color-pink-second: #fad8da;
  --color-pink-bg: #fcf3f3;
  --color-pink-btn-light: #da83d3;
  --color-pink-btn-dark: #b059a9;
  --color-pink-btn-textshadow: #b059a9;
  --color-pink-main_image_bg: #fff url(../images/common/pink/main_image_bg.jpg) top left repeat-x;
  --color-pink-gnavi_bg: url(../images/common/pink/gnavi_bg.jpg) top center no-repeat;
  --color-pink-gnavi_li_bg: url(../images/common/pink/gnavi_li_bg.jpg) top left no-repeat;
  --color-pink-gnavi_li_off_bg: url(../images/common/pink/gnavi_li_bg_off.jpg) top left no-repeat;
  --color-pink-features_icon_bg: #fad8da url(../images/common/pink/features_icon.gif) top left no-repeat;
  --color-pink-filter: brightness(0) saturate(100%) invert(70%) sepia(93%) saturate(310%) hue-rotate(273deg) brightness(92%) contrast(103%);
}

body:where([data-theme=blue]) {
  --color-primary: var(--color-blue-primary);
  --color-second: var(--color-blue-second);
  --color-bg: var(--color-blue-bg);
  --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-main_image_bg: var(--color-blue-main_image_bg);
  --color-gnavi_bg: var(--color-blue-gnavi_bg);
  --color-gnavi_li_bg: var(--color-blue-gnavi_li_bg);
  --color-gnavi_li_off_bg: var(--color-blue-gnavi_li_off_bg);
  --color-features_icon_bg: var(--color-blue-features_icon_bg);
  --color-image-filter: var(--color-blue-filter);
}

body:where([data-theme=brown]) {
  --color-primary: var(--color-brown-primary);
  --color-second: var(--color-brown-second);
  --color-bg: var(--color-brown-bg);
  --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-main_image_bg: var(--color-brown-main_image_bg);
  --color-gnavi_bg: var(--color-brown-gnavi_bg);
  --color-gnavi_li_bg: var(--color-brown-gnavi_li_bg);
  --color-gnavi_li_off_bg: var(--color-brown-gnavi_li_off_bg);
  --color-features_icon_bg: var(--color-brown-features_icon_bg);
  --color-image-filter: var(--color-brown-filter);
}

body:where([data-theme=gray]) {
  --color-primary: var(--color-gray-primary);
  --color-second: var(--color-gray-second);
  --color-bg: var(--color-gray-bg);
  --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-main_image_bg: var(--color-gray-main_image_bg);
  --color-gnavi_bg: var(--color-gray-gnavi_bg);
  --color-gnavi_li_bg: var(--color-gray-gnavi_li_bg);
  --color-gnavi_li_off_bg: var(--color-gray-gnavi_li_off_bg);
  --color-features_icon_bg: var(--color-gray-features_icon_bg);
  --color-image-filter: var(--color-gray-filter);
}

body:where([data-theme=green]) {
  --color-primary: var(--color-green-primary);
  --color-second: var(--color-green-second);
  --color-bg: var(--color-green-bg);
  --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-main_image_bg: var(--color-green-main_image_bg);
  --color-gnavi_bg: var(--color-green-gnavi_bg);
  --color-gnavi_li_bg: var(--color-green-gnavi_li_bg);
  --color-gnavi_li_off_bg: var(--color-green-gnavi_li_off_bg);
  --color-features_icon_bg: var(--color-green-features_icon_bg);
  --color-image-filter: var(--color-green-filter);
}

body:where([data-theme=orange]) {
  --color-primary: var(--color-orange-primary);
  --color-second: var(--color-orange-second);
  --color-bg: var(--color-orange-bg);
  --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-main_image_bg: var(--color-orange-main_image_bg);
  --color-gnavi_bg: var(--color-orange-gnavi_bg);
  --color-gnavi_li_bg: var(--color-orange-gnavi_li_bg);
  --color-gnavi_li_off_bg: var(--color-orange-gnavi_li_off_bg);
  --color-features_icon_bg: var(--color-orange-features_icon_bg);
  --color-image-filter: var(--color-orange-filter);
}

body:where([data-theme=pink]) {
  --color-primary: var(--color-pink-primary);
  --color-second: var(--color-pink-second);
  --color-bg: var(--color-pink-bg);
  --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-main_image_bg: var(--color-pink-main_image_bg);
  --color-gnavi_bg: var(--color-pink-gnavi_bg);
  --color-gnavi_li_bg: var(--color-pink-gnavi_li_bg);
  --color-gnavi_li_off_bg: var(--color-pink-gnavi_li_off_bg);
  --color-features_icon_bg: var(--color-pink-features_icon_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;
}