/* Scss Document */
@media only screen and (max-width: 767px) {
  /* slider
    /* ------------------------------------------------------------------------ */
  .bx-wrapper .bx-controls-direction a {
    width: 60px;
    height: 60px;
    z-index: 10; }
  .mainImg ul li .txt {
    position: absolute;
    right: 10%;
    bottom: 0;
    text-align: right;
    margin: 0; }
    .mainImg ul li .txt img {
      display: inline;
      width: 40%; }
  /* mainImg
    /* ------------------------------------------------------------------------ */
  /* contents
    /* ------------------------------------------------------------------------ */
  .contentsBlockL {
    width: 100%;
    float: none;
    margin: 50px 0 0 0; }
  .contentsBlockR {
    width: 100%;
    float: none;
    margin: 50px 0 0 0; }
  /* topBlock
    /* ------------------------------------------------------------------------ */
  .topBlock {
    clear: both;
    overflow: hidden;
    margin: 50px 0 0 0; }
    .topBlock .box {
      border: #cccccc 2px solid;
      width: 100%;
      float: none;
      margin: 20px 0;
      padding: 0 0 15px 0;
      height: auto;
      background: url(../img/border_001.gif) repeat-x center bottom; }
      .topBlock .box .topImg {
        margin: 0;
        text-align: center; }
      .topBlock .box .title {
        font-size: 18px;
        margin: 15px 0 0 0; }
      .topBlock .box .btn {
        margin: 20px 0 0 0; }
        .topBlock .box .btn a {
          background: #ffd300;
          color: #544027;
          font-size: 12px;
          text-align: center;
          width: 90%;
          margin: 0 auto;
          display: block;
          padding: 10px 0;
          position: relative; }
          .topBlock .box .btn a:after {
            position: absolute;
            top: 50%;
            right: 12px;
            font-size: 10px;
            margin-top: -7px; }
      .topBlock .box .btn2 {
        margin: 20px 0 0 0; }
        .topBlock .box .btn2 a {
          padding: 10px 0; }
  .topBlock.hamakatsuBlock .box {
    height: auto;
    background: url(../img/border_002.gif) repeat-x center bottom; }
    .topBlock.hamakatsuBlock .box .btn a {
      background: #544027;
      color: #fff; }
  /* newsBox
    /* ------------------------------------------------------------------------ */
  .newsBox .box dl {
    text-align: left;
    margin-top: 0; }
    .newsBox .box dl dd {
      float: left;
      padding: 0; }
      .newsBox .box dl dd.day {
        margin: 0 1em 0 0;
        display: inline-block; }
      .newsBox .box dl dd.icon {
        display: inline-block; }
      .newsBox .box dl dd.icon span {
        font-size: 10px;
        color: #544027;
        width: auto;
        background: #ffd300;
        text-align: center;
        display: inline-block;
        padding: 4px 10px;
        line-height: 1;
        float: left;
        font-weight: bold; }
      .newsBox .box dl dd.icon2 span {
        color: #fff;
        background: #544027; }
      .newsBox .box dl dd.icon3 span {
        color: #fff;
        background: #9d9d9d; }
    .newsBox .box dl dt {
      clear: both;
      width: 100%;
      padding: 10px 0;
      border-bottom: #ccc 1px dotted;
      line-height: 1.8;
      margin: 0 0 20px 0; }
      .newsBox .box dl dt a {
        text-decoration: underline; }
        .newsBox .box dl dt a:hover {
          text-decoration: none; }
  /*scroll bar*/
  .vscrollerbase, .vscrollerbar {
    width: 7px; }
  .vscrollerbase {
    background-color: #e7e7e7; }
  .vscrollerbar {
    background-color: #d7b800; }
  .scrollgeneric {
    position: absolute;
    top: 0;
    right: 0; }
  .flexcroll {
    position: relative;
    overflow: auto;
    height: 340px;
    margin: 30px 0 0 0;
    padding: 20px; }
  /* snsBox
    /* ------------------------------------------------------------------------ */
  .snsBox .box {
    border: #ccc 1px solid;
    margin: 15px 0 0 0;
    padding: 15px 0 15px 0; }
    .snsBox .box:first-child {
      margin-top: 0; }
    .snsBox .box ul li {
      margin: 10px 0 0 0; }
      .snsBox .box ul li a:hover {
        opacity: 0.8; } }