@charset "UTF-8";
/******************VARIABLES*********************/
@-webkit-keyframes loading-anime {
  /* line 31, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  0% {
    opacity: 0; }

  /* line 32, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  100% {
    opacity: 1; } }

@-moz-keyframes loading-anime {
  /* line 31, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  0% {
    opacity: 0; }

  /* line 32, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  100% {
    opacity: 1; } }

@-ms-keyframes loading-anime {
  /* line 31, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  0% {
    opacity: 0; }

  /* line 32, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  100% {
    opacity: 1; } }

@keyframes loading-anime {
  /* line 31, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  0% {
    opacity: 0; }

  /* line 32, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  100% {
    opacity: 1; } }

/********************BASE**********************/
/* line 45, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
body {
  background: #fff;
  color: #000;
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.5em;
  font-size: 12px;
  font-size: 0.75rem; }

/* line 53, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
a {
  color: #777777;
  text-decoration: none;
  opacity: 1; }
  /* line 57, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  a:hover {
    opacity: 0.5;
    transition: opacity .2s ease 0; }

/* line 63, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5em; }

/* line 66, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
h1 {
  margin: 0; }

/* line 69, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
h2 {
  margin: 0 0 20px; }

/* line 72, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
h3, h4, h5, h6 {
  margin: 0 0 10px; }

/* line 76, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
img {
  max-width: 100%; }

/* line 80, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
section {
  margin-bottom: 60px; }

/* line 84, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
p {
  margin: 0 0 20px; }

/***********************LAYOUT************************/
/* line 92, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
header {
  padding: 60px 0 30px; }
  /* line 96, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  header nav ul li {
    float: left; }
    /* line 98, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
    header nav ul li a {
      display: block;
      margin-left: 20px; }
      /* line 101, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
      header nav ul li a img {
        width: 21px; }

/* line 109, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.logo {
  width: 390px; }

/* line 112, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.btn-onlineshop {
  display: block;
  margin: 10px 0;
  width: 171px; }

/* line 126, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.breadcrumbs {
  margin-bottom: 20px; }
  /* line 129, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  .breadcrumbs ul li {
    float: left;
    margin-right: 10px; }

/* line 145, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
footer {
  padding: 60px 0; }
  /* line 147, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  footer a {
    color: #005cad;
    text-decoration: underline;
    line-height: 2em;
    font-size: 11px;
    font-size: 0.6875rem;
    white-space: nowrap; }
  /* line 154, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  footer > .container_12.footer-categorynav-wrap {
    border-top: 1px solid #777777;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 30px; }
  /* line 160, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  footer .copyright {
    color: #bbbbbb; }

/* line 166, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
ul.footer-categorynav > li > .title {
  margin: -12px 0 10px -40px; }
  /* line 168, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  ul.footer-categorynav > li > .title span {
    background: #fff;
    color: #777; }

/* line 175, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
ul.footer-companynav1 {
  margin: 0;
  padding: 0; }
  /* line 178, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  ul.footer-companynav1 li {
    float: left;
    margin-left: 20px;
    margin-right: 20px; }

/* line 185, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
ul.footer-companynav2 li {
  display: inline-block; }

/* line 189, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.footer-bottom {
  margin-top: 60px; }

/********************MODULE************************/
/* line 199, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.align-center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block; }

/* line 205, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.font-s {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5em; }

/* line 209, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.font-m {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em; }

/* line 213, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.font-l {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.5em; }

/* line 217, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.font-ll {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.5em; }

/* line 221, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.display-none {
  display: none; }

/* line 224, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.mincho {
  font-family: "Hervetica Neue","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","Ubuntu",serif !important; }

/* line 227, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(20, 0, 0, 0.5);
  top: 0;
  left: 0; }

/* line 235, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.pull-left {
  float: left; }

/* line 238, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.pull-right {
  float: right; }

/* line 241, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.show-on-mobile {
  display: none; }

/* line 244, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
ul.reset {
  margin: 0;
  padding: 0;
  list-style-type: none; }

/*****TITLES*****/
/* line 254, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.title-bordered {
  border-bottom: 1px solid #000; }

/* line 257, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.title-water {
  color: #00aed9; }

/* line 260, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.title-blue {
  color: #005cad; }

/*****BUTTONS*****/
/* line 266, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.btn-bordered {
  border: 1px solid #777777;
  padding: 10px 0;
  display: block;
  color: #000; }

/*****TOP*****/
/* line 278, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.product-list .grid_3 {
  position: relative;
  height: 260px; }
/* line 282, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.product-list .title {
  white-space: nowrap; }
/* line 285, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.product-list .detail, .product-list .description {
  margin-bottom: 10px;
  white-space: nowrap; }
/* line 289, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.product-list .btn-bordered {
  position: absolute;
  width: 100%;
  bottom: 0; }

/*****SIDE*****/
/* line 301, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
ul.archive-list li {
  width: 100%;
  height: 85px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative; }
  /* line 307, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  ul.archive-list li img {
    width: 100%; }
  /* line 310, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  ul.archive-list li .text {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 10px; }

/* line 319, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
ul.product-list li {
  width: 100%;
  height: 125px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative; }
  /* line 325, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  ul.product-list li img {
    width: 100%; }
  /* line 328, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  ul.product-list li .text {
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 10px; }

/*****PRODUCT PAGES*****/
/* line 341, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
.product-detail {
  border-top: 1px solid #000;
  padding-top: 20px; }
  /* line 344, /Users/itkk/workspace/sghr/source/stylesheets/all.css.scss */
  .product-detail .btn-bordered {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px; }