@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------
 contents_area
------------------------------------------------------*/
.container {
  padding: 0 5vw;
}

/*----------------------------------------------------
 pc表示
------------------------------------------------------*/
@media screen and (min-width:1230px), print {
  .container {
    width: calc(100vw - 120px);
    margin: 0 auto;
    padding: 0;
  }

}

/*----------------------------------------------------
 カラーバリエーション
------------------------------------------------------*/
/*
 ナチュラル
------------------------------------------------------*/
body.natural {
  background-color: #faf6de;
}
.natural .menu_off {
  background-image: url(../png/menu_natural.png);
}
.natural .menu_on {
  background-image: url(../png/menu_close_natural.png);
}
.natural .nav .nav_01 a {
  background-image: url(../png/ico_nav_02_01.png);
}
.natural .nav_type01 .nav_02 a {
  background-image: url(../png/ico_nav_02_07.png);
}
.natural .nav_type01 .nav_03 a {
  background-image: url(../png/ico_nav_02_08.png);
}
.natural .nav_type01 .nav_04 a {
  background-image: url(../png/ico_nav_02_09.png);
}
.natural .nav_type01 .nav_05 a {
  background-image: url(../png/ico_nav_02_03.png)
}
.natural .nav_type01 .nav_06 a {
  background-image: url(../png/ico_nav_02_10.png);
}
.natural .nav_type01 .nav_07 a {
  background-image: url(../png/ico_nav_02_05.png);
}
.natural .nav_type02 .nav_02 a {
  background-image: url(../png/ico_nav_02_03.png);
}
.natural .nav_type02 .nav_03 a {
  background-image: url(../png/ico_nav_02_07.png);
}
.natural .nav_type02 .nav_04 a {
  background-image: url(../png/ico_nav_02_11.png);
}
.natural .nav_type02 .nav_05 a {
  background-image: url(../png/ico_nav_02_12.png);
}
.natural .nav_type02 .nav_06 a {
  background-image: url(../png/ico_nav_02_13.png);
}
.natural .search_form input[type="submit"],
.natural .footer_sub,
.natural .re-search input[type="submit"],
.natural .sp_nav a {
  background-color: #064002;
}
.natural .head_inquiry a {
  background-image: url(../png/ico_mail_green.png);
}
.natural .head_access a {
  background-image: url(../png/ico_access_green.png);
}
.natural .footer_nav01 a,
.natural .footer_nav02 a {
  background-image: url(../png/ico_link_green.png);
}
.natural #gotoTop img {
  box-shadow: 0px 3px 8px -1px rgb(6, 64, 2, .5);
}
@media screen and (min-width:1230px) {
  .natural .site_ttl a,
  .natural .assist {
    background-color: #faf6de;
  }
  .natural .nav {
    background-color: #064002;
  }
}

/*
 ポップ
------------------------------------------------------*/
body.pop {
  background-color: #fff5f6;
}
.pop .menu_off {
  background-image: url(../png/menu_pop.png);
}
.pop .menu_on {
  background-image: url(../png/menu_close_pop.png);
}
.pop .search_form input[type="submit"] {
  color: #1c1f7b;
  background-image: url(../png/ico_search_purple.png)
}
.pop .nav .nav_01 a {
  background-image: url(../png/ico_nav_03_01.png);
}
.pop .nav_type01 .nav_02 a {
  background-image: url(../png/ico_nav_03_07.png);
}
.pop .nav_type01 .nav_03 a {
  background-image: url(../png/ico_nav_03_08.png);
}
.pop .nav_type01 .nav_04 a {
  background-image: url(../png/ico_nav_03_09.png);
}
.pop .nav_type01 .nav_05 a {
  background-image: url(../png/ico_nav_03_03.png)
}
.pop .nav_type01 .nav_06 a {
  background-image: url(../png/ico_nav_03_10.png);
}
.pop .nav_type01 .nav_07 a {
  background-image: url(../png/ico_nav_03_05.png);
}
.pop .nav_type02 .nav_02 a {
  background-image: url(../png/ico_nav_03_03.png);
}
.pop .nav_type02 .nav_03 a {
  background-image: url(../png/ico_nav_03_07.png);
}
.pop .nav_type02 .nav_04 a {
  background-image: url(../png/ico_nav_03_11.png);
}
.pop .nav_type02 .nav_05 a {
  background-image: url(../png/ico_nav_03_12.png);
}
.pop .nav_type02 .nav_06 a {
  background-image: url(../png/ico_nav_03_13.png);
}
.pop .search_form input[type="submit"],
.pop .footer_sub,
.pop .re-search input[type="submit"] {
  background-color: #ffbc1e;
}
.pop .head_inquiry a {
  background-image: url(../png/ico_mail_purple.png);
}
.pop .head_access a {
  background-image: url(../png/ico_access_purple.png);
}
.pop .footer_nav01 a,
.pop .footer_nav02 a {
  background-image: url(../png/ico_link_purple.png);
}
.pop .footer_sub,
.pop .footer_sub a {
  color: #222;
}
.pop #gotoTop img {
  box-shadow: 0px 3px 8px -1px rgb(255, 188, 30, .5);
}
.pop .sp_nav {
  background-color: #ffbc1e;
}
.pop .sp_nav li {
  border-color: #1c1f7b;
}
.pop .sp_nav a {
  background-color: #ffbc1e;
  color: #1c1f7b;
}

@media screen and (min-width:1230px) {
  .pop .site_ttl a,
  .pop .assist {
    background-color: #fff5f6;
  }
  .pop .nav {
    background-color: #ffbc1e;
  }
  .pop .nav a {
    color: #1c1f7b;
  }
}

/*
 フレッシュ
------------------------------------------------------*/
body.fresh {
  background-color: #fcf6f6;
}
.fresh .menu_off {
  background-image: url(../png/menu_fresh.png);
}
.fresh .menu_on {
  background-image: url(../png/menu_close_fresh.png);
}
.fresh .search_form input[type="submit"] {
  color: #222;
  background-image: url(../png/ico_search_blue.png)
}
.fresh .nav .nav_01 a {
  background-image: url(../png/ico_nav_04_01.png);
}
.fresh .nav_type01 .nav_02 a {
  background-image: url(../png/ico_nav_04_07.png);
}
.fresh .nav_type01 .nav_03 a {
  background-image: url(../png/ico_nav_04_08.png);
}
.fresh .nav_type01 .nav_04 a {
  background-image: url(../png/ico_nav_04_09.png);
}
.fresh .nav_type01 .nav_05 a {
  background-image: url(../png/ico_nav_04_03.png)
}
.fresh .nav_type01 .nav_06 a {
  background-image: url(../png/ico_nav_04_10.png);
}
.fresh .nav_type01 .nav_07 a {
  background-image: url(../png/ico_nav_04_05.png);
}
.fresh .nav_type02 .nav_02 a {
  background-image: url(../png/ico_nav_04_03.png);
}
.fresh .nav_type02 .nav_03 a {
  background-image: url(../png/ico_nav_04_07.png);
}
.fresh .nav_type02 .nav_04 a {
  background-image: url(../png/ico_nav_04_11.png);
}
.fresh .nav_type02 .nav_05 a {
  background-image: url(../png/ico_nav_04_12.png);
}
.fresh .nav_type02 .nav_06 a {
  background-image: url(../png/ico_nav_04_13.png);
}
.fresh .search_form input[type="submit"],
.fresh .footer_sub,
.fresh .re-search input[type="submit"] {
  background-color: #34c7e5;
}
.fresh .head_inquiry a {
  background-image: url(../png/ico_mail_blue02.png);
}
.fresh .head_access a {
  background-image: url(../png/ico_access_blue02.png);
}
.fresh .footer_nav01 a,
.fresh .footer_nav02 a {
  background-image: url(../png/ico_link_blue02.png);
}
.fresh .footer_sub,
.fresh .footer_sub a {
  color: #070707;
}
.fresh #gotoTop img {
  box-shadow: 0px 3px 8px -1px rgb(52, 199, 229, .5);
}
.fresh .sp_nav {
  background-color: #34c7e5;
}
.fresh .sp_nav li {
  border-color: #222;
}
.fresh .sp_nav a {
  background-color: #34c7e5;
  color: #222;
}

@media screen and (min-width:1230px) {
  .fresh .site_ttl a,
  .fresh .assist {
    background-color: #fcf6f6;
  }
  .fresh .nav {
    background-color: #34c7e5;
  }
  .fresh .nav a {
    color: #222;
  }
}