@charset "UTF-8";
/*@if $site_width == 100% {
	$break_tb : 1025px
}@else{
	$break_tb : $site_width - 1px;
}*/
/*共通部分*/
/**********************************************************************
	ローディング - className : loader
***********************************************************************/
.wrapper {
  display: none;
  padding-top: 79px;
}

@media only screen and (max-width: 1023px) {
  .wrapper {
    padding-top: 74px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper {
    padding-top: 55px;
  }
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: white;
  z-index: 9000;
}
#loader-bg .loader {
  color: #40ae49;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
		95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
		59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
		95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
		59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**********************************************************************
	カレント表示 - className : current
***********************************************************************/
.bc_primary .Header-site .Gloval-nav .Gloval-nav-primary {
  background-color: #40ae49;
}
.bc_primary .Header-site .Gloval-nav .Gloval-nav-primary > a {
  color: white;
}

.bc_secondary .Header-site .Gloval-nav .Gloval-nav-secondary {
  background-color: #1b5394;
}
.bc_secondary .Header-site .Gloval-nav .Gloval-nav-secondary > a {
  color: white;
}

.bc_thirdry .Header-site .Gloval-nav .Gloval-nav-thirdry {
  background-color: #c91724;
}
.bc_thirdry .Header-site .Gloval-nav .Gloval-nav-thirdry > a {
  color: white;
}

.bc_error .Header-site .Gloval-nav .Gloval-nav-error {
  background-color: #C70000;
}
.bc_error .Header-site .Gloval-nav .Gloval-nav-error > a {
  color: white;
}

.bc_accent .Header-site .Gloval-nav .Gloval-nav-accent {
  background-color: #fea000;
}
.bc_accent .Header-site .Gloval-nav .Gloval-nav-accent > a {
  color: white;
}

.bc_base_bg .Header-site .Gloval-nav .Gloval-nav-base_bg {
  background-color: #daf0fd;
}
.bc_base_bg .Header-site .Gloval-nav .Gloval-nav-base_bg > a {
  color: white;
}

.bc_white .Header-site .Gloval-nav .Gloval-nav-white {
  background-color: white;
}
.bc_white .Header-site .Gloval-nav .Gloval-nav-white > a {
  color: white;
}

.bc_black .Header-site .Gloval-nav .Gloval-nav-black {
  background-color: black;
}
.bc_black .Header-site .Gloval-nav .Gloval-nav-black > a {
  color: white;
}

.bc_top .Header-site .Gloval-nav .Gloval-nav-top {
  background-color: #1b5394;
}
.bc_top .Header-site .Gloval-nav .Gloval-nav-top > a {
  color: white;
}

.bc_products .Header-site .Gloval-nav .Gloval-nav-products {
  background-color: #40ae49;
}
.bc_products .Header-site .Gloval-nav .Gloval-nav-products > a {
  color: white;
}

.bc_lab .Header-site .Gloval-nav .Gloval-nav-lab {
  background-color: #fea000;
}
.bc_lab .Header-site .Gloval-nav .Gloval-nav-lab > a {
  color: white;
}

.bc_campaign .Header-site .Gloval-nav .Gloval-nav-campaign {
  background-color: #fea000;
}
.bc_campaign .Header-site .Gloval-nav .Gloval-nav-campaign > a {
  color: white;
}

.bc_enjoy .Header-site .Gloval-nav .Gloval-nav-enjoy {
  background-color: #f54258;
}
.bc_enjoy .Header-site .Gloval-nav .Gloval-nav-enjoy > a {
  color: white;
}

.bc_shop .Header-site .Gloval-nav .Gloval-nav-shop {
  background-color: #5b1b94;
}
.bc_shop .Header-site .Gloval-nav .Gloval-nav-shop > a {
  color: white;
}

.bc_costomer .Header-site .Gloval-nav .Gloval-nav-costomer {
  background-color: #1b5394;
}
.bc_costomer .Header-site .Gloval-nav .Gloval-nav-costomer > a {
  color: white;
}

.bc_press .Header-site .Gloval-nav .Gloval-nav-press {
  background-color: #fea000;
}
.bc_press .Header-site .Gloval-nav .Gloval-nav-press > a {
  color: white;
}

.bc_recipe .Header-site .Gloval-nav .Gloval-nav-recipe {
  background-color: #f54258;
}
.bc_recipe .Header-site .Gloval-nav .Gloval-nav-recipe > a {
  color: white;
}

.bc_info .Header-site .Gloval-nav .Gloval-nav-info {
  background-color: #c91724;
}
.bc_info .Header-site .Gloval-nav .Gloval-nav-info > a {
  color: white;
}

.bc_entry .Header-site .Gloval-nav .Gloval-nav-entry {
  background-color: #db0b0b;
}
.bc_entry .Header-site .Gloval-nav .Gloval-nav-entry > a {
  color: white;
}

.bc_end .Header-site .Gloval-nav .Gloval-nav-end {
  background-color: #cccccc;
}
.bc_end .Header-site .Gloval-nav .Gloval-nav-end > a {
  color: white;
}

.bc_other .Header-site .Gloval-nav .Gloval-nav-other {
  background-color: #cccccc;
}
.bc_other .Header-site .Gloval-nav .Gloval-nav-other > a {
  color: white;
}

.bc_know .Header-site .Gloval-nav .Gloval-nav-know {
  background-color: #04e6fa;
}
.bc_know .Header-site .Gloval-nav .Gloval-nav-know > a {
  color: white;
}

.bc_font .Header-site .Gloval-nav .Gloval-nav-font {
  background-color: #333;
}
.bc_font .Header-site .Gloval-nav .Gloval-nav-font > a {
  color: white;
}

.bc_event .Header-site .Gloval-nav .Gloval-nav-event {
  background-color: #f04d15;
}
.bc_event .Header-site .Gloval-nav .Gloval-nav-event > a {
  color: white;
}

.bc_monitor .Header-site .Gloval-nav .Gloval-nav-monitor {
  background-color: #8fc410;
}
.bc_monitor .Header-site .Gloval-nav .Gloval-nav-monitor > a {
  color: white;
}

.bc_question .Header-site .Gloval-nav .Gloval-nav-question {
  background-color: #69babf;
}
.bc_question .Header-site .Gloval-nav .Gloval-nav-question > a {
  color: white;
}

.bc_news .Header-site .Gloval-nav .Gloval-nav-news {
  background-color: #40ae49;
}
.bc_news .Header-site .Gloval-nav .Gloval-nav-news > a {
  color: white;
}

.bc_newproducts .Header-site .Gloval-nav .Gloval-nav-newproducts {
  background-color: #c91724;
}
.bc_newproducts .Header-site .Gloval-nav .Gloval-nav-newproducts > a {
  color: white;
}

/**********************************************************************
	ページヘッダ - className : Header-site
***********************************************************************/
.Header-site {
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: solid 2px #666666;
  background-color: white;
  z-index: 50;
  padding-top: 10px;
  padding-bottom: 10px;
}
.Header-site a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 1023px) {
  .Header-site {
    padding: 7.5px;
  }
  .Header-site .ttl_01 img {
    width: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .Header-site .ttl_01 img {
    width: 80px;
    vertical-align: middle;
    margin-right: 7.5px;
  }
  .Header-site .logo-catch {
    padding: 0 15px;
    display: inline-block;
  }
}
/**********************************************************************
	グロナビ - className : Gloval-nav
***********************************************************************/
.Gloval-nav {
  position: absolute;
  right: 0;
  height: 40px;
  bottom: -10px;
}
.Gloval-nav .Gloval-nav-box {
  position: fixed;
  /*width         : 100%;*/
  width: 980px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: left;
  display: none;
  box-shadow: 0px 9px 4px -4px rgba(70, 70, 70, 0.8);
}
.Gloval-nav .Gloval-nav-box .btn-img-border[target="_blank"]:before {
  content: none;
}
.Gloval-nav .Gloval-nav-box .btn-img-border[target="_blank"]:after {
  content: none;
}
.Gloval-nav .Gloval-nav-box-right {
  border-left: solid 1px rgba(102, 102, 102, 0.2);
  padding-left: 30px;
}
.Gloval-nav .Gloval-nav-box-txt-list {
  column-count: 2;
}
.Gloval-nav .Gloval-nav-box-txt-list li {
  font-size: 1.4rem;
}
.Gloval-nav > ul {
  display: inline-block;
}
.Gloval-nav > ul:after {
  display: block;
  content: '';
  height: 0;
  clear: both;
}
.Gloval-nav > ul > li {
  float: left;
  width: auto;
}
.Gloval-nav > ul > li > a {
  display: block;
  padding: 0 14px;
  position: relative;
  font-family: GenJyuuGothic, sans-serif;
  transform: rotate(0.05deg);
  display: inline-block;
  color: #333;
  font-size: 1.4rem;
  height: 40px;
  line-height: 40px;
}
.Gloval-nav > ul > li > a img {
  vertical-align: middle;
  margin-right: 5px;
}


/* write20190927 start */

.Gloval-nav > ul > li > a[target="_blank"]:before {
  display:none;
}

.Gloval-nav .Gloval-nav-shop .m-box.box-white.Gloval-nav-box .m-btn[target="_blank"].btn-arrow {
  padding-right: 30px !important;
}

.FooterAcc a.ttl_03[target="_blank"]:after {
  right:5px;
}
.FooterAcc a.ttl_03[target="_blank"]:before {
  right:11px;
}


/* write20190927 end */





.Gloval-nav > ul > li > a:after {
  content: '';
  display: block;
  background-color: rgba(102, 102, 102, 0.2);
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  height: 14px;
  margin-top: -7px;
}
.Gloval-nav > ul > li > a:hover {
  color: white;
}
.Gloval-nav > ul > li:last-child a:after {
  content: none;
}
.Gloval-nav > ul > li.is-hover {
  position: relative;
}
.Gloval-nav > ul > li.is-hover:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7.5px 0 7.5px;
  border-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin: auto;
  z-index: 120;
}
.Gloval-nav > ul > li.is-hover > a {
  color: white;
}
.Gloval-nav > ul > li.is-hover .Gloval-nav-box {
  display: block;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-primary {
  background-color: #40ae49;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-primary .Gloval-nav-box {
  border-top: solid 2px #40ae49;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-primary.is-mega:before {
  border-color: #40ae49 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-secondary {
  background-color: #1b5394;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-secondary .Gloval-nav-box {
  border-top: solid 2px #1b5394;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-secondary.is-mega:before {
  border-color: #1b5394 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-thirdry {
  background-color: #c91724;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-thirdry .Gloval-nav-box {
  border-top: solid 2px #c91724;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-thirdry.is-mega:before {
  border-color: #c91724 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-error {
  background-color: #C70000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-error .Gloval-nav-box {
  border-top: solid 2px #C70000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-error.is-mega:before {
  border-color: #C70000 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-accent {
  background-color: #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-accent .Gloval-nav-box {
  border-top: solid 2px #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-accent.is-mega:before {
  border-color: #fea000 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-base_bg {
  background-color: #daf0fd;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-base_bg .Gloval-nav-box {
  border-top: solid 2px #daf0fd;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-base_bg.is-mega:before {
  border-color: #daf0fd transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-white {
  background-color: white;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-white .Gloval-nav-box {
  border-top: solid 2px white;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-white.is-mega:before {
  border-color: white transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-black {
  background-color: black;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-black .Gloval-nav-box {
  border-top: solid 2px black;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-black.is-mega:before {
  border-color: black transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-top {
  background-color: #1b5394;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-top .Gloval-nav-box {
  border-top: solid 2px #1b5394;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-top.is-mega:before {
  border-color: #1b5394 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-products {
  background-color: #40ae49;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-products .Gloval-nav-box {
  border-top: solid 2px #40ae49;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-products.is-mega:before {
  border-color: #40ae49 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-lab {
  background-color: #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-lab .Gloval-nav-box {
  border-top: solid 2px #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-lab.is-mega:before {
  border-color: #fea000 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-campaign {
  background-color: #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-campaign .Gloval-nav-box {
  border-top: solid 2px #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-campaign.is-mega:before {
  border-color: #fea000 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-enjoy {
  background-color: #f54258;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-enjoy .Gloval-nav-box {
  border-top: solid 2px #f54258;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-enjoy.is-mega:before {
  border-color: #f54258 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-shop {
  background-color: #5b1b94;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-shop .Gloval-nav-box {
  border-top: solid 2px #5b1b94;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-shop.is-mega:before {
  border-color: #5b1b94 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-costomer {
  background-color: #1b5394;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-costomer .Gloval-nav-box {
  border-top: solid 2px #1b5394;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-costomer.is-mega:before {
  border-color: #1b5394 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-press {
  background-color: #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-press .Gloval-nav-box {
  border-top: solid 2px #fea000;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-press.is-mega:before {
  border-color: #fea000 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-recipe {
  background-color: #f54258;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-recipe .Gloval-nav-box {
  border-top: solid 2px #f54258;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-recipe.is-mega:before {
  border-color: #f54258 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-info {
  background-color: #c91724;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-info .Gloval-nav-box {
  border-top: solid 2px #c91724;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-info.is-mega:before {
  border-color: #c91724 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-entry {
  background-color: #db0b0b;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-entry .Gloval-nav-box {
  border-top: solid 2px #db0b0b;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-entry.is-mega:before {
  border-color: #db0b0b transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-end {
  background-color: #cccccc;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-end .Gloval-nav-box {
  border-top: solid 2px #cccccc;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-end.is-mega:before {
  border-color: #cccccc transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-other {
  background-color: #cccccc;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-other .Gloval-nav-box {
  border-top: solid 2px #cccccc;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-other.is-mega:before {
  border-color: #cccccc transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-know {
  background-color: #04e6fa;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-know .Gloval-nav-box {
  border-top: solid 2px #04e6fa;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-know.is-mega:before {
  border-color: #04e6fa transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-font {
  background-color: #333;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-font .Gloval-nav-box {
  border-top: solid 2px #333;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-font.is-mega:before {
  border-color: #333 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-event {
  background-color: #f04d15;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-event .Gloval-nav-box {
  border-top: solid 2px #f04d15;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-event.is-mega:before {
  border-color: #f04d15 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-monitor {
  background-color: #8fc410;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-monitor .Gloval-nav-box {
  border-top: solid 2px #8fc410;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-monitor.is-mega:before {
  border-color: #8fc410 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-question {
  background-color: #69babf;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-question .Gloval-nav-box {
  border-top: solid 2px #69babf;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-question.is-mega:before {
  border-color: #69babf transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-news {
  background-color: #40ae49;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-news .Gloval-nav-box {
  border-top: solid 2px #40ae49;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-news.is-mega:before {
  border-color: #40ae49 transparent transparent transparent;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-newproducts {
  background-color: #c91724;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-newproducts .Gloval-nav-box {
  border-top: solid 2px #c91724;
}
.Gloval-nav > ul > li.is-hover.Gloval-nav-newproducts.is-mega:before {
  border-color: #c91724 transparent transparent transparent;
}

@media only screen and (max-width: 1023px) {
  .Gloval-nav {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .Gloval-nav-box .btns .m-btn {
    width: 48%;
    margin-left: 0;
  }
}
/**********************************************************************
	ヘッダーのメニュー - className : Header-menu
***********************************************************************/
.Header-menu {
  position: absolute;
  right: 0;
  top: -5px;
}

@media only screen and (max-width: 1023px) {
  .Header-menu {
    top: 15px;
    right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .Header-menu {
    display: none;
		  border:none !important;
		  border-bottom: solid 1px rgba(102, 102, 102, 0.2);
  }	
}
/**********************************************************************
	コーポレートサイトへのボタン - className : Header-menu-company
***********************************************************************/
.Header-menu-company {
  display: inline-block;
}
.Header-menu-company li {
  display: inline-block;
}
.Header-menu-company li:first-child .m-btn {
  top: -1px;
}
.Header-menu-company .m-btn {
  height: 24px;
}

/**********************************************************************
	ヘッダ検索窓 - className : Header-search
***********************************************************************/
.Header-search {
  display: inline-block;
}
.Header-search .m-form {
  max-width: 100%;
}
.Header-search .btn-search {
  position: absolute;
  top: 45%;
  right: 10px;
  color: #333;
  padding: 0;
  text-align: center;
  background-color: transparent;
  transform: translateY(-50%);
}
.Header-search .btn-search .fa {
  vertical-align: middle;
}
.Header-search .btn-search:before {
  content: none;
}
.Header-search input[type=text].Header-search-input {
  min-width: 240px;
  height: 24px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 1023px) {
  .Header-search {
    top: -5px;
    right: 50px;
  }
  .Header-search .btn-search {
    top: 40%;
    transform: translateY(-55%);
  }
}
/**********************************************************************
	スマホメニューボタン - className : sp_nav_btn
***********************************************************************/
.sp_nav_btn {
  position: absolute;
  right: 7.5px;
  bottom: 7.5px;
  display: none;
}
.sp_nav_btn a {
  color: #333;
}

@media only screen and (max-width: 1023px) {
  .sp_nav_btn {
    display: block;
    bottom: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .sp_nav_btn {
    bottom: 5px;
  }
}
/**********************************************************************
	ページタイトル - className : Page_title
***********************************************************************/
.Page_title {
  background: white;
  padding: 20px;
  position: relative;
  z-index: 2;
}

/**********************************************************************
	ページタイトル - className : Page_title
***********************************************************************/
.Sp-nav {
  opacity: 0;
  height: 0;
  padding-bottom: 25px;
}
.Sp-nav .row.row-20 {
  margin: 0;
}
.Sp-nav .Gloval-nav {
  position: static;
  height: auto;
  display: block;
}
.Sp-nav .Gloval-nav .Gloval-nav-box {
  position: relative;
  z-index: 10;
  width: 100%;
}
.Sp-nav .Gloval-nav .Gloval-nav-box-right {
  border-left: none;
  padding-left: 0;
}
.Sp-nav .Gloval-nav .Gloval-nav-box-txt-list li > .m-list {
  column-count: 1;
}
.Sp-nav .Gloval-nav .Gloval-nav-box-txt-list li > .m-list a {
  display: block;
  padding: 15px;
  border-bottom: solid 1px rgba(102, 102, 102, 0.2);
  position: relative;
}
.Sp-nav .Gloval-nav .Gloval-nav-box-txt-list li > .m-list a:before {
  font-family: FontAwesome;
  content: '';
  font-size: 1.2rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.Sp-nav .Gloval-nav > ul {
  display: block;
  width: 100%;
}
.Sp-nav .Gloval-nav > ul > li {
  border-bottom: solid 1px rgba(102, 102, 102, 0.2);
  float: none;
  display: block;
  width: 100%;
}
.Sp-nav .Gloval-nav > ul > li.is-hover:before {
  top: 52px;
}
.Sp-nav .Gloval-nav > ul > li > a {
  height: 52px;
  line-height: 52px;
  display: block;
}
.Sp-nav .Gloval-nav > ul > li > a:after {
  content: none;
}
.Sp-nav .Gloval-nav > ul > li.is-mega {
  position: relative;
}
.Sp-nav .Gloval-nav > ul > li.is-mega > a {
  display: inline-block;
}
.Sp-nav .Gloval-nav > ul > li.is-mega:after {
  font-family: FontAwesome;
  content: '';
  font-size: 1.6rem;
  display: block;
  position: absolute;
  top: 14px;
  right: 30px;
  color: black;
}
.Sp-nav .Gloval-nav > ul > li.is-mega.is-hover:after {
  content: '';
  color: white;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-primary .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #40ae49;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-secondary .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #1b5394;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-thirdry .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #c91724;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-error .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #C70000;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-accent .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #fea000;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-base_bg .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #daf0fd;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-white .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px white;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-black .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px black;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-top .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #1b5394;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-products .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #40ae49;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-lab .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #fea000;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-campaign .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #fea000;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-enjoy .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #f54258;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-shop .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #5b1b94;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-costomer .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #1b5394;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-press .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #fea000;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-recipe .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #f54258;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-info .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #c91724;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-entry .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #db0b0b;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-end .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #cccccc;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-other .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #cccccc;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-know .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #04e6fa;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-font .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #333;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-event .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #f04d15;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-monitor .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #8fc410;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-question .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #69babf;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-news .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #40ae49;
}
.Sp-nav .Gloval-nav > ul > li.is-hover.Gloval-nav-newproducts .Gloval-nav-box {
  border-top: none;
  border-bottom: solid 2px #c91724;
}
.Sp-nav .Header-menu {
  position: static;
  padding: 15px;
  width: 100%;
}
/* 180806 write */
@media only screen and (max-width: 767px) {
.Sp-nav .Header-menu {
  display:block;
  margin-top:0;
  }
.Sp-nav .m-btn.btn-close { margin-top:0 !important; }
.Sp-nav li.col-tb-3-1 { padding-bottom:10px; }
}
/* 180806 write */

.Sp-nav .Header-menu-company {
  width: 100%;
  margin-bottom: 15px;
}
.Sp-nav .Header-menu-company li {
  width: 31%;
}
.Sp-nav .Header-menu-company li:not(:last-child) {
  margin-right: 2%;
}
.Sp-nav .Header-menu-company li > * {
  width: 100%;
}
.Sp-nav .Header-search {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .Gloval-nav-box .btn-close {
    display: none;
  }
}
/**********************************************************************
	ぱんくず - className : Breadcrumb
***********************************************************************/
.Breadcrumb {
  background-color: white;
  padding: 10px 20px;
  border-bottom: solid 1px rgba(102, 102, 102, 0.2);
  position: relative;
  z-index: 2;
}
.Breadcrumb .Breadcrumb-separator li {
  display: inline-block;
  font-size: 1.2rem;
}
.Breadcrumb .Breadcrumb-separator li:after {
  font-family: 'FontAwesome';
  content: '';
  font-size: 120%;
  padding: 0 0.5em;
}
.Breadcrumb .Breadcrumb-separator li:last-child:after {
  content: none;
}

/**********************************************************************
	フッタナビ - className : Nav-Footer
***********************************************************************/
.Nav-Footer {
  padding: 50px 0;
  position: relative;
  z-index: 1;
  font-size: 1.1rem;
  background-color: #f2f6f9;
}
.Nav-Footer .ttl_03 {
  padding: 0;
  font-size: 1.4rem;
  margin-bottom: 0;
  letter-spacing: 0;
}
.Nav-Footer .ttl_03 img {
  margin-left: -10px;
  margin-right: 0;
}
.Nav-Footer .ttl_03 a:hover {
  color: #333;
}
.Nav-Footer .Nav-Footer-list {
  margin-top: 10px;
}
.Nav-Footer .Nav-Footer-list .m-link {
  margin-bottom: 5px;
}
.Nav-Footer .Nav-Footer-list.list-angle > li:hover {
  text-decoration: none;
}
.Nav-Footer .Nav-Footer-list.list-angle > li:hover:after {
  left: -7.5px;
}
.Nav-Footer .Nav-Footer-list.list-angle > li:hover a {
  color: #333;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-other > li:hover a {
  color: #fea000;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-other > li a[target="_blank"]:after {
  color: #fea000;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-other > li a[target="_blank"]:before {
  color: #fea000;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns {
  font-weight: bold;
  font-size: 1.6rem;
  text-align: right;
  margin-top: -1.5em;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns li {
  display: inline-block;
  width: auto;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns li + li {
  margin-left: 10px;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns img {
  vertical-align: middle;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns a[target="_blank"] {
  padding-right: 0;
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns a[target="_blank"]:after {
  content: '';
}
.Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns a[target="_blank"]:before {
  content: '';
}

@media only screen and (max-width: 1023px) {
  .Nav-Footer {
    padding: 60px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .Nav-Footer {
    padding: 0;
  }
  .Nav-Footer a {
    display: block;
    padding: 15px;
    border-bottom: solid 1px rgba(102, 102, 102, 0.2);
    position: relative;
    margin-left: 0;
  }
  .Nav-Footer .ttl_03 {
    border-bottom: none;
  }
  .Nav-Footer .Nav-Footer-list {
    margin-left: 0;
    margin-top: 0;
  }
  .Nav-Footer .Nav-Footer-list > li {
    padding: 0;
    margin-left: 0;
  }
  .Nav-Footer .Nav-Footer-list > li:after {
    left: auto;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .Nav-Footer .Nav-Footer-list.Nav-Footer-list-other > li:after {
    content: none;
  }
  .Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns {
    text-align: center;
  }
  .Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns > li {
    /*
    &:first-child {
    	border-top : solid 1px rgba($color_base_border, 0.2);
    }
    */
  }
  .Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns > li a {
    border: none;
  }
  .Nav-Footer .Nav-Footer-list.Nav-Footer-list-sns > li a[target="_blank"] {
    padding-right: 15px;
  }
}
/**********************************************************************
	ページフッタ - className : Footer-site
***********************************************************************/
.Footer-site {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  padding-top: 50px;
}
.Footer-site .Footer-site-contact {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  margin-top: 50px;
  padding-top: 50px;
  background: #daf0fd url("../../common/images/line-yoko.png") bottom left repeat-x;
  padding-bottom: 4px;
}
.Footer-site .Footer-site-logo {
  margin-bottom: 15px;
}
.Footer-site .Footer-site-catch {
  margin-bottom: 30px;
  font-family: GenJyuuGothic, sans-serif;
  transform: rotate(0.05deg);
  display: inline-block;
  font-size: 2.0rem;
}
.Footer-site .Footer-site-tel {
  margin-bottom: 15px;
}
.Footer-site .Footer-site-tel .tel {
  font-size: 2.8rem;
  font-weight: 600;
}
.Footer-site .Footer-site-tel .tel img {
  vertical-align: middle;
}
.Footer-site .Copyright {
  margin-top: 30px;
  padding: 15px 0;
  border-top: solid 1px rgba(102, 102, 102, 0.2);
}

@media only screen and (max-width: 767px) {
  .Footer-site {
    padding-top: 25px;
  }
  .Footer-site .Footer-site-contact {
    margin-top: 25px;
    padding-top: 25px;
  }
}
/**********************************************************************
	ページトップ - className : Pagetop
***********************************************************************/
.Pagetop {
  cursor: pointer;
  right: 30px;
  z-index: 30;
  position: fixed;
  bottom: 30px;
  opacity: 1.0 !important;
}

@media only screen and (max-width: 767px) {
  .Pagetop {
    right: 7.5px;
  }
  .Pagetop img {
    width: 65px;
  }
}
/**********************************************************************
	お知らせ - className : Info
***********************************************************************/
.Info .Info-lists .Info-list {
  position: relative;
}
.Info .Info-lists .Info-list:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: url("../../common/images/line-freehand.png") center bottom no-repeat;
  background-size: cover;
  position: absolute;
  top: 100%;
}
.Info .Info-lists .Info-list a {
  display: table;
  width: 100%;
  table-layout: fixed;
  color: #333;
  text-align: left;
}
.Info .Info-lists .Info-list a > * {
  display: table-cell;
  vertical-align: top;
  padding: 15px;
}
.Info .Info-lists .Info-list a:hover {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.5;
  text-decoration: none;
  transition: opacity .2s linear;
}
.Info .Info-lists .Info-list a .Info-date {
  width: 15%;
}
.Info .Info-lists .Info-list a .Info-tag {
  width: 20%;
}
.Info .Info-lists .Info-list a .Info-ttl {
  width: 65%;
}
.Info .Info-lists .Info-list a[href$='.pdf'] {
  padding-right: 0;
}
.Info .Info-lists .Info-list a[href$='.pdf'] .Info-ttl {
  padding-right: 30px;
}
.Info .Info-lists .Info-list a[href$='.pdf']:after {
  content: none;
}
.Info .Info-lists .Info-list .Info-tag .m-tag {
  min-width: 120px;
}

@media only screen and (max-width: 767px) {
  .Info .Info-lists .Info-list {
    font-size: 1.4rem;
  }
  .Info .Info-lists .Info-list a {
    display: block;
    width: 100%;
    padding: 15px 0;
  }
  .Info .Info-lists .Info-list a > * {
    padding: 7.5px;
  }
  .Info .Info-lists .Info-list a .Info-date, .Info .Info-lists .Info-list a .Info-tag {
    display: inline-block;
    margin-bottom: 0;
  }
  .Info .Info-lists .Info-list a .Info-date {
    width: auto;
  }
  .Info .Info-lists .Info-list a .Info-tag {
    width: auto;
  }
  .Info .Info-lists .Info-list a .Info-ttl {
    display: block;
    width: 100%;
  }
  .Info .Info-lists .Info-list a[href$='.pdf'] {
    padding-right: 30px;
  }
}
/**********************************************************************
	バナーエリア - className : Bnr
***********************************************************************/
.Bnr {
  position: relative;
  z-index: 1;
}
.Bnr .multiple-item .slick-slide {
  padding: 15px;
}
.Bnr .btn-img {
  border: solid 1px rgba(102, 102, 102, 0.2);
}
.Bnr .btn-img[target="_blank"]:before {
  top: auto;
  bottom: 10px;
  color: #fea000;
}
.Bnr .btn-img[target="_blank"]:after {
  top: auto;
  bottom: 10px;
  color: #fea000;
}

/**********************************************************************
	アコーディオン - className : AccodionBox
***********************************************************************/
.AccodionBox .ttl_03 {
  margin-bottom: 0;
}
.AccodionBox .AccodionBox-btn {
  position: relative;
  float: right;
  height: 30px;
  color: #333;
}
.AccodionBox .AccodionBox-btn.open:before {
  font-family: FontAwesome;
  font-size: 2.5rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: '';
}
.AccodionBox .AccodionBox-btn.close:before {
  font-family: FontAwesome;
  font-size: 2.5rem;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: '';
}
.AccodionBox .AccodionBox-contents {
  margin-top: 10px;
}
.AccodionBox .AccodionBox-inner {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
}
.AccodionBox .btn-all-recipe {
  max-width: 220px;
  display: inline-block;
}
@media only screen and (max-width: 1023px) {
  .AccodionBox .btn-all-recipe {
    max-width: 100%;
  }
}
.AccodionBox .menu-list {
  width: 100%;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .AccodionBox .menu-list {
    margin-top: 10px;
  }
}
.AccodionBox .menu-list dt {
  margin-bottom: 10px;
}
.AccodionBox .menu-list dd {
  display: inline;
  border-right: solid 1px #ccc;
}
.AccodionBox .menu-list dd:last-child {
  border-right: none;
}
.AccodionBox .menu-list dd a {
  padding: 0 20px;
  text-decoration: none;
  color: #333;
}
.AccodionBox .menu-list dd a:hover {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.5;
  text-decoration: none;
  transition: opacity .2s linear;
}
.AccodionBox .tar {
  text-align: right;
}
@media only screen and (max-width: 1023px) {
  .AccodionBox .tar {
    text-align: center;
  }
}
.AccodionBox .bb-1 {
  border-bottom: solid 1px #ccc;
}
.AccodionBox .br-1 {
  border-right: solid 1px #ccc;
}
@media only screen and (max-width: 1023px) {
  .AccodionBox .br-1 {
    border-right: none;
  }
}
.AccodionBox span.m-link.link-arrow {
  margin-left: 20px;
}
.AccodionBox span.m-link.link-arrow:before {
  font-family: 'fontawesome';
  content: '';
  font-size: inherit;
  display: inline-block;
  width: 0.6em;
  position: absolute;
  left: -20px;
  top: 45%;
  transform: translateY(-50%);
}
.AccodionBox .Acco-close {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .AccodionBox .tb_pt0 {
    padding-top: 0 !important;
  }
  .AccodionBox .tb_pb0 {
    padding-bottom: 0 !important;
  }
  .AccodionBox .tb_pb10 {
    padding-bottom: 10px !important;
  }
  .AccodionBox .tb_pt10 {
    padding-top: 10px !important;
  }
  .AccodionBox .tb_mb15 {
    margin-bottom: 15px !important;
  }
  .AccodionBox .tb_w100p {
    width: 100% !important;
  }
}