@charset "UTF-8";
/* CSS Document */
/*
/*
Template: giraffe
Theme Name:giraffe-child
Theme URI:http://junichi-manga.com/giraffe/
Description:Giraffeの子テーマです
Author:JUNICHI
Version:0.1
*/
@import url("giraffe-style.css");
@import url("../giraffe/style.css");
/* line 23, scss/style.scss */
.tC {
  text-align: center;
}

/* line 27, scss/style.scss */
div.note {
  background: #eee;
  margin: 20px 10px;
  padding: 20px;
}

/* line 32, scss/style.scss */
div.note > h4 {
  margin-top: 0 !important;
}

/* line 39, scss/style.scss */
body {
  background-color: #fcfcfc;
}

/* line 46, scss/style.scss */
.blogbox {
  background: #666;
}

/* line 50, scss/style.scss */
#footer {
  background-color: dimgray;
}

/* line 54, scss/style.scss */
main {
  background-color: #fff;
}
/* line 58, scss/style.scss */
main .post h2 {
  margin: 100px 0 20px;
  font-size: 180%;
  background: none;
  border-radius: 0;
  border-bottom: 4px solid #ccc;
  position: relative;
  padding: 0 0 0.25em;
}
/* line 67, scss/style.scss */
main .post h2::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}
/* line 80, scss/style.scss */
main .post h3 {
  margin: 80px 0 20px;
  font-size: 150%;
  position: relative;
  border-left: none;
  padding: 0 0 0.5em;
}
/* line 87, scss/style.scss */
main .post h3::before, main .post h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
/* line 95, scss/style.scss */
main .post h3::before {
  z-index: 2;
  width: 15%;
  background-color: #444;
}
/* line 100, scss/style.scss */
main .post h3::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}
/* line 107, scss/style.scss */
main .post h4 {
  margin: 60px 0 20px;
  padding: 0 0 0.3em;
  border-bottom: 3px double #ccc;
  background: none;
  font-size: 130%;
}
/* line 115, scss/style.scss */
main .post h5 {
  margin: 40px 0 20px;
  border-bottom: 1px solid #ccc;
  padding: 0.25em 0;
  font-size: 115%;
}
/* line 122, scss/style.scss */
main .post h6 {
  border-left: solid 2px #3498db;
  margin: 40px 0 10px;
  padding: .25em 0.5em;
  font-size: 100%;
}
/* line 139, scss/style.scss */
main .post dl.itemInfo dt {
  color: #3498db;
  font-weight: bold;
}
/* line 143, scss/style.scss */
main .post dl.itemInfo dd {
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}

/* line 155, scss/style.scss */
#mybox li > h4 {
  background-color: #EEE;
  color: #333;
}

/* line 166, scss/style.scss */
.buyBtn,
.buyBtn::before,
.buyBtn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 176, scss/style.scss */
a.buyBtn {
  position: relative;
  z-index: 2;
  border: 2px solid #D04255;
  border-radius: 3px;
  color: #fff;
  line-height: 50px;
  overflow: hidden;
  display: block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  margin: 20px auto;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1b9b0), color-stop(0.33, #f49c8d), color-stop(0.5, #e86a55), color-stop(0.52, #ea2804), color-stop(0.77, #f60), color-stop(1, #c21b00));
  background: -webkit-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #f60 77%, #c21b00 100%);
  background: -moz-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #f60 77%, #c21b00 100%);
  background: -o-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #f60 77%, #c21b00 100%);
  background: -ms-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #f60 77%, #c21b00 100%);
  background: linear-gradient(to bottom, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #f60 77%, #c21b00 100%);
}
/* line 199, scss/style.scss */
a.buyBtn::before, a.buyBtn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
/* line 206, scss/style.scss */
a.buyBtn:hover {
  color: #333;
}
/* line 209, scss/style.scss */
a.buyBtn::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
/* line 217, scss/style.scss */
a.buyBtn:hover::after {
  background-color: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
}