@charset "UTF-8";
/* framework */
/* common */
body {
  color: #333;
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',arial,helvetica,clean,sans-serif;
  width: 100%;
  -webkit-text-size-adjust: 100%; }

header, #slider, #contents, footer .inner {
  margin: 0 auto;
  position: relative;
  width: 960px; }

#contents {
  width: 940px; }

.sp-block {
  display: none; }

/* header */
/* pc-slider */
/* pc-nav */
/* pc-contents */
#contents {
  overflow: hidden;
  /* pc-contents-upside-block */
  /* pc-contents-upside-block */
  /* pc-contents-middle-block */
  /* pc-contents-middle-block */
  /* pc-contents-lower-block */
  /* pc-contents-lower-block */
  /* pc-contents-left-block */ }
  #contents .upside-block {
    margin: 0 0 30px;
    overflow: hidden; }
    #contents .upside-block .news .headline {
      float: left;
      height: 40px;
      width: 460px; }
    #contents .upside-block .news ul.shop, #contents .upside-block .news ul.item {
      float: left;
      height: 420px;
      width: 460px;
      border: 1px solid #dddddd;
      box-sizing: border-box;
      padding: 10px;
      overflow: auto;
      background: #FFF; }
  #contents .middle-block {
    margin: 0 0 20px;
    overflow: hidden; }
    #contents .middle-block .order-block, #contents .middle-block .taker-block {
      float: left;
      width: 460px;
      margin: 0 20px 0 0;
      padding: 10px 20px;
      box-sizing: border-box; }
    #contents .middle-block .taker-block {
      margin: 0; }
  #contents .lower-block .buy-block {
    float: left;
    width: 335px; }
  #contents .lower-block .service-block {
    float: left;
    width: 335px; }
  #contents .lower-block .banner-block {
    float: left;
    width: 220px; }
  #contents .left-block {
    width: 240px;
    float: left;
    margin: 0 20px 0 0; }
  #contents .right-block {
    width: 680px;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    background: #FFF;
    letter-spacing: 0.05em;
    line-height: 1.8; }

/* pc-footer */
footer p.copyright {
  text-align: center;
  background: #EFECE7;
  line-height: 2;
  clear: both; }

body {
  min-width: auto; }

/* sp-header */
header, #slider, #contents, footer .inner {
  margin: 0 auto;
  position: relative;
  width: 100%; }

#contents {
  width: 100%; }

.sp-block {
  display: block; }

header .head-menu {
  display: none; }

/* sp-nav */
nav {
  display: none; }

/* sp-nav */
#slider {
  width: 100%;
  margin: 30px auto;
  overflow: hidden; }
  #slider .flex-viewport ul li a img {
    width: 100%; }
  #slider .flex-control-thumbs {
    display: none; }
  #slider .flex-direction-nav {
    display: block; }

/* sp-contents */
#contents {
  width: 100%;
  margin: 0 !important;
  /* pc-contents-upside-block */
  /* pc-contents-middle-block */
  /* pc-contents-middle-block */
  /* pc-contents-lower-block */
  /* sp-contents-lower-block */
  /* sp-contents-left-block */ }
  #contents .sp-block {
    display: block; }
  #contents .upside-block {
    margin: 0 0 30px;
    overflow: hidden; }
    #contents .upside-block .news .headline {
      float: float;
      height: 40px;
      width: 100%; }
    #contents .upside-block .news ul.shop, #contents .upside-block .news ul.item {
      height: 100%;
      width: 100%;
      border: 1px solid #dddddd;
      box-sizing: border-box;
      padding: 0;
      overflow: auto;
      background: #FFF; }
  #contents .middle-block {
    margin: 0 0 20px;
    overflow: hidden; }
    #contents .middle-block .order-block, #contents .middle-block .taker-block {
      float: none;
      width: 96%;
      margin: 0 auto 1.5em;
      padding: .8em;
      box-sizing: border-box;
      overflow: hidden; }
  #contents .lower-block .buy-block {
    float: none;
    width: 100%; }
  #contents .lower-block .service-block {
    float: none;
    width: 100%; }
  #contents .lower-block .banner-block {
    float: none;
    width: 100%; }
  #contents .left-block {
    width: 100%;
    float: none;
    margin: 0 20px 0 0; }
    #contents .left-block .banner-block {
      display: none; }
  #contents .right-block {
    width: 100%;
    box-sizing: border-box;
    float: none;
    overflow: hidden;
    background: #FFF; }

footer .inner .foot-menu ul {
  width: 94%;
  margin: 0 auto; }
footer .inner p.copyright {
  text-align: left;
  background: #EFECE7;
  line-height: 1.2;
  clear: both;
  padding: .5em; }