@charset "UTF-8";
/*Config Vars*/
/*functions*/
/*Extends*/
/*Mixins*/
/*----------------------------------------------------------
16進数に変換する
----------------------------------------------------------*/
/*----------------------------------------------------------
rgbaを16進数表記に変換する
----------------------------------------------------------*/
/*スマホ共通*/
@media screen and (min-width: 0px) and (max-width: 767px) {
  /* line 6, ../sass/banner.scss */
  #sideBanner, #banner {
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
  }
  /* line 12, ../sass/banner.scss */
  #sideBanner > ul > li, #banner > ul > li {
    position: relative;
    float: left;
    width: 50%;
    padding: 4px 5px;
    padding: 1.25vw 1.5625vw;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 21, ../sass/banner.scss */
  #sideBanner > ul > li > img, #banner > ul > li > img {
    width: 100%;
    height: auto;
    border: solid 1px #FFFFFF;
  }
  /* line 29, ../sass/banner.scss */
  #sideBanner > ul:nth-child(2) > li:nth-child(3), #banner > ul:nth-child(2) > li:nth-child(3) {
    clear: left;
  }

  /* line 35, ../sass/banner.scss */
  #side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 39, ../sass/banner.scss */
  #side #sideBanner {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  /* line 43, ../sass/banner.scss */
  #side #banner {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  /* line 47, ../sass/banner.scss */
  #side #otherBanner {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 96%;
    margin: 0 auto;
  }
  /* line 54, ../sass/banner.scss */
  #side #otherBanner > ul > li {
    padding: 4px 5px;
    padding: 1.25vw 1.5625vw;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 60, ../sass/banner.scss */
  #side #otherBanner > ul > li > img {
    width: 100%;
    height: auto;
    border: solid 1px #FFFFFF;
  }
}
@media print, screen and (min-width: 768px) {
  /* line 76, ../sass/banner.scss */
  #banner {
    width: 735px;
    margin: 20px auto;
  }
  /* line 80, ../sass/banner.scss */
  #banner > ul > li {
    position: relative;
    width: 230px;
    float: left;
    padding: 7px 8px 8px 7px;
    min-height: 65px;
    max-height: 145px;
    overflow: hidden;
    display: block;
  }
  /* line 90, ../sass/banner.scss */
  #banner > ul > li > a {
    background-color: #FFFFFF;
    display: block;
  }
  /* line 94, ../sass/banner.scss */
  #banner > ul > li > a:hover > img {
    opacity: 0.7;
  }
  /* line 99, ../sass/banner.scss */
  #banner > ul > li img {
    width: 100%;
    height: auto;
    border: solid 1px #999;
  }
  /* line 105, ../sass/banner.scss */
  #banner > ul > li > span {
    width: 56px;
    text-align: center;
    position: absolute;
    bottom: 10px;
  }
  /* line 112, ../sass/banner.scss */
  #banner > ul > li > .edits {
    right: 62px;
  }
  /* line 115, ../sass/banner.scss */
  #banner > ul > li > .dels {
    right: 6px;
  }

  /* line 124, ../sass/banner.scss */
  #sideBanner > ul > li {
    padding: 0px 0 10px;
    position: relative;
    width: 230px;
    min-height: 65px;
    max-height: 145px;
    overflow: hidden;
    display: block;
  }
  /* line 133, ../sass/banner.scss */
  #sideBanner > ul > li > a {
    background-color: #FFFFFF;
    display: block;
  }
  /* line 137, ../sass/banner.scss */
  #sideBanner > ul > li > a:hover > img {
    opacity: 0.7;
  }
  /* line 142, ../sass/banner.scss */
  #sideBanner > ul > li img {
    width: 100%;
    height: auto;
    border: solid 1px #999;
  }

  /* line 151, ../sass/banner.scss */
  #otherBanner {
    margin: 0 auto;
  }
  /* line 155, ../sass/banner.scss */
  #otherBanner > ul > li {
    padding: 6px 0;
  }
  /* line 157, ../sass/banner.scss */
  #otherBanner > ul > li > a {
    display: block;
    background-color: #FFFFFF;
  }
  /* line 161, ../sass/banner.scss */
  #otherBanner > ul > li > a:hover > img {
    opacity: 0.7;
  }
}