@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/MaterialIcons-Regular.woff") format("woff"), url("../fonts/MaterialIcons-Regular.ttf") format("truetype");
}
/* NotoSans */
/* ------------------------------
 	common.css
 	modified: 2015/03/20
------------------------------ */
/* reset
------------------------------ */
/* line 12, ../sass/common.scss */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p,
a, img,
dl, dt, dd, ol, ul, li,
strong, sub, sup, i, small, address, time,
fieldset, form, label, legend, hr,
table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, nav, section, article, aside,
figure, figcaption, canvas, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 31, ../sass/common.scss */
article, aside, figure, figcaption,
footer, header, nav, section {
  display: block;
}

/* line 36, ../sass/common.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 46, ../sass/common.scss */
ul.none, ol.none {
  list-style: none;
}
/* line 48, ../sass/common.scss */
ul.none li, ol.none li {
  list-style: none;
}

/* line 52, ../sass/common.scss */
input, textarea, button {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

/* line 57, ../sass/common.scss */
input[type="submit"],
input[type="button"],
button {
  cursor: pointer;
}

/* line 63, ../sass/common.scss */
a {
  color: #666666;
  text-decoration: none;
}

/* line 68, ../sass/common.scss */
img {
  vertical-align: bottom;
}

/* line 72, ../sass/common.scss */
body {
  width: 100%;
  color: #666666;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-family: "NotoSans Japanese", sans-serif;
  letter-spacing: .02rem;
  -webkit-text-size-adjust: 100%;
}
@media (max-width: 766px) {
  /* line 72, ../sass/common.scss */
  body {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media (min-width: 767px) {
  /* line 72, ../sass/common.scss */
  body {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

/* line 87, ../sass/common.scss */
#scroll {
  position: fixed;
  top: 0;
  z-index: 3000;
}

/* 共通クラス
------------------------------ */
/* line 96, ../sass/common.scss */
.hover-op {
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/* line 78, ../sass/_valiables_mixins_2015.scss */
.hover-op:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}

@media (max-width: 766px) {
  /* line 99, ../sass/common.scss */
  .only-pc {
    display: none;
  }
}

@media (min-width: 767px) {
  /* line 104, ../sass/common.scss */
  .only-sp {
    display: none;
  }
}

/* line 109, ../sass/common.scss */
.icon-font {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* line 134, ../sass/common.scss */
.container {
  position: relative;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  zoom: 1;
}
/* line 53, ../sass/_valiables_mixins_2015.scss */
.container:after {
  content: '';
  display: block;
  clear: both;
}
@media (max-width: 766px) {
  /* line 134, ../sass/common.scss */
  .container {
    padding: 0;
  }
}

/* line 145, ../sass/common.scss */
.btn_detail {
  display: block;
  width: 12em;
  padding: 0.3em 0;
  margin: 3em auto 0 auto;
  text-align: center;
  color: #FFF;
  background: #888058;
}
/* line 153, ../sass/common.scss */
.btn_detail:hover {
  background: #BFB778;
}

/* line 158, ../sass/common.scss */
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}