@charset "UTF-8";
/*
ul.flex {
	display: -ms-flexbox;
	@include display-flex(flex);
	@include flex-wrap(wrap);
	@include flex-direction(row);
	//@include flex-flow(row wrap);
	@include justify-content(space-between);
	>li {
		@include flex(0 0 490px);
	}
}
*/
/* line 3, index.scss */
section.intro {
  position: relative;
  max-width: 960px;
  height: 228px;
  margin: 10px auto 0 auto;
  background: url("../img/intro-photo.png") center center no-repeat;
}
@media screen and (max-width: 960px) {
  /* line 3, index.scss */
  section.intro {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  /* line 3, index.scss */
  section.intro {
    height: auto;
  }
}
/* line 14, index.scss */
section.intro::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  border: 2px solid #958e54;
}
/* line 21, index.scss */
section.intro h1 {
  width: 330px;
  height: 228px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 480px) {
  /* line 21, index.scss */
  section.intro h1 {
    position: relative;
    width: 100%;
    height: auto;
  }
}
/* line 31, index.scss */
section.intro h1 img {
  width: 100%;
}

/* line 42, index.scss */
section.keiji,
section.choji {
  margin: 45px auto 0 auto;
  max-width: 960px;
}
/* line 45, index.scss */
section.keiji div.title,
section.choji div.title {
  line-height: 40px;
  font-size: 0;
  padding: 0 0 0 30px;
  background-position: 0 center;
  background-repeat: no-repeat;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 960px) {
  /* line 45, index.scss */
  section.keiji div.title,
  section.choji div.title {
    margin: 0 20px;
  }
}
@media screen and (max-width: 720px) {
  /* line 45, index.scss */
  section.keiji div.title,
  section.choji div.title {
    background-position: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  /* line 58, index.scss */
  section.keiji div.title br,
  section.choji div.title br {
    display: none;
  }
}
/* line 62, index.scss */
section.keiji div.title strong,
section.choji div.title strong {
  display: inline-block;
  font-size: 35px;
  font-family: "RyuminPro", "A-OTF リュウミン Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  vertical-align: middle;
}
@media screen and (max-width: 720px) {
  /* line 62, index.scss */
  section.keiji div.title strong,
  section.choji div.title strong {
    display: block;
  }
}
/* line 70, index.scss */
section.keiji div.title p.h2,
section.choji div.title p.h2 {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.7px;
  color: #4C4948;
}
@media screen and (max-width: 720px) {
  /* line 70, index.scss */
  section.keiji div.title p.h2,
  section.choji div.title p.h2 {
    display: block;
    margin-top: 10px;
    margin-left: -30px;
  }
}
/* line 84, index.scss */
section.keiji ul,
section.choji ul {
  margin-left: -15px;
  margin-right: -15px;
  *zoom: 1;
  margin-top: 10px;
}
/* line 22, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
section.keiji ul:after,
section.choji ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 960px) {
  /* line 84, index.scss */
  section.keiji ul,
  section.choji ul {
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* line 91, index.scss */
section.keiji ul li,
section.choji ul li {
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}
@media screen and (max-width: 960px) {
  /* line 91, index.scss */
  section.keiji ul li,
  section.choji ul li {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  /* line 91, index.scss */
  section.keiji ul li,
  section.choji ul li {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin-top: 30px;
  }
}
/* line 104, index.scss */
section.keiji ul li h2,
section.choji ul li h2 {
  margin-top: 10px;
  line-height: 50px;
  font-weight: bold;
  font-size: 32px;
  font-family: "RyuminPro", "A-OTF リュウミン Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* line 111, index.scss */
section.keiji ul li p.h2,
section.choji ul li p.h2 {
  margin-top: 10px;
  font-family: "RyuminPro", "A-OTF リュウミン Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 15px;
}
/* line 118, index.scss */
section.keiji ul li div.price,
section.choji ul li div.price {
  margin-top: 5px;
  font-family: "RyuminPro", "A-OTF リュウミン Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* line 121, index.scss */
section.keiji ul li div.price span,
section.choji ul li div.price span {
  display: inline-block;
  vertical-align: middle;
}
/* line 125, index.scss */
section.keiji ul li div.price span.unit,
section.choji ul li div.price span.unit {
  font-size: 14px;
  font-weight: bold;
}
/* line 129, index.scss */
section.keiji ul li div.price span.price,
section.choji ul li div.price span.price {
  font-size: 18px;
  font-weight: bold;
  margin-left: 1em;
}
/* line 134, index.scss */
section.keiji ul li div.price span.tax,
section.choji ul li div.price span.tax {
  font-size: 12px;
}
/* line 137, index.scss */
section.keiji ul li div.price span.spec,
section.choji ul li div.price span.spec {
  font-size: 12px;
  margin-left: 1em;
}
/* line 142, index.scss */
section.keiji ul li div.cap,
section.choji ul li div.cap {
  margin-top: 15px;
  font-size: 13px;
  line-height: 20px;
}
/* line 146, index.scss */
section.keiji ul li div.cap span.red,
section.choji ul li div.cap span.red {
  color: #E60012;
}
/* line 150, index.scss */
section.keiji ul li div.story,
section.choji ul li div.story {
  margin-top: 15px;
  background-color: #EFEBE1;
  padding: 20px;
}
/* line 154, index.scss */
section.keiji ul li div.story p,
section.choji ul li div.story p {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 15px 0;
  font-size: 13px;
  line-height: 23px;
  color: #40220F;
}
/* line 165, index.scss */
section.keiji div.otheritems,
section.choji div.otheritems {
  margin-top: 30px;
}
@media screen and (max-width: 960px) {
  /* line 165, index.scss */
  section.keiji div.otheritems,
  section.choji div.otheritems {
    margin: 30px 20px 0 20px;
  }
}
/* line 170, index.scss */
section.keiji div.otheritems p,
section.choji div.otheritems p {
  font-family: "RyuminPro", "A-OTF リュウミン Pro", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 24px;
  line-height: 38px;
  letter-spacing: 1.2px;
  color: #4C4948;
}
@media screen and (max-width: 480px) {
  /* line 170, index.scss */
  section.keiji div.otheritems p,
  section.choji div.otheritems p {
    font-size: 18px;
    line-height: 1.5em;
  }
  /* line 179, index.scss */
  section.keiji div.otheritems p br,
  section.choji div.otheritems p br {
    display: none;
  }
}
/* line 186, index.scss */
section.keiji.keiji div.title,
section.choji.keiji div.title {
  background-image: url("../img/icon_circle_red.png");
}
/* line 188, index.scss */
section.keiji.keiji div.title strong,
section.choji.keiji div.title strong {
  color: #932d39;
}
/* line 192, index.scss */
section.keiji.keiji h2,
section.choji.keiji h2 {
  color: #932d39;
  border-bottom: 1px dotted #932d39;
}
/* line 198, index.scss */
section.keiji.choji::before,
section.choji.choji::before {
  display: inline-block;
  height: 4px;
  content: "";
  width: 100%;
  background-image: -webkit-gradient(linear, to right, to left, color-stop(0%, #ffffff), color-stop(50%, #d5d2ba), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(to right, #ffffff, #d5d2ba, #ffffff);
  background-image: -moz-linear-gradient(to right, #ffffff, #d5d2ba, #ffffff);
  background-image: -o-linear-gradient(to right, #ffffff, #d5d2ba, #ffffff);
  background-image: linear-gradient(to right, #ffffff, #d5d2ba, #ffffff);
}
/* line 203, index.scss */
section.keiji.choji div.title,
section.choji.choji div.title {
  margin-top: 40px;
  background-image: url("../img/icon_circle_green.png");
}
/* line 206, index.scss */
section.keiji.choji div.title strong,
section.choji.choji div.title strong {
  color: #2e531b;
}
/* line 210, index.scss */
section.keiji.choji h2,
section.choji.choji h2 {
  color: #2e531b;
  border-bottom: 1px dotted #2e531b;
}
