/* Scss Document */
article {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  clear: both;
  background: #fcfaec; }

@media only screen and (min-width: 641px) and (max-width: 1100px) {
  article {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    clear: both; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  article {
    margin: -8px 0 0 0;
    padding: 0 0 0 0;
    clear: both; } }
.shop {
  position: relative;
  width: 100%;
  margin: -8px 0 0 0;
  padding: 0 0 0 0;
  clear: both;
  z-index: 0; }
  .shop .shoptitle {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    .shop .shoptitle .inner {
      position: relative;
      width: 100%;
      max-width: 940px;
      margin: 0 auto 0 auto;
      padding: 40px 0 0 0; }
      .shop .shoptitle .inner h1 {
        text-align: center;
        font-family: 'mincho_std_bold';
        font-size: 22px;
        letter-spacing: 4px;
        background: url(../img/base/title_bottom.png) no-repeat;
        background-size: 180px 15px;
        background-position: bottom center;
        margin: 0 0 0 0;
        padding: 0 0 15px 0; }
  .shop .disc {
    width: 90%;
    max-width: 780px;
    margin: 4% auto 0 auto;
    padding: 0 0 0 0; }
    .shop .disc h2 {
      text-align: center;
      font-family: 'mincho_std_bold';
      font-size: 22px;
      line-height: 24px;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
    .shop .disc p {
      text-align: left;
      font-size: 14px;
      line-height: 22px;
      margin: 4% 0 0 0;
      padding: 0 0 0 0; }

@media only screen and (min-width: 641px) and (max-width: 1100px) {
  .shop {
    position: relative;
    width: 100%;
    margin: -8px 0 0 0;
    padding: 0 0 0 0;
    clear: both;
    z-index: 0; }
    .shop .shoptitle {
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
      .shop .shoptitle .inner {
        position: relative;
        width: 100%;
        max-width: 940px;
        margin: 0 auto 0 auto;
        padding: 40px 0 0 0; }
        .shop .shoptitle .inner h1 {
          text-align: center;
          font-family: 'mincho_std_bold';
          font-size: 22px;
          letter-spacing: 4px;
          background: url(../img/base/title_bottom.png) no-repeat;
          background-size: 180px 15px;
          background-position: bottom center;
          margin: 0 0 0 0;
          padding: 0 0 15px 0; }
    .shop .disc {
      width: 90%;
      max-width: 780px;
      margin: 4% auto 0 auto;
      padding: 0 0 0 0; }
      .shop .disc h2 {
        text-align: center;
        font-family: 'mincho_std_bold';
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
      .shop .disc p {
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        margin: 4% 0 0 0;
        padding: 0 0 0 0; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  .shop {
    position: relative;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    clear: both;
    z-index: 0; }
    .shop .shoptitle {
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
      .shop .shoptitle .inner {
        position: relative;
        width: 100%;
        max-width: 940px;
        margin: 0 auto 0 auto;
        padding: 40px 0 0 0; }
        .shop .shoptitle .inner h1 {
          text-align: center;
          font-family: 'mincho_std_bold';
          font-size: 18px;
          letter-spacing: 4px;
          background: url(../img/base/title_bottom.png) no-repeat;
          background-size: 180px 15px;
          background-position: bottom center;
          margin: 0 0 0 0;
          padding: 0 0 15px 0; }
    .shop .disc {
      width: 90%;
      max-width: 780px;
      margin: 4% auto 0 auto;
      padding: 0 0 0 0; }
      .shop .disc h2 {
        text-align: center;
        font-family: 'mincho_std_bold';
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
      .shop .disc p {
        text-align: left;
        font-size: 14px;
        line-height: 21px;
        margin: 4% 0 0 0;
        padding: 0 0 0 0; } }
#gaiyou {
  width: 100%;
  max-width: 780px;
  margin: 0 auto 0 auto;
  padding: 0 0 0 0; }
  #gaiyou h3 {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    margin: 4% 0 1% 0;
    padding: 0 0 0 1%;
    border-left: solid 5px #98231b; }
  #gaiyou table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    #gaiyou table tr {
      display: block;
      border-bottom: solid 1px #d3d3d4;
      padding: 4px 0 4px 0; }
      #gaiyou table tr th {
        vertical-align: top;
        width: 90px;
        height: 100%;
        text-align: left;
        background: #f0d5c7;
        padding: 0 0 0 0; }
        #gaiyou table tr th p {
          font-size: 14px;
          line-height: 20px;
          font-weight: normal;
          color: #b81c22;
          margin: 0 0 0 0;
          padding: 14px 0 14px 10px; }
      #gaiyou table tr th.gray {
        background: #ccc; }
        #gaiyou table tr th.gray p {
          color: #333; }
      #gaiyou table tr td {
        text-align: left;
        padding: 0 0 0 0; }
        #gaiyou table tr td p {
          font-size: 14px;
          line-height: 20px;
          padding: 0 0 0 20px; }
          #gaiyou table tr td p a {
            text-decoration: none;
            color: #008ccf; }
          #gaiyou table tr td p a:hover {
            text-decoration: underline;
            color: #006cce;
            -moz-transition: .3s;
            -webkit-transition: .3s;
            -o-transition: .3s;
            -ms-transition: .3s;
            transition: .3s; }

@media only screen and (min-width: 641px) and (max-width: 1100px) {
  #gaiyou {
    width: 90%; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  #gaiyou {
    width: 90%; }
    #gaiyou table {
      width: 100%;
      border-collapse: collapse; }
      #gaiyou table tr {
        display: block;
        border-bottom: none;
        padding: 4px 0 4px 0; }
        #gaiyou table tr th {
          display: block;
          width: 100%;
          text-align: left;
          border-bottom: none;
          padding: 4px 0; }
          #gaiyou table tr th p {
            font-size: 14px;
            line-height: 20px;
            font-weight: normal;
            color: #b81c22;
            margin: 0 0 0 0;
            padding: 14px 0 14px 10px; }
        #gaiyou table tr td {
          display: block;
          width: 100%;
          text-align: left;
          border-bottom: none;
          padding: 15px 0 10px 0; }
          #gaiyou table tr td p {
            font-size: 14px;
            line-height: 20px;
            margin: 0 0 0 0;
            padding: 0 0 0 10px; } }
footer #award_media {
  overflow: hidden;
  width: 100%;
  max-width: 940px;
  margin: 0 auto 0 auto;
  padding: 0 0 5% 0; }
  footer #award_media .award {
    float: left;
    text-align: center;
    width: 45%;
    max-width: 420px;
    height: 80px;
    background: url(../img/base/award_bg.gif) no-repeat center center;
    background-size: contain;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    footer #award_media .award a {
      display: block;
      color: #000;
      text-decoration: none;
      padding: 28px 0; }
      footer #award_media .award a span {
        font-family: 'mincho_std_bold';
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 0 30px; }
  footer #award_media .media {
    float: right;
    text-align: center;
    width: 45%;
    max-width: 420px;
    height: 80px;
    background: url(../img/base/media_bg.gif) no-repeat center center;
    background-size: contain;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    footer #award_media .media a {
      display: block;
      color: #000;
      text-decoration: none;
      padding: 28px 0; }
      footer #award_media .media a span {
        font-family: 'mincho_std_bold';
        font-size: 22px;
        line-height: 22px;
        padding: 0 0 0 60px; }
footer #baner1 {
  width: 100%;
  max-width: 920px;
  background: url(../img/base/banner_bg.gif) no-repeat center center;
  background-size: contain;
  margin: 0 auto 5% auto;
  padding: 10px; }
  footer #baner1 a {
    overflow: hidden;
    display: block;
    color: #000;
    text-decoration: none; }
    footer #baner1 a .Lbox {
      float: left;
      width: 52%;
      text-align: right; }
      footer #baner1 a .Lbox img {
        display: block;
        width: 100%;
        max-width: 430px; }
    footer #baner1 a .Rbox {
      float: right;
      width: 48%; }
      footer #baner1 a .Rbox p {
        font-family: 'mincho_std_bold';
        font-size: 22px;
        line-height: 24px;
        border-left: solid 2px #ccc;
        margin: 4% 0 0 0;
        padding: 0 0 0 8%; }
        footer #baner1 a .Rbox p span {
          display: block; }
        footer #baner1 a .Rbox p span.up {
          margin: 0 0 0 0;
          padding: 0 0 12px 0; }
footer #sns {
  overflow: hidden;
  width: 100%;
  max-width: 940px;
  margin: 0 auto 5% auto;
  padding: 0 0 0 0; }
  footer #sns #insta_area {
    float: left;
    width: 48%;
    max-width: 450px;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    footer #sns #insta_area h3 {
      margin: 0 0 0 0;
      padding: 0 0 4% 0; }
      footer #sns #insta_area h3 span {
        font-family: 'mincho_std_bold';
        font-size: 16px;
        line-height: 29px;
        background: url(../img/base/icon3.png) no-repeat;
        background-position: left center;
        background-size: 29px 29px;
        padding: 5px 0 5px 36px; }
    footer #sns #insta_area p {
      font-size: 12px;
      line-height: 18px;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
    footer #sns #insta_area ul#instafeed {
      overflow: hidden;
      width: 100%;
      margin: 3% 0 0 0;
      padding: 0 0 0 0;
      list-style: none;
      clear: both;
      letter-spacing: -.40em; }
      footer #sns #insta_area ul#instafeed li {
        display: inline-block;
        width: 20%;
        text-align: center;
        vertical-align: middle;
        letter-spacing: normal;
        margin: 0 0 0 0;
        padding: 2px 0 1px 0;
        background: #FFF;
        line-height: 0; }
        footer #sns #insta_area ul#instafeed li a {
          display: block; }
          footer #sns #insta_area ul#instafeed li a img {
            width: 100%;
            max-width: 88px; }
        footer #sns #insta_area ul#instafeed li a img:hover {
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          opacity: 0.8;
          -moz-transition: .3s;
          -webkit-transition: .3s;
          -o-transition: .3s;
          -ms-transition: .3s;
          transition: .3s; }
  footer #sns #fb_area {
    float: right;
    width: 48%;
    max-width: 450px;
    margin: 0 0 0 0;
    padding: 0 0 0 0; }
    footer #sns #fb_area h3 {
      margin: 0 0 0 0;
      padding: 0 0 4% 0; }
      footer #sns #fb_area h3 span {
        font-family: 'mincho_std_bold';
        font-size: 16px;
        line-height: 29px;
        background: url(../img/base/icon1.png) no-repeat;
        background-position: left center;
        background-size: 29px 29px;
        padding: 5px 0 5px 36px; }

@media only screen and (min-width: 641px) and (max-width: 960px) {
  footer #award_media {
    overflow: hidden;
    width: 93%;
    max-width: 940px;
    margin: 0 auto 0 auto;
    padding: 0 0 5% 0; }
    footer #award_media .award {
      float: left;
      text-align: center;
      width: 45%;
      max-width: 420px;
      height: 80px;
      background: url(../img/base/award_bg.gif) no-repeat center center;
      background-size: contain;
      margin: 0 0 0 0;
      padding: 0 0 0 20px; }
      footer #award_media .award a {
        display: block;
        color: #000;
        text-decoration: none;
        padding: 28px 0; }
        footer #award_media .award a span {
          font-family: 'mincho_std_bold';
          font-size: 20px;
          line-height: 20px;
          padding: 0 0 0 30px; }
    footer #award_media .media {
      float: right;
      text-align: center;
      width: 45%;
      max-width: 420px;
      height: 80px;
      background: url(../img/base/media_bg.gif) no-repeat center center;
      background-size: contain;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
      footer #award_media .media a {
        display: block;
        color: #000;
        text-decoration: none;
        padding: 28px 0; }
        footer #award_media .media a span {
          font-family: 'mincho_std_bold';
          font-size: 20px;
          line-height: 20px;
          padding: 0 0 0 50px; }
  footer #baner1 {
    width: 90%;
    max-width: 920px;
    background: url(../img/base/banner_bg.gif) no-repeat center center;
    background-size: contain;
    margin: 0 auto 5% auto;
    padding: 10px; }
    footer #baner1 a {
      overflow: hidden;
      display: block;
      color: #000;
      text-decoration: none; }
      footer #baner1 a .Lbox {
        float: left;
        width: 50%;
        text-align: right; }
        footer #baner1 a .Lbox img {
          display: block;
          width: 100%;
          max-width: 430px; }
      footer #baner1 a .Rbox {
        float: right;
        width: 50%; }
        footer #baner1 a .Rbox p {
          font-family: 'mincho_std_bold';
          font-size: 16px;
          line-height: 18px;
          border-left: solid 2px #ccc;
          margin: 4% 0 0 0;
          padding: 0 0 0 8%; }
          footer #baner1 a .Rbox p span {
            display: block; }
          footer #baner1 a .Rbox p span.up {
            margin: 0 0 0 0;
            padding: 0 0 5px 0; }
  footer #sns {
    width: 90%; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  footer #award_media {
    overflow: hidden;
    width: 90%;
    max-width: 940px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0; }
    footer #award_media .award {
      float: none;
      text-align: center;
      width: 100%;
      max-width: 420px;
      height: 80px;
      background: url(../img/base/award_bg.gif) no-repeat center center;
      background-size: contain;
      margin: 0 auto 5% auto;
      padding: 0 0 0 0; }
      footer #award_media .award a {
        display: block;
        color: #000;
        text-decoration: none;
        padding: 28px 0; }
        footer #award_media .award a span {
          font-family: 'mincho_std_bold';
          font-size: 18px;
          line-height: 18px;
          padding: 0 0 0 30px; }
    footer #award_media .media {
      float: none;
      text-align: center;
      width: 100%;
      max-width: 420px;
      height: 80px;
      background: url(../img/base/media_bg.gif) no-repeat center center;
      background-size: contain;
      margin: 0 auto 5% auto;
      padding: 0 0 0 0; }
      footer #award_media .media a {
        display: block;
        color: #000;
        text-decoration: none;
        padding: 28px 0; }
        footer #award_media .media a span {
          font-family: 'mincho_std_bold';
          font-size: 18px;
          line-height: 18px;
          padding: 0 0 0 60px; }
  footer #baner1 {
    width: 88%;
    max-width: 940px;
    background: none;
    border: solid 3px #231815;
    background: white;
    margin: 0 auto 5% auto;
    padding: 10px; }
    footer #baner1 a {
      overflow: hidden;
      display: block;
      color: #000;
      text-decoration: none; }
      footer #baner1 a .Lbox {
        float: none;
        width: 100%;
        text-align: center; }
        footer #baner1 a .Lbox img {
          display: block;
          width: 100%;
          max-width: 430px; }
      footer #baner1 a .Rbox {
        display: none; }
  footer #sns {
    width: 90%; }
    footer #sns #insta_area {
      float: none;
      width: 100%;
      margin: 0 0 5% 0;
      padding: 0 0 0 0; }
      footer #sns #insta_area h3 {
        margin: 0 0 0 0;
        padding: 0 0 4% 0; }
        footer #sns #insta_area h3 span {
          font-family: 'mincho_std_bold';
          font-size: 16px;
          line-height: 29px;
          background: url(../img/base/icon3.png) no-repeat;
          background-position: left center;
          background-size: 29px 29px;
          padding: 5px 0 5px 36px; }
      footer #sns #insta_area p {
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
    footer #sns #fb_area {
      float: none;
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
      footer #sns #fb_area h3 {
        margin: 0 0 0 0;
        padding: 0 0 4% 0; }
        footer #sns #fb_area h3 span {
          font-family: 'mincho_std_bold';
          font-size: 16px;
          line-height: 29px;
          background: url(../img/base/icon1.png) no-repeat;
          background-position: left center;
          background-size: 29px 29px;
          padding: 5px 0 5px 36px; } }