@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;
}