@charset "UTF-8";
/*---------------------------------------------------------------------
@import "compass";
『compassコマンド使うよ』の宣言

@import "compass/reset/";
いわゆるリセットCSS
---------------------------------------------------------------------*/
/* line 24, ../sass/_common.scss */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

/* line 30, ../sass/_common.scss */
li {
  list-style: none;
}

/* line 31, ../sass/_common.scss */
img, embed {
  border: none;
  max-width: 100%;
  height: auto;
}

/* line 36, ../sass/_common.scss */
table {
  border-collapse: collapse;
}

/* line 39, ../sass/_common.scss */
address {
  font-style: normal;
}

/* line 40, ../sass/_common.scss */
a {
  text-decoration: none;
  color: #4E3619;
  transition: .3s;
}
/* line 44, ../sass/_common.scss */
a:hover {
  opacity: 0.8;
}

/* line 49, ../sass/_common.scss */
.hr-style {
  clear: both;
  border: none;
  width: 100%;
  height: 21px;
  margin: 4em 0;
}

/* line 56, ../sass/_common.scss */
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 62, ../sass/_common.scss */
.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

/* line 69, ../sass/_common.scss */
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: 'localbrewery';
  src: url("../font/localbreweryfive-regular-webfont.eot");
  src: url("../font/localbreweryfive-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/localbreweryfive-regular-webfont.woff") format("woff"), url("../font/localbreweryfive-regular-webfont.ttf") format("truetype"), url("../font/localbreweryfive-regular-webfont.svg#localbreweryfive-regular-webfont") format("svg");
}

/*----------------------------------å------------------------------------
ミックスイン
----------------------------------------------------------------------*/
/* line 110, ../sass/_common.scss */
.sp-only {
  display: none !important;
}

/* line 111, ../sass/_common.scss */
.pc-only {
  display: block;
}

/* line 112, ../sass/_common.scss */
.left {
  display: inline;
  float: left;
}

/* line 116, ../sass/_common.scss */
.img-left {
  float: left;
}

/* line 117, ../sass/_common.scss */
.img-right {
  float: right;
}

/* line 118, ../sass/_common.scss */
.text-center {
  text-align: center;
}

/* line 119, ../sass/_common.scss */
.clear {
  clear: both;
}

/* line 120, ../sass/_common.scss */
.va-top {
  vertical-align: top;
}

/* line 121, ../sass/_common.scss */
.va-middle {
  vertical-align: middle;
}

/* line 123, ../sass/_common.scss */
.item {
  position: relative;
  float: left;
  text-align: left;
  overflow: hidden;
  /*
  .inner {
  	position:relative;
  	width:0;
  	height:0;
  }
  .is-pop--1 {
  	transition-duration: 0.1s;
  }
  .is-pop--0 {
  	transition-duration: 0.2s;
  }
  */
}
/* line 141, ../sass/_common.scss */
.item .is-show {
  width: 100%;
  height: 100%;
  opacity: 1;
}

@-moz-keyframes anime_in {
  /* line 151, ../sass/_common.scss */
  0% {
    opacity: 0;
    top: -100px;
    left: -100px;
  }

  /* line 156, ../sass/_common.scss */
  100% {
    opacity: 1;
    top: 0;
    left: 0;
  }
}

@-ms-keyframes anime_in {
  /* line 163, ../sass/_common.scss */
  0% {
    opacity: 0;
    top: -100px;
    left: -100px;
  }

  /* line 168, ../sass/_common.scss */
  100% {
    opacity: 1;
    top: 0;
    left: 0;
  }
}

@-webkit-keyframes anime_in {
  /* line 175, ../sass/_common.scss */
  0% {
    opacity: 0;
    top: -100px;
    left: -100px;
  }

  /* line 180, ../sass/_common.scss */
  100% {
    opacity: 1;
    top: 0;
    left: 0;
  }
}

/* line 187, ../sass/_common.scss */
.column2 {
  *zoom: 1;
}
/* line 103, ../sass/_common.scss */
.column2:after {
  content: "";
  display: table;
  clear: both;
}
/* line 189, ../sass/_common.scss */
.column2 .item {
  width: 48%;
  margin: 0 0 20px 4%;
}
/* line 192, ../sass/_common.scss */
.column2 .item:nth-child(odd) {
  clear: both;
  margin: 0 0 20px 0;
}
/* line 196, ../sass/_common.scss */
.column2 .item .img-area {
  height: 215px;
}

/* line 201, ../sass/_common.scss */
.column3 {
  *zoom: 1;
}
/* line 103, ../sass/_common.scss */
.column3:after {
  content: "";
  display: table;
  clear: both;
}
/* line 203, ../sass/_common.scss */
.column3 .item {
  width: 32%;
  margin: 0 0 20px 2%;
}
/* line 206, ../sass/_common.scss */
.column3 .item .img-area {
  height: 170px;
}
/* line 210, ../sass/_common.scss */
.column3 .item:nth-child(3n + 1) {
  clear: both;
  margin: 0 0 20px 0;
}

/* line 216, ../sass/_common.scss */
.column4 {
  *zoom: 1;
  margin-bottom: 60px;
}
/* line 103, ../sass/_common.scss */
.column4:after {
  content: "";
  display: table;
  clear: both;
}
/* line 219, ../sass/_common.scss */
.column4 .item {
  width: 23%;
  margin: 0 0 20px 2.6%;
}
/* line 223, ../sass/_common.scss */
.column4 .item .img-area:after {
  content: "";
  display: block;
  padding-top: 100%;
}
/* line 230, ../sass/_common.scss */
.column4 .item:nth-child(4n + 1) {
  clear: both;
  margin: 0 0 20px 0;
}

/* line 235, ../sass/_common.scss */
.column5 {
  *zoom: 1;
}
/* line 103, ../sass/_common.scss */
.column5:after {
  content: "";
  display: table;
  clear: both;
}
/* line 237, ../sass/_common.scss */
.column5 .item {
  width: 18.7%;
  margin: 0 0 30px 1.6%;
}
/* line 241, ../sass/_common.scss */
.column5 .item:first-child {
  margin: 0 0 30px 0;
}

/* line 246, ../sass/_common.scss */
.bnr160 {
  margin: 0 auto;
  max-width: 160px;
}

/* line 250, ../sass/_common.scss */
.bnr336 {
  margin: 0 auto 10px;
  max-width: 100%;
}

/* line 255, ../sass/_common.scss */
.bnr728 {
  margin: 0 auto 60px;
  max-width: 728px;
}

/*----------------------------------------------------------------------
汎用設定
----------------------------------------------------------------------*/
/* line 264, ../sass/_common.scss */
.text-left {
  text-align: left;
}

/* line 265, ../sass/_common.scss */
.text-right {
  text-align: right;
}

/* line 266, ../sass/_common.scss */
.clear {
  clear: both;
}

/* line 267, ../sass/_common.scss */
.table-row {
  display: table-row;
}

/* line 268, ../sass/_common.scss */
.cell {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  float: none;
}

/* line 274, ../sass/_common.scss */
.att {
  font-size: 12px !important;
  color: #F66 !important;
}

/* line 278, ../sass/_common.scss */
.sp-none {
  display: block;
}

/* line 279, ../sass/_common.scss */
.sp-br {
  display: none;
}

/* line 280, ../sass/_common.scss */
.pc-only {
  display: block;
}

/* line 281, ../sass/_common.scss */
.sp-only {
  display: none;
}

/* line 283, ../sass/_common.scss */
.loader {
  margin: 100px auto;
  font-size: 12px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {
  /* line 299, ../sass/_common.scss */
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em black, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }

  /* line 302, ../sass/_common.scss */
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em black, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }

  /* line 305, ../sass/_common.scss */
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em black, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 308, ../sass/_common.scss */
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em black, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 311, ../sass/_common.scss */
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em black, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 314, ../sass/_common.scss */
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em black, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 317, ../sass/_common.scss */
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em black, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 320, ../sass/_common.scss */
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em black;
  }
}

@keyframes load5 {
  /* line 326, ../sass/_common.scss */
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em black, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }

  /* line 329, ../sass/_common.scss */
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em black, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }

  /* line 332, ../sass/_common.scss */
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em black, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 335, ../sass/_common.scss */
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em black, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 338, ../sass/_common.scss */
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em black, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 341, ../sass/_common.scss */
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em black, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 344, ../sass/_common.scss */
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em black, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }

  /* line 347, ../sass/_common.scss */
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em black;
  }
}

@media (max-width: 640px) {
  /* line 353, ../sass/_common.scss */
  .sp-only {
    display: block !important;
  }

  /* line 354, ../sass/_common.scss */
  .pc-only {
    display: none !important;
  }

  /* line 355, ../sass/_common.scss */
  .img-left, .img_right {
    float: none;
    margin: 0 0 1em 0;
  }

  /* line 360, ../sass/_common.scss */
  .item {
    float: none;
    text-align: left;
  }

  /* line 365, ../sass/_common.scss */
  .column2 .item {
    width: 100%;
    margin: 0 0 10px 0;
  }
  /* line 368, ../sass/_common.scss */
  .column2 .item:nth-child(odd) {
    clear: both;
    margin: 0 0 10px 0;
  }
  /* line 372, ../sass/_common.scss */
  .column2 .item .img-area {
    height: auto;
  }
  /* line 375, ../sass/_common.scss */
  .column2 .item .img-area:after {
    content: "";
    display: block;
    padding-top: 65%;
  }

  /* line 384, ../sass/_common.scss */
  .column3 .item {
    width: 100%;
    margin: 0 0 20px 0;
  }
  /* line 387, ../sass/_common.scss */
  .column3 .item .img-area {
    height: 160px;
  }
  /* line 391, ../sass/_common.scss */
  .column3 .item:nth-child(3n + 1) {
    margin: 0 0 20px 0;
  }

  /* line 396, ../sass/_common.scss */
  .column4 {
    margin-bottom: 30px;
  }
  /* line 398, ../sass/_common.scss */
  .column4 .item {
    width: 100%;
    margin: 0 0 20px 0%;
  }
  /* line 402, ../sass/_common.scss */
  .column4 .item .img-area:after {
    content: "";
    display: block;
    padding-top: 65%;
  }
  /* line 409, ../sass/_common.scss */
  .column4 .item:nth-child(4n + 1) {
    margin: 0 0 20px 0;
  }

  /* line 413, ../sass/_common.scss */
  .column5 {
    *zoom: 1;
  }
  /* line 103, ../sass/_common.scss */
  .column5:after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 415, ../sass/_common.scss */
  .column5 .item {
    width: 100%;
    margin: 0 0 30px 0;
  }
  /* line 419, ../sass/_common.scss */
  .column5 .item:first-child {
    margin: 0 0 30px 0;
  }
}
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?-qz7pb2");
  src: url("fonts/icomoon.eot?#iefix-qz7pb2") format("embedded-opentype"), url("fonts/icomoon.woff?-qz7pb2") format("woff"), url("fonts/icomoon.ttf?-qz7pb2") format("truetype"), url("fonts/icomoon.svg?-qz7pb2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 13, ../sass/_icon.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 27, ../sass/_icon.scss */
.icon-evernote:before {
  content: "\e004";
}

/* line 30, ../sass/_icon.scss */
.icon-feedly:before {
  content: "\e007";
}

/* line 33, ../sass/_icon.scss */
.icon-pocket:before {
  content: "\e008";
}

/* line 36, ../sass/_icon.scss */
.icon-line:before {
  content: "\e009";
}

/* line 39, ../sass/_icon.scss */
.icon-hatena:before {
  content: "\e00a";
}

/* line 42, ../sass/_icon.scss */
.icon-feedly-square:before {
  content: "\e601";
}

/* line 45, ../sass/_icon.scss */
.icon-googleplus:before {
  content: "\e608";
}

/* line 48, ../sass/_icon.scss */
.icon-facebook:before {
  content: "\e60d";
}

/* line 51, ../sass/_icon.scss */
.icon-instagram:before {
  content: "\e610";
}

/* line 54, ../sass/_icon.scss */
.icon-twitter:before {
  content: "\e611";
}

/* line 57, ../sass/_icon.scss */
.icon-feed:before {
  content: "\e614";
}

/* line 60, ../sass/_icon.scss */
.icon-youtube:before {
  content: "\e617";
}

/* line 63, ../sass/_icon.scss */
.icon-flickr2:before {
  content: "\e61e";
}

/* line 66, ../sass/_icon.scss */
.icon-githubmark:before {
  content: "\e626";
}

/* line 69, ../sass/_icon.scss */
.icon-github:before {
  content: "\e627";
}

/* line 72, ../sass/_icon.scss */
.icon-wordpress:before {
  content: "\e629";
}

/* line 75, ../sass/_icon.scss */
.icon-tumblr:before {
  content: "\e62d";
}

/* line 78, ../sass/_icon.scss */
.icon-yahoo:before {
  content: "\e62f";
}

/* line 81, ../sass/_icon.scss */
.icon-apple:before {
  content: "\e631";
}

/* line 84, ../sass/_icon.scss */
.icon-android:before {
  content: "\e633";
}

/* line 87, ../sass/_icon.scss */
.icon-windows:before {
  content: "\e634";
}

/* line 90, ../sass/_icon.scss */
.icon-windows8:before {
  content: "\e635";
}

/* line 93, ../sass/_icon.scss */
.icon-skype:before {
  content: "\e636";
}

/* line 96, ../sass/_icon.scss */
.icon-delicious:before {
  content: "\e638";
}

/* line 99, ../sass/_icon.scss */
.icon-pinterest:before {
  content: "\e63a";
}

/*----------------------------------------------------------------------
ナビ設定
----------------------------------------------------------------------*/
/* line 7, ../sass/_navi.scss */
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #fff;
}

/* line 15, ../sass/_navi.scss */
#navigation {
  *zoom: 1;
  clear: both;
  width: 100%;
  /*background: #e0e0e0;*/
  font-family: 'localbrewery';
  text-align: center;
  padding: 30px 0;
  border-top: 1px solid #DBDBDB;
}
/* line 103, ../sass/_common.scss */
#navigation:after {
  content: "";
  display: table;
  clear: both;
}
/* line 25, ../sass/_navi.scss */
#navigation li.menu-item {
  position: relative;
  z-index: 1;
  display: inline;
}
/* line 30, ../sass/_navi.scss */
#navigation ul.sub-menu {
  display: none;
  position: absolute;
  top: 80px;
  left: 20px;
  width: 160px;
}
/* line 37, ../sass/_navi.scss */
#navigation li:hover ul.sub-menu {
  display: block;
}
/* line 40, ../sass/_navi.scss */
#navigation ul.sub-menu li {
  float: none;
  padding: 0;
}
/* line 44, ../sass/_navi.scss */
#navigation a {
  display: inline-block;
  font-size: 24px;
  color: #595757;
  padding: 0 1.5em;
}
/* line 49, ../sass/_navi.scss */
#navigation a:hover {
  color: #01A1DD;
}
/* line 53, ../sass/_navi.scss */
#navigation ul.sub-menu li a {
  float: none;
  margin: 0 0 0 0;
  border-bottom: 1px solid #1c3c46;
  border-top: none;
  padding: 1em 10px;
  color: #fff;
  text-align: left;
}
/* line 64, ../sass/_navi.scss */
#navigation ul.sub-menu li.current-menu-item a {
  display: block;
}

/* line 74, ../sass/_navi.scss */
dl#search {
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 10;
  padding: 5px;
  width: 20%;
}

/* line 84, ../sass/_navi.scss */
dl#search dt input {
  background: #fff;
  padding: 5px 0;
  font-size: 14px;
  width: 90%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
  outline: none;
  border-radius: 0;
}

/* line 96, ../sass/_navi.scss */
dl#search dd {
  position: absolute;
  top: 2px;
  right: 0;
}

/* line 101, ../sass/_navi.scss */
dl#search dd input {
  display: block;
  padding: 6px;
  border: none;
  width: 25px;
  height: 24px;
  text-indent: -9999px;
  background: url("../img/icon/search_ic.png") no-repeat scroll 0 0;
}

@media screen and (max-width: 640px) {
  /* line 111, ../sass/_navi.scss */
  .sp-search_btn {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 25px;
    height: 24px;
    cursor: pointer;
    z-index: 100;
  }
  /* line 119, ../sass/_navi.scss */
  .sp-search_btn img {
    cursor: pointer;
  }

  /* line 123, ../sass/_navi.scss */
  dl#search {
    display: none;
    top: 49px;
    width: 100%;
    padding: 20px 15px;
    background: #fff;
  }

  /* line 130, ../sass/_navi.scss */
  dl#search dd {
    top: 17px;
    right: 15px;
  }
}
/* line 137, ../sass/_navi.scss */
.breadcrumbs {
  overflow: hidden;
  *zoom: 1;
  clear: both;
  width: 100%;
  margin: 0 0 20px;
  padding: 0 0 0;
  line-height: 120%;
}
/* line 147, ../sass/_navi.scss */
.breadcrumbs li {
  display: inline;
  font-size: 12px;
}
/* line 151, ../sass/_navi.scss */
.breadcrumbs a {
  padding: 8px 5px 0 0;
  font-size: 12px;
  color: #01A1DD;
}
/* line 155, ../sass/_navi.scss */
.breadcrumbs a:after {
  content: ">";
  margin-left: 5px;
}
/* line 160, ../sass/_navi.scss */
.breadcrumbs li:first-child a {
  padding-left: 20px;
  background: url(../img/icon/topic_home.svg) no-repeat left 7px;
  background-size: 16px;
}

/* line 167, ../sass/_navi.scss */
.rp-navi dl#search dt input {
  width: 33.33333%;
}

@media screen and (max-width: 640px) {
  /* line 173, ../sass/_navi.scss */
  .breadcrumbs {
    display: none;
  }
}
/* line 178, ../sass/_navi.scss */
.pagination {
  *zoom: 1;
  clear: both;
  position: relative;
  margin: 60px auto;
  padding: 0 0;
  text-align: center;
}
/* line 103, ../sass/_common.scss */
.pagination:after {
  content: "";
  display: table;
  clear: both;
}
/* line 185, ../sass/_navi.scss */
.pagination li {
  display: inline-block;
  margin: 0 8px 0 0;
}
/* line 189, ../sass/_navi.scss */
.pagination a, .pagination span {
  display: inline-block;
  color: #000;
  padding: 10px 16px;
  color: #9B9B9B;
  font-size: 14px;
  border: 1px solid #9B9B9B;
}
/* line 196, ../sass/_navi.scss */
.pagination a:hover, .pagination span:hover {
  color: #01A1DD;
  border-color: #01A1DD;
}
/* line 201, ../sass/_navi.scss */
.pagination .prev {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 50px;
  color: #9B9B9B;
  border-color: #9B9B9B;
}
/* line 208, ../sass/_navi.scss */
.pagination .prev:before {
  position: absolute;
  margin: auto;
  content: "";
  top: 0;
  bottom: 0;
  left: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #9B9B9B;
  border-left: 2px solid #9B9B9B;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 223, ../sass/_navi.scss */
.pagination .next {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 50px;
  color: #9B9B9B;
  border-color: #9B9B9B;
}
/* line 230, ../sass/_navi.scss */
.pagination .next:before {
  position: absolute;
  margin: auto;
  content: "";
  top: 0;
  bottom: 0;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #9B9B9B;
  border-right: 2px solid #9B9B9B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 245, ../sass/_navi.scss */
.pagination .current {
  color: #01A1DD;
  border-color: #01A1DD;
}

@media screen and (max-width: 640px) {
  /* line 251, ../sass/_navi.scss */
  .pagination {
    margin: 20px auto;
  }
  /* line 253, ../sass/_navi.scss */
  .pagination li {
    margin: 0 4px 0 0;
  }
  /* line 256, ../sass/_navi.scss */
  .pagination a, .pagination span {
    padding: 5px 8px;
    font-size: 11px;
  }
  /* line 260, ../sass/_navi.scss */
  .pagination .prev {
    padding-left: 25px;
    left: 3%;
  }
  /* line 263, ../sass/_navi.scss */
  .pagination .prev:before {
    left: 10px;
  }
  /* line 267, ../sass/_navi.scss */
  .pagination .next {
    padding-right: 25px;
    right: 3%;
  }
  /* line 270, ../sass/_navi.scss */
  .pagination .next:before {
    right: 10px;
  }
}
/* ページ送り ----------------------------------------------------------------------*/
/* line 278, ../sass/_navi.scss */
.linkpages-wrap {
  text-align: center;
  margin: 0 auto;
}

/* line 282, ../sass/_navi.scss */
#linkpages {
  display: inline-block;
  clear: both;
  color: #19333B;
  font-size: 12px;
  text-align: center;
}

/* line 289, ../sass/_navi.scss */
#linkpages span {
  margin: 0 0 0 5px;
  padding: 6px 12px;
  color: #176A80;
  border: 1px solid #01A1DD;
}

/* line 295, ../sass/_navi.scss */
#linkpages a > span {
  background: #01A1DD;
  color: #ffffff !important;
}

/* line 299, ../sass/_navi.scss */
#linkpages a > span:hover {
  background: #01A1DD;
}

/* line 302, ../sass/_navi.scss */
span.pre {
  float: left;
  font-size: 12px;
  padding: 3px 12px;
  background: #01A1DD;
  color: #ffffff !important;
}

/* line 309, ../sass/_navi.scss */
span.next {
  position: relative;
  float: right;
  margin: 0 0 0 10px;
  padding: 3px 12px;
  top: -3px;
  background: #01A1DD;
  color: #ffffff !important;
  font-size: 12px;
}

@media screen and (max-width: 640px) {
  /* line 321, ../sass/_navi.scss */
  #linkpages span {
    margin: 0 0 0 3px;
    padding: 6px 10px;
  }

  /* line 326, ../sass/_navi.scss */
  span.pre, span.next {
    display: none;
  }
}
/* line 330, ../sass/_navi.scss */
.more {
  clear: both;
  display: block;
  width: 200px;
  height: 40px;
  margin: 0 auto;
  padding: 11px 0;
  font-size: 13px;
  color: #01A1DD;
  text-align: center;
  border: 1px solid #01A1DD;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* line 343, ../sass/_navi.scss */
.more-link {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 0px 10px;
  font-size: 12px;
  color: #01A1DD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #01A1DD;
}

@media screen and (max-width: 640px) {
  /* line 356, ../sass/_navi.scss */
  #navigation {
    width: 100%;
    height: 100vh;
    display: none;
    padding: 0 0;
    text-align: left;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-family: YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 130%;
  }
  /* line 365, ../sass/_navi.scss */
  #navigation .side_title {
    padding: 1em 10px;
    font-size: 16px;
    border-bottom: 1px solid #DBDBDB;
    font-weight: bold;
    font-family: YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 130%;
  }
  /* line 373, ../sass/_navi.scss */
  #navigation .aside-box a {
    font-family: YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    line-height: 130%;
  }
  /* line 377, ../sass/_navi.scss */
  #navigation a {
    display: block;
    float: none;
    margin: 0 0 0 0;
    border-bottom: 1px solid #DBDBDB;
    border-top: none;
    padding: 1em 10px;
    text-align: left;
    font-size: 16px;
  }

  /* line 388, ../sass/_navi.scss */
  #nav-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    padding: 0 10px;
    cursor: pointer;
    z-index: 101;
  }

  /* line 398, ../sass/_navi.scss */
  #nav-toggle div {
    position: relative;
    top: 15px;
    right: 0;
  }

  /* line 403, ../sass/_navi.scss */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }

  /* line 414, ../sass/_navi.scss */
  #nav-toggle span:nth-child(1) {
    top: 0;
  }

  /* line 417, ../sass/_navi.scss */
  #nav-toggle span:nth-child(2) {
    top: 9px;
  }

  /* line 420, ../sass/_navi.scss */
  #nav-toggle span:nth-child(3) {
    top: 17px;
  }

  /* #nav-toggle 切り替えアニメーション */
  /* line 424, ../sass/_navi.scss */
  #nav-toggle.open span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  /* line 430, ../sass/_navi.scss */
  #nav-toggle.open span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  /* line 434, ../sass/_navi.scss */
  #nav-toggle.open span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }

  /* line 442, ../sass/_navi.scss */
  .footer-navi {
    margin: 0 0 1em;
    padding: 0 10px;
  }
  /* line 445, ../sass/_navi.scss */
  .footer-navi h3 {
    text-align: center;
  }
  /* line 448, ../sass/_navi.scss */
  .footer-navi ul {
    overflow: hidden;
    *zoom: 1;
    display: block;
    text-align: center;
  }
  /* line 453, ../sass/_navi.scss */
  .footer-navi li {
    display: inline-block;
    margin: 0 1em 0 0;
  }
  /* line 457, ../sass/_navi.scss */
  .footer-navi a {
    margin: 0 0 1em;
  }

  /* line 461, ../sass/_navi.scss */
  #store-navi {
    width: 100%;
    padding: 1em 0 0;
    background: #fff;
    border-top: 1px solid #9B9B9B;
    z-index: 999;
  }
  /* line 467, ../sass/_navi.scss */
  #store-navi .side_title {
    padding: 0 25px;
  }
  /* line 470, ../sass/_navi.scss */
  #store-navi a {
    padding: 15px 25px;
  }
}
/*----------------------------------------------------------------------
レイアウト設定
----------------------------------------------------------------------*/
/* line 12, ../sass/style.scss */
body {
  width: 100%;
  font-size: 100%;
  text-align: center;
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 100;
  color: #373A3C;
  background: #fff;
}

/* line 22, ../sass/style.scss */
.wrap {
  max-width: 1200px;
  *zoom: 1;
  margin: 0 auto;
  text-align: left;
}
/* line 103, ../sass/_common.scss */
.wrap:after {
  content: "";
  display: table;
  clear: both;
}

/* line 29, ../sass/style.scss */
.wrap-inner {
  max-width: 940px;
  margin: 0 auto;
}

/* line 35, ../sass/style.scss */
header, footer {
  *zoom: 1;
  display: block;
  width: 100%;
  z-index: 9;
  text-align: center;
  padding: 0 10px;
}
/* line 103, ../sass/_common.scss */
header:after, footer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 43, ../sass/style.scss */
header {
  position: relative;
  width: 100%;
  height: auto;
  background: #ffffff;
}
/* line 49, ../sass/style.scss */
header #logo {
  margin: 0 auto;
  text-align: center;
}
/* line 53, ../sass/style.scss */
header #logo a {
  display: inline-block;
}
/* line 54, ../sass/style.scss */
header #download {
  position: absolute;
  top: 30px;
  right: 0;
}
/* line 58, ../sass/style.scss */
header #download a {
  display: inline-block;
  max-width: 133px;
  margin-left: 10px;
}

/* line 68, ../sass/style.scss */
.js-flickity {
  margin-bottom: 60px;
}

/* line 71, ../sass/style.scss */
.card_item {
  position: relative;
  width: 52.5%;
  height: 500px;
  margin-right: 30px;
}
/* line 76, ../sass/style.scss */
.card_item figure {
  height: 500px;
}
/* line 79, ../sass/style.scss */
.card_item .article-in {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px 1.5em;
  background: rgba(0, 0, 0, 0.6);
}
/* line 85, ../sass/style.scss */
.card_item .article-in h3 {
  display: table;
  margin: 0 0 0;
  text-align: left;
  font-size: 18px;
  color: #fff;
}
/* line 91, ../sass/style.scss */
.card_item .article-in h3 span {
  display: table-cell;
  padding: 10px 20px;
  font-size: 13px;
  vertical-align: middle;
  background: #01A1DD;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/* line 99, ../sass/style.scss */
.card_item .article-in h3 a {
  display: table-cell;
  vertical-align: middle;
  padding-left: 1em;
  color: #fff;
}

/* line 109, ../sass/style.scss */
.main-content {
  *zoom: 1;
}
/* line 103, ../sass/_common.scss */
.main-content:after {
  content: "";
  display: table;
  clear: both;
}
/* line 113, ../sass/style.scss */
.main-content #content {
  float: left;
  width: 66.7%;
}
/* line 117, ../sass/style.scss */
.main-content aside {
  float: right;
  width: 30%;
}

/* line 123, ../sass/style.scss */
.title {
  clear: both;
  margin: 0 0 0;
  padding: 0.5em 0;
  font-size: 36px;
  font-family: 'localbrewery';
  color: #373A3C;
  font-weight: normal;
}

/* line 132, ../sass/style.scss */
.side_title, .widget-title {
  position: relative;
  margin: 0 0 0.5em;
  padding: 0 0;
  font-size: 34px;
  font-family: 'localbrewery';
  color: #373A3C;
  font-weight: normal;
  line-height: 100%;
}

/* line 142, ../sass/style.scss */
article {
  position: relative;
  margin: 0 0 30px;
}
/* line 145, ../sass/style.scss */
article h3 {
  margin: 0 0 10px;
  font-size: 18px;
  color: #595757;
}
/* line 150, ../sass/style.scss */
article .list-title {
  font-size: 15px;
}
/* line 153, ../sass/style.scss */
article p {
  font-size: 14px;
  color: #595757;
}

/* line 158, ../sass/style.scss */
section {
  *zoom: 1;
  margin: 0 0 60px;
}
/* line 103, ../sass/_common.scss */
section:after {
  content: "";
  display: table;
  clear: both;
}

/* line 162, ../sass/style.scss */
.first-article {
  float: none;
}
/* line 164, ../sass/style.scss */
.first-article .img-area {
  width: 100%;
  height: 450px;
}

/* line 171, ../sass/style.scss */
#movie figure {
  position: relative;
  /*
  &:before {
  	position:absolute;
  	display:block;
  	width:100%;
  	height:100%;
  	content : "";
  	//background : rgba(0,0,0,0.5);
  }
  */
}
/* line 184, ../sass/style.scss */
#movie .bnr {
  display: block;
  margin: 40px 0 0;
}

/* line 191, ../sass/style.scss */
#store .wrap .img-area {
  height: 224px;
  margin: 0 0 15px;
  border: 1px solid #DBDBDB;
}
/* line 200, ../sass/style.scss */
#store .bnr-store {
  display: block;
  margin: 0 0 30px;
}
/* line 204, ../sass/style.scss */
#store .list-title {
  font-size: 13px;
}
/* line 206, ../sass/style.scss */
#store .list-title span {
  font-size: 15px;
  color: #01A1DD;
}

/* line 213, ../sass/style.scss */
.bnr-store img {
  display: block;
}

/* line 217, ../sass/style.scss */
.cate {
  margin: 0 0 10px;
  color: #01A1DD;
}
/* line 220, ../sass/style.scss */
.cate a {
  font-size: 12px;
  color: #01A1DD;
}

/* line 225, ../sass/style.scss */
.sub-title {
  font-size: 14px;
  font-weight: bold;
}

/* line 229, ../sass/style.scss */
.price {
  font-size: 16px;
  font-weight: bold;
}

/* line 234, ../sass/style.scss */
.img-area {
  position: relative;
  overflow: hidden;
  margin: 0 0 15px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 241, ../sass/style.scss */
.img-area .list-title {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  padding: 40px 15px 10px;
  font-size: 14px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#1a000000',GradientType=0 );
  /* IE6-9 */
}
/* line 253, ../sass/style.scss */
.img-area .list-title .icon-area {
  float: right;
}
/* line 255, ../sass/style.scss */
.img-area .list-title .icon-area .icon {
  margin-right: 5px;
  vertical-align: middle;
}
/* line 259, ../sass/style.scss */
.img-area .list-title .icon-area .like {
  display: inline-block;
  margin-right: 2em;
}

/* line 269, ../sass/style.scss */
.page-title {
  position: relative;
  margin: 0 0 20px;
  padding: 1em 0;
  color: #595757;
  font-size: 24px;
}
/* line 275, ../sass/style.scss */
.page-title:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  width: 100%;
  height: 1px;
  background: #DBDBDB;
}
/* line 287, ../sass/style.scss */
.page-title span {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 1em;
  background: #fff;
}

/* line 297, ../sass/style.scss */
.rp-bg {
  width: 100%;
  margin-bottom: 20px;
  height: 285px;
  background: url(../img/parts/rp-bg.jpg) no-repeat 50%;
  background-size: cover;
}
/* line 303, ../sass/style.scss */
.rp-bg h1 {
  font-size: 36px;
  color: #fff;
  line-height: 285px;
  text-align: center;
}

/*--------------------------------------------------------------
ユーザーポスト
---------------------------------------------------------------*/
/* line 318, ../sass/style.scss */
#user_post #content .item h2 {
  color: #595757;
}
/* line 319, ../sass/style.scss */
#user_post #content .item a {
  color: #fff;
}
/* line 320, ../sass/style.scss */
#user_post #content .item .tag-area {
  margin: 1em 0;
}
/* line 322, ../sass/style.scss */
#user_post #content .item .tag-area a {
  display: inline-block;
  margin: 5px 5px;
  padding: 5px 15px;
  color: #01a1dd;
  font-size: 14px;
  border: 1px solid #01a1dd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
/* line 334, ../sass/style.scss */
#user_post .img-area {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
}
/* line 339, ../sass/style.scss */
#user_post .img-area .list-title {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  padding: 40px 15px 10px;
  font-size: 14px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#1a000000',GradientType=0 );
  /* IE6-9 */
}
/* line 351, ../sass/style.scss */
#user_post .img-area .list-title .user-img {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 5px;
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: url(../img/parts/user-default.png);
  background-size: cover;
}
/* line 361, ../sass/style.scss */
#user_post .img-area .list-title .icon-area {
  float: right;
}
/* line 363, ../sass/style.scss */
#user_post .img-area .list-title .icon-area .icon {
  margin-right: 5px;
  vertical-align: middle;
}
/* line 367, ../sass/style.scss */
#user_post .img-area .list-title .icon-area .like {
  display: inline-block;
  margin-right: 2em;
  color: #fff;
}
/* line 372, ../sass/style.scss */
#user_post .img-area .list-title .icon-area .comment {
  color: #fff;
}
/* line 378, ../sass/style.scss */
#user_post .user-box {
  margin: 1em 0;
  padding: 15px;
  color: #000;
  font-size: 16px;
  background: #fff;
}
/* line 384, ../sass/style.scss */
#user_post .user-box .user-img {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  background-size: cover;
}
/* line 394, ../sass/style.scss */
#user_post .icon-area {
  font-size: 14px;
  color: #000;
}
/* line 397, ../sass/style.scss */
#user_post .icon-area span {
  display: inline-block;
  margin-right: 2em;
}
/* line 400, ../sass/style.scss */
#user_post .icon-area span i {
  margin-right: 5px;
}
/* line 405, ../sass/style.scss */
#user_post article {
  *zoom: 1;
}
/* line 103, ../sass/_common.scss */
#user_post article:after {
  content: "";
  display: table;
  clear: both;
}
/* line 409, ../sass/style.scss */
#user_post .article-in .left-box {
  width: 50%;
  float: left;
}
/* line 413, ../sass/style.scss */
#user_post .article-in .right-box {
  width: 50%;
  float: right;
  padding-left: 20px;
}
/* line 418, ../sass/style.scss */
#user_post .article-in .editor {
  margin: 0;
  top: 0;
}
/* line 421, ../sass/style.scss */
#user_post .article-in .editor figcaption span {
  font-size: 14px;
}
/* line 424, ../sass/style.scss */
#user_post .article-in .editor p {
  padding: 20px 0 0;
}
/* line 428, ../sass/style.scss */
#user_post .article-in #imglist {
  display: none;
  *zoom: 1;
  margin: 0 0 0;
  padding-left: 20px;
  position: absolute;
  left: 50%;
  bottom: 0;
}
/* line 103, ../sass/_common.scss */
#user_post .article-in #imglist:after {
  content: "";
  display: table;
  clear: both;
}
/* line 436, ../sass/style.scss */
#user_post .article-in #imglist img:nth-child(n+2) {
  width: 24%;
  float: left;
  margin-left: 1%;
}
/* line 441, ../sass/style.scss */
#user_post .article-in #imglist img:nth-child(2) {
  margin-left: 0;
}
/* line 444, ../sass/style.scss */
#user_post .article-in #imglist .over {
  opacity: 0.5;
  border: 1px solid #01A1DD;
}
/* line 449, ../sass/style.scss */
#user_post .article-in ins {
  clear: both;
}

@media screen and (max-width: 640px) {
  /* line 457, ../sass/style.scss */
  #user_post .article-in .left-box {
    width: 100%;
    float: none;
  }
  /* line 461, ../sass/style.scss */
  #user_post .article-in .right-box {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
  /* line 466, ../sass/style.scss */
  #user_post .article-in .editor {
    display: block;
    margin: 0;
    top: 0;
  }
  /* line 471, ../sass/style.scss */
  #user_post .article-in #imglist {
    position: static;
    margin: 0 0 20px;
    padding: 0;
  }
}
/* line 481, ../sass/style.scss */
aside {
  text-align: left;
  margin: 0 0 60px;
}
/* line 484, ../sass/style.scss */
aside .aside-box {
  margin: 0 0 30px;
}
/* line 487, ../sass/style.scss */
aside .bnr {
  margin: 0 0 20px;
}
/* line 490, ../sass/style.scss */
aside .follow-me {
  background: url(../img/bnr/follow_me_bg.png) no-repeat center top #ec6941;
  background-size: cover;
  width: 100%;
  min-height: 300px;
}
/* line 495, ../sass/style.scss */
aside .follow-me .link {
  padding: 48% 0 10%;
}
/* line 497, ../sass/style.scss */
aside .follow-me .link a {
  display: block;
  margin: 0 0 1em;
  text-align: center;
  height: 100%;
  color: #fff;
  text-decoration: underline;
}
/* line 508, ../sass/style.scss */
aside .index_cate li {
  display: inline;
}
/* line 511, ../sass/style.scss */
aside .index_cate a {
  display: inline-block;
  margin: 0 4px 10px 0;
  padding: 5px 14px;
  color: #01A1DD;
  font-size: 13px;
  border: 1px solid #01A1DD;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/* line 521, ../sass/style.scss */
aside .line_cate {
  margin: 0 0 40px;
}
/* line 523, ../sass/style.scss */
aside .line_cate .side_title {
  font-size: 24px;
}
/* line 526, ../sass/style.scss */
aside .line_cate a {
  display: block;
  padding: 10px 0;
  font-size: 13px;
  border-top: 1px solid #9B9B9B;
}
/* line 532, ../sass/style.scss */
aside .line_cate li:last-child a {
  border-bottom: 1px solid #9B9B9B;
}
/* line 536, ../sass/style.scss */
aside .bnr {
  margin: 0 0 30px;
}
/* line 539, ../sass/style.scss */
aside img.aside-bnr {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px;
}
/* line 545, ../sass/style.scss */
aside img.aside-bnr2 {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 20px;
}
/* line 556, ../sass/style.scss */
aside .wpp-list li {
  overflow: hidden;
  *zoom: 1;
  margin: 0 0 10px;
}
/* line 560, ../sass/style.scss */
aside .wpp-list li img {
  max-width: 140px;
  margin-right: 1em;
}
/* line 569, ../sass/style.scss */
aside .wpp-list .wpp-post-title {
  font-size: 14px;
  vertical-align: middle;
  display: table-cell;
  font-weight: bold;
  color: #595757;
}
/* line 576, ../sass/style.scss */
aside .wpp-list .category {
  font-size: 12px;
  color: #01A1DD;
}
/* line 583, ../sass/style.scss */
aside .user-post {
  *zoom: 1;
  margin: 0 0 40px;
}
/* line 103, ../sass/_common.scss */
aside .user-post:after {
  content: "";
  display: table;
  clear: both;
}
/* line 586, ../sass/style.scss */
aside .user-post .item {
  margin: 0 0 10px;
}
/* line 588, ../sass/style.scss */
aside .user-post .item > a {
  display: table;
}
/* line 591, ../sass/style.scss */
aside .user-post .item img {
  max-width: 100px;
  display: table-cell;
}
/* line 595, ../sass/style.scss */
aside .user-post .item .table-cell {
  padding-left: 1em;
  display: table-cell;
  vertical-align: middle;
}
/* line 600, ../sass/style.scss */
aside .user-post .item h4 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
}
/* line 605, ../sass/style.scss */
aside .user-post .item .user-img {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  vertical-align: middle;
}
/* line 614, ../sass/style.scss */
aside .user-post .item .user-name {
  font-size: 12px;
  display: inline-block;
}
/* line 618, ../sass/style.scss */
aside .user-post .item .like, aside .user-post .item .comment {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
  float: right;
}

/* line 627, ../sass/style.scss */
.sns-icons {
  display: none;
}

@media screen and (max-width: 640px) {
  /* line 631, ../sass/style.scss */
  aside {
    margin: 0 0 0;
  }

  /* line 635, ../sass/style.scss */
  .sns-icons {
    display: block;
    margin: 0 0 15px;
  }
  /* line 638, ../sass/style.scss */
  .sns-icons ul {
    text-align: center;
  }
  /* line 640, ../sass/style.scss */
  .sns-icons ul li {
    display: inline;
  }
  /* line 643, ../sass/style.scss */
  .sns-icons ul a {
    display: inline-block;
    width: 25%;
  }
  /* line 647, ../sass/style.scss */
  .sns-icons ul li:first-child a {
    margin-right: 10%;
  }
}
/* line 657, ../sass/style.scss */
footer .gutters .fb-page.col {
  margin-left: 0;
  margin-right: 2%;
}

/* line 661, ../sass/style.scss */
.fb-page.span_3 {
  float: right;
  min-width: 280px !important;
}

/* twitter */
/* line 667, ../sass/style.scss */
.twitter-area {
  float: right;
  min-width: 280px !important;
}

/* line 672, ../sass/style.scss */
footer {
  text-align: left;
  clear: both;
  margin: 0 0 0;
  padding: 3em 0 2em;
  font-size: 12px;
  background: #01A1DD;
  overflow: hidden;
  *zoom: 1;
}
/* line 679, ../sass/style.scss */
footer .copy {
  clear: both;
  color: #fff;
  text-align: center;
  font-size: 12px;
}
/* line 686, ../sass/style.scss */
footer #footer-logo {
  text-align: center;
}

/* line 692, ../sass/style.scss */
.footer-navi {
  line-height: 180%;
  font-weight: 400;
  margin: 0 0 0;
  padding: 0 10px;
  font-size: 13px;
}
/* line 698, ../sass/style.scss */
.footer-navi h3 {
  margin: 0 0 1.5em;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
/* line 705, ../sass/style.scss */
.footer-navi ul {
  overflow: hidden;
  *zoom: 1;
  display: block;
  text-align: center;
}
/* line 710, ../sass/style.scss */
.footer-navi li {
  display: inline;
  margin-right: 1em;
}
/* line 714, ../sass/style.scss */
.footer-navi a {
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  margin: 0 0 1em;
  line-height: 100%;
}

@media screen and (max-width: 640px) {
  /* line 724, ../sass/style.scss */
  .footer-navi1 li:nth-child(1), .footer-navi1 li:nth-child(2) {
    border-top: 1px solid #fff;
  }

  /* line 728, ../sass/style.scss */
  .footer-navi {
    margin: 0 0 0;
    padding: 0 0;
    display: inline;
  }
  /* line 732, ../sass/style.scss */
  .footer-navi h3 {
    text-align: center;
  }
  /* line 735, ../sass/style.scss */
  .footer-navi ul {
    text-align: left;
    display: inline;
    clear: right;
  }
  /* line 740, ../sass/style.scss */
  .footer-navi li {
    width: 50%;
    margin: 0 0 0;
    padding: 5px 8px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #fff;
    display: inline-block;
    box-sizing: border-box;
  }
  /* line 750, ../sass/style.scss */
  .footer-navi li:nth-child(2n+1) {
    border-right: 1px solid #fff;
  }
  /* line 753, ../sass/style.scss */
  .footer-navi a {
    font-size: 11px;
    margin: 0 0 0;
  }

  /* line 759, ../sass/style.scss */
  footer #footer-logo {
    margin: 0 0 1em;
  }
  /* line 762, ../sass/style.scss */
  footer .copy {
    padding: 1em 0;
  }
}
/* SNSボタン　--------------------------------------*/
/* line 769, ../sass/style.scss */
.snsshare {
  overflow: hidden;
  *zoom: 1;
  margin: 0 0 16px;
}

/* line 773, ../sass/style.scss */
.article-in .snsshare a {
  width: 100%;
  padding: 14px 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
}

/* line 784, ../sass/style.scss */
.snsshare a:hover {
  color: #fff;
  text-decoration: underline;
}

/* line 788, ../sass/style.scss */
.snsshare a.share_fb {
  background-color: #3B5998;
}

/* line 791, ../sass/style.scss */
.snsshare a.share_tw {
  background-color: #00ACEE;
}

/* line 794, ../sass/style.scss */
.snsshare a.share_hatena {
  background-color: #008FDE;
}

/* line 797, ../sass/style.scss */
.snsshare a.share_feedly {
  background-color: #70CA3B;
}

/* line 800, ../sass/style.scss */
.snsshare a.share_google {
  background-color: #e17265;
}

/* line 803, ../sass/style.scss */
.snsshare a.share_line {
  background-color: #00C300;
}

/* line 807, ../sass/style.scss */
.sns_frame_top {
  margin-top: 13px;
  /* margin-bottom:0px; */
}

/* line 811, ../sass/style.scss */
.sns_frame_btm {
  /* margin-top:0px; */
  /* margin-bottom:0px; */
}

/* line 815, ../sass/style.scss */
.sns_org {
  display: block;
  margin: auto;
  width: 100%;
}
/* line 819, ../sass/style.scss */
.sns_org ul {
  text-align: center;
  list-style: none;
}
/* line 823, ../sass/style.scss */
.sns_org li {
  float: left;
  width: 25%;
  margin: 0 0 0 0;
}
/* line 828, ../sass/style.scss */
.sns_org .fb-like {
  width: 83px;
  margin: 0 1% 0 0;
}
/* line 832, ../sass/style.scss */
.sns_org a {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 69%;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  min-height: 33px;
  line-height: 33px;
}
/* line 843, ../sass/style.scss */
.sns_org a em {
  font-style: normal;
}
/* line 847, ../sass/style.scss */
.sns_org span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

/*
.sns_org li a:hover {
transform:translate3d(0px, 5px, 1px);
box-shadow:none;
transition-duration:0.4s;
transition-property:all;
transition-timing-function:ease;
}*/
/* ボタン内のシェア数スタイル */
/* line 862, ../sass/style.scss */
.sns_org li a .sns_count {
  position: absolute;
  right: 0;
}

/* Facebookボタンスタイル */
/* line 869, ../sass/style.scss */
.sns_org .facebook-o a {
  background: #4267b2;
}

/* Twitterボタンスタイル */
/* line 873, ../sass/style.scss */
.sns_org .twitter-o a {
  background: #00ACEE;
}

/* googleボタンスタイル */
/* line 878, ../sass/style.scss */
.sns_org .google-o a {
  background: #e17265;
}

/* はてブボタンスタイル */
/* line 883, ../sass/style.scss */
.sns_org .hatebu-o a {
  background: #008FDE;
}

/* ラインボタンスタイル */
/* line 887, ../sass/style.scss */
.sns_org .line-o a {
  background: #008FDE;
}

/* line 890, ../sass/style.scss */
.snsshare a.share_google {
  background-color: #e17265;
}

/* line 893, ../sass/style.scss */
.snsshare a.share_line {
  background-color: #00C300;
}

/* line 899, ../sass/style.scss */
.share-btn {
  overflow: hidden;
  *zoom: 1;
  margin: 0 0 16px;
}
/* line 902, ../sass/style.scss */
.share-btn .fb_iframe_widget {
  margin-right: 1em;
  vertical-align: top;
  float: left;
}
/* line 907, ../sass/style.scss */
.share-btn #twitter-widget-0, .share-btn #twitter-widget-1 {
  width: 100px !important;
}
/* line 910, ../sass/style.scss */
.share-btn #___plusone_0, .share-btn #___plusone_1 {
  width: 75px !important;
}

/* line 914, ../sass/style.scss */
.hatena-bookmark-button-frame {
  max-width: 47px;
}

/* line 917, ../sass/style.scss */
.btn-standard {
  max-width: 47px;
}

/* line 5, ../sass/_single.scss */
.sticky {
  position: -webkit-sticky;
  position: sticky;
}

/* line 10, ../sass/_single.scss */
aside.sticky {
  height: 189vw;
  overflow: scroll;
  top: 85px;
}

/* line 16, ../sass/_single.scss */
.sticky.sticky-fixed.is-sticky {
  position: fixed;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 23, ../sass/_single.scss */
.sticky.sticky-fixed.is-sticky:not([style*="margin-top"]) {
  margin-top: 0 !important;
}

/* line 27, ../sass/_single.scss */
.sticky.sticky-fixed.is-sticky:not([style*="margin-bottom"]) {
  margin-bottom: 0 !important;
}

/* line 31, ../sass/_single.scss */
.sticky.sticky-fixed.is-absolute {
  position: absolute;
}

/* line 36, ../sass/_single.scss */
iframe.instagram-media {
  position: relative !important;
}

/* line 42, ../sass/_single.scss */
.snap_title {
  margin: 0 0 10px;
}

/* line 45, ../sass/_single.scss */
.rp-page {
  text-align: left;
  background: url(../img/parts/pw_maze_black.png) 0 0;
}
/* line 48, ../sass/_single.scss */
.rp-page .article-in {
  /*
  .line_box__news {
  	padding: 0 0 20px;
  }
  .line_box__snap {
  	padding : 0 0 0;
  }
  */
}
/* line 49, ../sass/_single.scss */
.rp-page .article-in img {
  width: 100%;
}
/* line 52, ../sass/_single.scss */
.rp-page .article-in h1 {
  font-size: 32px;
  color: #595757;
  margin: 0 0 0;
  padding: 0 0 0 0;
  line-height: 150%;
}
/* line 59, ../sass/_single.scss */
.rp-page .article-in h2, .rp-page .article-in h3 {
  font-size: 26px;
  margin: 0 0 1em;
  padding: 0.2em 0 0.2em 0.5em;
  border-left: 4px solid #01A1DD;
  line-height: 130%;
}
/* line 66, ../sass/_single.scss */
.rp-page .article-in p {
  margin: 0 0 30px;
  font-size: 16px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
/* line 72, ../sass/_single.scss */
.rp-page .article-in a {
  color: #01A1DD;
}
/* line 76, ../sass/_single.scss */
.rp-page .article-in .editor {
  position: relative;
  top: -5px;
  margin: 0 0 1em 0;
  text-align: left;
}
/* line 81, ../sass/_single.scss */
.rp-page .article-in .editor figcaption {
  display: inline-block;
  font-size: 16px;
  color: #595757;
}
/* line 85, ../sass/_single.scss */
.rp-page .article-in .editor figcaption span {
  font-size: 12px;
}
/* line 89, ../sass/_single.scss */
.rp-page .article-in .editor .avatar {
  width: 50px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/* line 95, ../sass/_single.scss */
.rp-page .article-in blockquote {
  margin-bottom: 2em;
  padding: 2em;
  border: 1px solid #4aafd5;
  background: #f7f9fb;
}
/* line 100, ../sass/_single.scss */
.rp-page .article-in blockquote h4 {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  vertical-align: bottom;
  font-size: 18px;
  color: #6b6a6a;
  font-weight: normal;
}
/* line 108, ../sass/_single.scss */
.rp-page .article-in blockquote h4:before {
  padding-right: 0.5em;
  font-size: 36px;
  content: "CHECK!";
  font-family: 'localbrewery';
  color: #4aafd5;
  font-weight: normal;
}
/* line 118, ../sass/_single.scss */
.rp-page .article-in .editor {
  margin: 15px 2em 0 0;
  z-index: -1;
  display: inline-block;
}
/* line 122, ../sass/_single.scss */
.rp-page .article-in .editor figcaption {
  font-size: 16px;
  color: #595757;
}
/* line 125, ../sass/_single.scss */
.rp-page .article-in .editor figcaption span {
  font-size: 12px;
}
/* line 129, ../sass/_single.scss */
.rp-page .article-in .editor .avatar {
  width: 50px;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/* line 135, ../sass/_single.scss */
.rp-page .article-in .tag-area {
  display: inline-block;
  position: relative;
  top: -4px;
}
/* line 139, ../sass/_single.scss */
.rp-page .article-in .tag-area li {
  display: inline;
}
/* line 140, ../sass/_single.scss */
.rp-page .article-in .tag-area a {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 14px;
  color: #01A1DD;
}
/* line 150, ../sass/_single.scss */
.rp-page .article-in .line_box {
  clear: both;
  *zoom: 1;
  margin: 0 0 20px;
}
/* line 103, ../sass/_common.scss */
.rp-page .article-in .line_box:after {
  content: "";
  display: table;
  clear: both;
}
/* line 154, ../sass/_single.scss */
.rp-page .article-in .line_box .share-btn.sp-none {
  float: left;
  margin: 18px 0 0;
}
/* line 167, ../sass/_single.scss */
.rp-page .article-in .editor_box, .rp-page .article-in .footer_editor_box {
  *zoom: 1;
  margin: 30px 0 60px;
  padding: 30px 30px 40px;
  border: 1px solid #DBDBDB;
}
/* line 103, ../sass/_common.scss */
.rp-page .article-in .editor_box:after, .rp-page .article-in .footer_editor_box:after {
  content: "";
  display: table;
  clear: both;
}
/* line 172, ../sass/_single.scss */
.rp-page .article-in .editor_box .editor, .rp-page .article-in .footer_editor_box .editor {
  width: 100%;
  display: table;
}
/* line 176, ../sass/_single.scss */
.rp-page .article-in .editor_box .border-box, .rp-page .article-in .footer_editor_box .border-box {
  margin: 0 0 1em;
  padding: 1em 0;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}
/* line 182, ../sass/_single.scss */
.rp-page .article-in .editor_box .avater-area, .rp-page .article-in .footer_editor_box .avater-area {
  display: table-cell;
  width: 120px;
}
/* line 186, ../sass/_single.scss */
.rp-page .article-in .editor_box .avatar, .rp-page .article-in .footer_editor_box .avatar {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/* line 192, ../sass/_single.scss */
.rp-page .article-in .editor_box figcaption, .rp-page .article-in .footer_editor_box figcaption {
  display: table-cell;
  padding-left: 30px;
  font-size: 16px;
  color: #595757;
  vertical-align: top;
}
/* line 198, ../sass/_single.scss */
.rp-page .article-in .editor_box figcaption h4, .rp-page .article-in .footer_editor_box figcaption h4 {
  margin-bottom: 10px;
  font-family: 'localbrewery';
  font-size: 20px;
  font-weight: normal;
}
/* line 204, ../sass/_single.scss */
.rp-page .article-in .editor_box figcaption span, .rp-page .article-in .footer_editor_box figcaption span {
  margin-left: 1em;
  font-size: 12px;
}
/* line 208, ../sass/_single.scss */
.rp-page .article-in .editor_box figcaption p, .rp-page .article-in .footer_editor_box figcaption p {
  margin: 10px 0 0;
  font-size: 12px;
}
/* line 214, ../sass/_single.scss */
.rp-page .article-in .footer_editor_box {
  padding: 20px 30px;
}
/* line 216, ../sass/_single.scss */
.rp-page .article-in .footer_editor_box figcaption {
  vertical-align: middle;
}
/* line 218, ../sass/_single.scss */
.rp-page .article-in .footer_editor_box figcaption span {
  margin-left: 0;
  font-size: 16px;
}
/* line 225, ../sass/_single.scss */
.rp-page .article-in table {
  width: 100%;
  margin-bottom: 2em;
}
/* line 228, ../sass/_single.scss */
.rp-page .article-in table tr {
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
/* line 232, ../sass/_single.scss */
.rp-page .article-in table th, .rp-page .article-in table td {
  font-size: 16px;
  padding: 1em 0;
  vertical-align: top;
}
/* line 237, ../sass/_single.scss */
.rp-page .article-in table .recipe-id {
  padding: 5px 10px;
  display: inline-block;
  background: #01a1dd;
  color: #FFF;
}
/* line 243, ../sass/_single.scss */
.rp-page .article-in table .recipe-text {
  padding: 1em;
}

@media screen and (max-width: 640px) {
  /* line 252, ../sass/_single.scss */
  .rp-page .article-in h1 {
    margin-bottom: 1em;
    font-size: 18px;
  }
  /* line 256, ../sass/_single.scss */
  .rp-page .article-in h2 {
    font-size: 26px;
    line-height: 150%;
  }
  /* line 260, ../sass/_single.scss */
  .rp-page .article-in h3 {
    font-size: 18px;
    line-height: 140%;
  }
  /* line 264, ../sass/_single.scss */
  .rp-page .article-in .editor {
    display: none;
  }
  /* line 267, ../sass/_single.scss */
  .rp-page .article-in .editor_box {
    *zoom: 1;
    margin: 30px 0;
    padding: 30px 30px 40px;
    border: 1px solid #DBDBDB;
  }
  /* line 103, ../sass/_common.scss */
  .rp-page .article-in .editor_box:after {
    content: "";
    display: table;
    clear: both;
  }
  /* line 272, ../sass/_single.scss */
  .rp-page .article-in .editor_box .editor {
    width: 100%;
    display: block;
  }
  /* line 276, ../sass/_single.scss */
  .rp-page .article-in .editor_box .avater-area {
    display: block;
    width: 120px;
    margin: auto auto 10px;
  }
  /* line 281, ../sass/_single.scss */
  .rp-page .article-in .editor_box .avatar {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }
  /* line 287, ../sass/_single.scss */
  .rp-page .article-in .editor_box figcaption {
    display: block;
    padding-left: 0;
    font-size: 14px;
  }
  /* line 291, ../sass/_single.scss */
  .rp-page .article-in .editor_box figcaption h4 {
    font-size: 18px;
  }
}
/* line 301, ../sass/_single.scss */
#voice-block {
  text-align: left;
  margin: 15px 0 30px;
}
/* line 304, ../sass/_single.scss */
#voice-block h4 {
  margin: 0 0 0;
}
/* line 307, ../sass/_single.scss */
#voice-block h5 {
  margin: 0 0 0.5em;
}
/* line 310, ../sass/_single.scss */
#voice-block p {
  font-size: 16px;
  color: #142a31;
}

/* line 315, ../sass/_single.scss */
#editor {
  margin: 30px 0 0;
  padding: 20px;
  min-height: 200px;
  background: #142a31;
}
/* line 320, ../sass/_single.scss */
#editor .editor-photo {
  float: left;
  margin: 0 2em 0 0;
}
/* line 323, ../sass/_single.scss */
#editor .editor-photo img {
  display: block;
}
/* line 327, ../sass/_single.scss */
#editor .editor-article {
  display: table-cell;
  text-align: left;
  overflow: hidden;
  padding: 0 1em 0em 0;
}
/* line 332, ../sass/_single.scss */
#editor .editor-article h5 {
  font-size: 14px;
  color: #ffffff;
}
/* line 336, ../sass/_single.scss */
#editor .editor-article p {
  font-size: 12px;
  color: #ffffff;
}
/* line 340, ../sass/_single.scss */
#editor .editor-article a {
  color: #ec806f;
}
@media (max-width: 1180px) {
  /* line 345, ../sass/_single.scss */
  #editor .editor-article {
    padding: 1em 1em 0em 0;
  }
}
@media (max-width: 1030px) {
  /* line 350, ../sass/_single.scss */
  #editor .editor-photo {
    margin: 0 1em 0 0;
    padding: 1.5em 0 1em 1.5em;
  }
  /* line 354, ../sass/_single.scss */
  #editor .editor-article {
    padding: 1.5em 1.5em 1em 0.5em;
  }
}

/* line 361, ../sass/_single.scss */
#related {
  overflow: hidden;
  *zoom: 1;
  clear: both;
  padding-bottom: 20px;
}
/* line 365, ../sass/_single.scss */
#related .title {
  padding-left: 0;
}
/* line 368, ../sass/_single.scss */
#related #itemclone .list-title {
  font-size: 14px;
  font-weight: normal;
}
/* line 372, ../sass/_single.scss */
#related .img-area {
  height: auto;
}
/* line 374, ../sass/_single.scss */
#related .img-area:after {
  content: "";
  positioin: relative;
  display: block;
  padding-top: 63%;
}
/* line 380, ../sass/_single.scss */
#related .img-area .article-in {
  margin: 0 0 0 0;
  padding: 0 0;
}
/* line 383, ../sass/_single.scss */
#related .img-area .article-in h3 {
  margin: 0 0 0;
}

/* line 392, ../sass/_single.scss */
.page-tmp {
  text-align: left;
}
/* line 395, ../sass/_single.scss */
.page-tmp section {
  background: #ffffff;
  color: #000000;
}
/* line 398, ../sass/_single.scss */
.page-tmp section .article-in {
  margin: 0 3em;
}
/* line 401, ../sass/_single.scss */
.page-tmp section h2 {
  font-size: 24px;
  color: #000000;
  font-weight: 400;
}
/* line 406, ../sass/_single.scss */
.page-tmp section h3 {
  font-size: 18px;
  color: #000000;
  margin: 1.2em 0px;
  padding: 0 0 0 0.7em;
  border-left: 5px solid #EC806F;
}
/* line 413, ../sass/_single.scss */
.page-tmp section h4 {
  font-size: 18px;
  color: #000000;
  margin: 1.2em 0px;
  padding: 0 0 0 0.7em;
  border-left: 5px solid #EC806F;
}
/* line 420, ../sass/_single.scss */
.page-tmp section h5 {
  font-size: 18px;
  color: #000000;
  margin: 1.2em 0px;
  padding: 0 0 0 0.7em;
  border-left: 5px solid #EC806F;
}
/* line 427, ../sass/_single.scss */
.page-tmp section p {
  color: #000000;
  font-size: 16px;
  margin: 0 0 1em;
}
/* line 432, ../sass/_single.scss */
.page-tmp section a {
  color: #000000;
}

/* line 438, ../sass/_single.scss */
.article-in > a + span.cate:before {
  content: "";
}

/* line 441, ../sass/_single.scss */
.article-header h2 + .cate:before {
  content: "";
  padding: 0 0 0 15px;
}

/* line 447, ../sass/_single.scss */
.rp-page2 h2 {
  margin: 2em 0 1em;
  padding: 0 0 0.5em;
  font-size: 26px;
  border-bottom: 1px solid #DBDBDB;
}
/* line 453, ../sass/_single.scss */
.rp-page2 p {
  font-size: 16px;
}
/* line 456, ../sass/_single.scss */
.rp-page2 span.wpcf7-list-item {
  margin: 0 0 0 0;
}

/* line 461, ../sass/_single.scss */
.press-li li {
  margin: 0 0 10px;
  padding: 0 0 0 25px;
  background: url(../img/parts/li_arrow.png) no-repeat 0 0;
  background-size: 20px;
}
/* line 467, ../sass/_single.scss */
.press-li strong {
  font-weight: bold;
}

/*----------------------------------------------------------------------
ページタイトル設定
----------------------------------------------------------------------*/
/* line 474, ../sass/_single.scss */
.title .wrap {
  position: relative;
}

/* line 477, ../sass/_single.scss */
#title-h {
  float: left;
  margin: 35px 0 0 0;
  padding: 1em 0 0;
}

/*----------------------------------------------------------------------
フォーム設定
----------------------------------------------------------------------*/
/* line 486, ../sass/_single.scss */
.form {
  clear: both;
  margin: 2em auto 4em;
  padding: 3em;
  border: 1px solid #EEF0F3;
  border-radius: 8px;
}
/* line 492, ../sass/_single.scss */
.form p {
  text-align: center;
}
/* line 495, ../sass/_single.scss */
.form dl {
  overflow: hidden;
  *zoom: 1;
  clear: both;
  color: #4B4B4B;
  margin: 0 auto 1em;
}
/* line 501, ../sass/_single.scss */
.form dt {
  clear: both;
  float: left;
  text-align: left;
  width: 30%;
  margin: 10px 0 2em;
  clear: both;
  display: inline;
}
/* line 509, ../sass/_single.scss */
.form dt label {
  font-weight: bold;
}
/* line 513, ../sass/_single.scss */
.form dd {
  text-align: left;
  width: 60%;
  margin: 0 0 2em 16em;
}
/* line 518, ../sass/_single.scss */
.form dd.add-area {
  padding: 10px 1em;
  background: #EEF0F3;
  border-radius: 4px;
}
/* line 522, ../sass/_single.scss */
.form dd.add-area label {
  margin-right: 2em;
}
/* line 526, ../sass/_single.scss */
.form .gray02:after {
  content: "";
  display: block;
  clear: both;
}
/* line 531, ../sass/_single.scss */
.form em {
  display: inline-block;
  margin-right: 1em;
  padding: 0 0.4em;
  font-style: normal;
  color: #333;
  font-size: 12px;
  border: 1px solid #333;
}
/* line 540, ../sass/_single.scss */
.form em.req {
  border: 1px solid #E25454;
}
/* line 543, ../sass/_single.scss */
.form .acceptance {
  margin: 0 0 2em;
  font-size: 12px;
  text-align: center;
}
/* line 547, ../sass/_single.scss */
.form .acceptance a {
  text-decoration: underline;
}
/* line 551, ../sass/_single.scss */
.form input[type='text'], .form input[type='email'], .form textarea {
  border: 0;
  padding: 10px 1em;
  border: solid 1px #ccc;
  width: 100%;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 561, ../sass/_single.scss */
.form input, .form textarea, .form select {
  font-size: 90%;
}
/* line 564, ../sass/_single.scss */
.form input:focus {
  border: solid 1px #FFA526;
}
/* line 567, ../sass/_single.scss */
.form textarea {
  width: 100%;
}

/* line 572, ../sass/_single.scss */
.wpcf7-form .comp,
.wpcf7-form.sent .form-inner {
  display: none;
}

/* line 575, ../sass/_single.scss */
.wpcf7-form.sent .comp {
  display: block;
}

/* line 579, ../sass/_single.scss */
div.wpcf7-mail-sent-ok {
  border: none !important;
  display: none;
}

/* line 583, ../sass/_single.scss */
div.wpcf7-validation-errors {
  border: none !important;
  color: #F30;
}

/* line 587, ../sass/_single.scss */
.submit {
  text-align: center;
}

/* line 590, ../sass/_single.scss */
input[type="button"], input[type="submit"] {
  background-color: #01A1DD;
  border: 0px none;
  border-radius: 2px;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 0 0;
  padding: 10px 100px 10px;
  -webkit-appearance: none;
}

/* line 604, ../sass/_single.scss */
input#s2email {
  width: 100%;
}

/* line 608, ../sass/_single.scss */
input[type="button"].wpcf7c-btn-back {
  background-color: #ffffff;
  border: 1px solid #4E3619;
  color: #4E3619;
}
/* line 612, ../sass/_single.scss */
input[type="button"].wpcf7c-btn-back:hover {
  color: #913D28;
  border: 1px solid #913D28;
}

/* line 617, ../sass/_single.scss */
input[type="reset"] {
  background-color: #E9E9E9;
  border: 0px none;
  border-radius: 2px;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 0 20px;
  padding: 10px 30px 10px;
}
/* line 626, ../sass/_single.scss */
input[type="reset"]:hover {
  background-color: #E04D7E;
}

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

@media screen and (max-width: 640px) {
  /* line 636, ../sass/_single.scss */
  .rp-page2 h2 {
    font-size: 22px;
  }
  /* line 639, ../sass/_single.scss */
  .rp-page2 p {
    font-size: 14px;
  }

  /* line 643, ../sass/_single.scss */
  .form {
    margin: 0;
    padding: 15px;
  }
  /* line 646, ../sass/_single.scss */
  .form dl {
    overflow: hidden;
    *zoom: 1;
    clear: both;
    color: #4B4B4B;
    margin: 0 auto 1em;
  }
  /* line 652, ../sass/_single.scss */
  .form dt {
    display: inline-block;
    float: none;
    text-align: left;
    width: 100%;
    margin: 0 0 10px;
  }
  /* line 659, ../sass/_single.scss */
  .form dd {
    width: 100%;
    margin: 0 0 2em 0;
  }
}
@media screen and (max-width: 1280px) {
  /* line 4, ../sass/_sp.scss */
  .wrap {
    max-width: 1073px;
    margin: 0 3%;
  }
}
@media screen and (max-width: 640px) {
  /*----------------------------------------------------------------------
  レイアウト設定
  ----------------------------------------------------------------------*/
  /* line 14, ../sass/_sp.scss */
  .wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0;
    text-align: left;
    word-wrap: break-word;
  }

  /* line 21, ../sass/_sp.scss */
  .wrap-inner {
    margin: 0 auto;
    padding: 0 5%;
  }

  /* line 27, ../sass/_sp.scss */
  header {
    position: fixed;
    top: 0;
    padding: 0 0;
    background: #fff;
    z-index: 999;
    border-bottom: 1px solid #DBDBDB;
  }
  /* line 34, ../sass/_sp.scss */
  header .wrap {
    padding: 0 0;
  }
  /* line 37, ../sass/_sp.scss */
  header #logo {
    margin: 5px auto 0;
    width: 80px;
  }
  /* line 41, ../sass/_sp.scss */
  header #download {
    display: none;
  }

  /* line 45, ../sass/_sp.scss */
  .first-view {
    height: 30vh;
  }
  /* line 47, ../sass/_sp.scss */
  .first-view article h1 {
    padding: 0 40px;
  }
  /* line 49, ../sass/_sp.scss */
  .first-view article h1 svg {
    width: 100%;
    display: none;
  }

  /* line 55, ../sass/_sp.scss */
  section {
    margin: 0 0 20px;
  }

  /* line 59, ../sass/_sp.scss */
  .js-flickity {
    margin-bottom: 10px;
  }

  /* line 62, ../sass/_sp.scss */
  .flickity-prev-next-button, .flickity-prev-next-button {
    top: 40% !important;
    border: none !important;
    width: 25px !important;
    height: 25px !important;
  }

  /* line 68, ../sass/_sp.scss */
  .title {
    padding-left: 25px;
  }

  /* line 71, ../sass/_sp.scss */
  .page-title {
    margin: 0 0 0 25px;
    font-size: 16px;
  }

  /* line 75, ../sass/_sp.scss */
  .card_item {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 10px 0 0;
  }
  /* line 80, ../sass/_sp.scss */
  .card_item figure {
    height: auto;
    padding-top: 70%;
  }
  /* line 84, ../sass/_sp.scss */
  .card_item .img-area {
    margin: 0;
  }
  /* line 87, ../sass/_sp.scss */
  .card_item .article-in {
    padding: 0.5em;
  }
  /* line 89, ../sass/_sp.scss */
  .card_item .article-in h3 {
    font-size: 12px;
  }
  /* line 91, ../sass/_sp.scss */
  .card_item .article-in h3 span {
    margin: 0 0.5em 0 0;
    padding: 5px 10px;
    font-size: 12px;
  }

  /* line 99, ../sass/_sp.scss */
  .first-article {
    float: none;
  }
  /* line 101, ../sass/_sp.scss */
  .first-article .img-area {
    width: 100%;
    height: auto;
  }
  /* line 104, ../sass/_sp.scss */
  .first-article .img-area:after {
    content: "";
    display: block;
    padding-top: 65%;
  }

  /* line 112, ../sass/_sp.scss */
  .item .inner {
    position: static;
    opacity: 1;
    width: 100%;
    height: 100%;
  }
  /* line 118, ../sass/_sp.scss */
  .item .article-in {
    padding: 0 25px;
  }

  /* line 123, ../sass/_sp.scss */
  .main-content {
    padding-top: 55px;
  }
  /* line 125, ../sass/_sp.scss */
  .main-content #content {
    float: none;
    width: 100%;
  }
  /* line 129, ../sass/_sp.scss */
  .main-content aside {
    padding: 0 25px;
    float: none;
    width: 100%;
  }

  /* line 136, ../sass/_sp.scss */
  article h3 {
    margin: 0 0 0;
    font-size: 15px;
  }

  /*
  .first-article {
  	.img-area {
  		height: 160px;
  	}
  }
  */
  /* line 148, ../sass/_sp.scss */
  .img-area {
    margin: 0 0 10px;
  }

  /* line 151, ../sass/_sp.scss */
  #store {
    margin: 0 0 30px;
  }
  /* line 153, ../sass/_sp.scss */
  #store .list-title {
    font-size: 13px;
  }
  /* line 155, ../sass/_sp.scss */
  #store .list-title span {
    font-size: 15px;
  }
  /* line 159, ../sass/_sp.scss */
  #store .bnr {
    display: none;
  }
  /* line 162, ../sass/_sp.scss */
  #store .title.text-center {
    text-align: left;
  }

  /* line 168, ../sass/_sp.scss */
  .index #store .title {
    padding-left: 0;
  }
  /* line 171, ../sass/_sp.scss */
  .index #store .wrap {
    padding: 0 25px;
  }
  /* line 175, ../sass/_sp.scss */
  .index #store .column5 .item {
    width: 48%;
    float: left;
  }
  /* line 178, ../sass/_sp.scss */
  .index #store .column5 .item .img-area {
    height: 100%;
    padding-top: 100%;
  }
  /* line 182, ../sass/_sp.scss */
  .index #store .column5 .item .article-in {
    padding: 0 0;
  }
  /* line 186, ../sass/_sp.scss */
  .index #store .column5 .item:nth-child(2n+1) {
    clear: both;
    margin-right: 4%;
  }
  /* line 190, ../sass/_sp.scss */
  .index #store .column5 .item:last-child {
    display: none;
  }

  /* line 198, ../sass/_sp.scss */
  .rp-page {
    padding-top: 55px;
  }
  /* line 200, ../sass/_sp.scss */
  .rp-page .wrap {
    padding: 0 25px;
  }
  /* line 203, ../sass/_sp.scss */
  .rp-page .article-in {
    padding: 16px 0 0;
  }
  /* line 205, ../sass/_sp.scss */
  .rp-page .article-in h2 {
    font-size: 18px;
  }
  /* line 209, ../sass/_sp.scss */
  .rp-page .article-in .line_box .editor {
    display: none;
  }
  /* line 214, ../sass/_sp.scss */
  .rp-page aside {
    padding: 0 0;
  }

  /* line 218, ../sass/_sp.scss */
  .snap_title {
    margin: 0 0 0;
  }

  /* line 221, ../sass/_sp.scss */
  #related {
    padding-bottom: 0;
  }
  /* line 223, ../sass/_sp.scss */
  #related .column2, #related .column4 {
    margin-bottom: 0;
  }
  /* line 225, ../sass/_sp.scss */
  #related .column2 .item, #related .column4 .item {
    float: left;
    width: 48%;
    margin: 0 0 20px 4%;
  }
  /* line 230, ../sass/_sp.scss */
  #related .column2 .item:nth-child(2n+1), #related .column4 .item:nth-child(2n+1) {
    clear: both;
    margin: 0 0 20px;
  }
  /* line 235, ../sass/_sp.scss */
  #related .img-area {
    height: auto;
  }

  /* line 241, ../sass/_sp.scss */
  .rp-bg {
    height: auto;
  }
  /* line 243, ../sass/_sp.scss */
  .rp-bg h1 {
    padding: 40px 20px;
    font-size: 22px;
    line-height: 120%;
  }

  /* line 252, ../sass/_sp.scss */
  aside.sticky {
    height: 100%;
  }

  /* line 256, ../sass/_sp.scss */
  aside .wpp-list li {
    width: 100%;
    display: table-row;
  }
  /* line 260, ../sass/_sp.scss */
  aside .wpp-thumbnail {
    width: 100px;
    height: 100px;
  }
  /* line 264, ../sass/_sp.scss */
  aside .sticky {
    height: 100%;
  }

  /* line 268, ../sass/_sp.scss */
  aside {
    text-align: left;
  }
  /* line 270, ../sass/_sp.scss */
  aside .bnr1 {
    background: #176a80;
  }
  /* line 273, ../sass/_sp.scss */
  aside .bnr2 {
    background: url(../img/bnr/bnr02_bg.png) no-repeat center center;
    backgournd-size: cover;
  }
  /* line 277, ../sass/_sp.scss */
  aside .aside-bnr {
    margin: 0 auto;
    text-align: center;
    display: block;
    vertical-align: middle;
  }
  /* line 283, ../sass/_sp.scss */
  aside .user-post {
    margin: 0 0 20px;
  }
  /* line 286, ../sass/_sp.scss */
  aside img.aside-bnr {
    margin: 0 auto 10px;
    display: block;
    text-align: center;
    vertical-align: middle;
    position: static;
    top: 0;
    /*
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    */
  }
  /* line 301, ../sass/_sp.scss */
  aside .wpp-list {
    height: 100%;
  }
  /* line 303, ../sass/_sp.scss */
  aside .wpp-list li {
    display: block;
  }
  /* line 306, ../sass/_sp.scss */
  aside .wpp-list img {
    display: block;
    float: left;
  }
  /* line 310, ../sass/_sp.scss */
  aside .wpp-list .wpp-post-title {
    display: block;
    padding: 0 0;
  }

  /* line 319, ../sass/_sp.scss */
  footer {
    padding: 2em 0 0;
  }
  /* line 322, ../sass/_sp.scss */
  footer .footer-navi li {
    display: block;
  }

  /* line 327, ../sass/_sp.scss */
  footer .gutters .col {
    margin-right: 0 !important;
  }

  /* line 330, ../sass/_sp.scss */
  .footer-logo {
    clear: both;
    float: none;
    text-align: center;
    margin: 2em 0;
  }

  /* line 336, ../sass/_sp.scss */
  footer .span_3 {
    width: 100% !important;
  }

  /* SNSエリア　--------------------------------------*/
  /*
  .fb_iframe_widget,
  .fb_iframe_widget span,
  .fb_iframe_widget iframe[style]{ width: 100%!important; }
  */
  /* twitter */
  /* line 348, ../sass/_sp.scss */
  .fb-page.span_3 {
    float: none;
    width: 100%;
    min-width: 100% !important;
    margin: 0 0 0;
    float: none;
  }

  /* twitter */
  /* line 356, ../sass/_sp.scss */
  .twitter-area {
    float: none;
    width: 100%;
    min-width: 100% !important;
    margin: 0 0 2em;
  }

  /* SNSボタン　--------------------------------------*/
  /* line 364, ../sass/_sp.scss */
  .share-btn {
    overflow: hidden;
    *zoom: 1;
    margin: 0 0 16px;
  }
  /* line 367, ../sass/_sp.scss */
  .share-btn .fb_iframe_widget {
    display: inline-block;
    margin-right: 0.5em;
    vertical-align: top;
  }
  /* line 372, ../sass/_sp.scss */
  .share-btn #twitter-widget-0, .share-btn #twitter-widget-1 {
    width: 90px !important;
  }
  /* line 375, ../sass/_sp.scss */
  .share-btn #___plusone_0, .share-btn #___plusone_1 {
    width: 61px !important;
  }

  /* line 380, ../sass/_sp.scss */
  .sns_org .fb-like {
    width: 72px;
    margin: 0 1% 0 0;
  }
  /* line 384, ../sass/_sp.scss */
  .sns_org li {
    float: left;
    margin: 0 0 0 0;
    font-size: 12px;
  }
  /* line 389, ../sass/_sp.scss */
  .sns_org a {
    min-height: 33px;
    line-height: 33px;
    text-align: center;
  }
  /* line 393, ../sass/_sp.scss */
  .sns_org a em {
    display: none;
  }
  /* line 397, ../sass/_sp.scss */
  .sns_org a .sns_count {
    right: auto;
    top: -20px;
    bottom: auto;
    width: 100%;
    left: 0;
    color: #000;
    background: #fff;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #90949c;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }

  /*----------------------------------------------------------------------
  汎用設定
  ----------------------------------------------------------------------*/
  /* line 417, ../sass/_sp.scss */
  .sp-none {
    display: none;
  }

  /* line 418, ../sass/_sp.scss */
  .sp-br {
    display: block;
  }
}