@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Rubik);
html {
  overflow-y: auto;
  height: 100%; }

body {
  font-size: 100%;
  font-size: 13px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%; }
  body input[type="button"], body input[type="submit"] {
    -webkit-appearance: none; }

article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
  display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

ul li {
  list-style-type: none; }

ol li {
  list-style-type: decimal;
  margin-left: 1.5em; }

q:before, q:after {
  content: ''; }

a:link, a:visited {
  text-decoration: none; }

label {
  cursor: pointer; }

object, embed {
  vertical-align: top; }

img, abbr, acronym, fieldset {
  border: 0;
  vertical-align: top;
  max-width: 100%; }

/* --------  function  -------- */
body input, body table, body select, body {
  font-family: "Rubik",Verdana,"Noto Sans JP","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif; }

body a, #wrapper #header, #wrapper #header > .cont a, #wrapper #mainImages > .cont #scrolldownbutton, #wrapper #content > .cont #main .cont .box > div.btn a, #wrapper #content > .cont #main .cont .frame > div.btn a, #wrapper #footer > .cont #footerNav ul li a, #wrapper #footer > .cont #pagetop a, #wrapper #content > .cont #main > .section > .list ul li div.box .thumb, #wrapper #content #index #main > #iNews > .cont > .box .banner a, #wrapper #content #index #main > #iNews > .cont > .box .list ul li div.box, #wrapper #content #index #main > #iShop > .cont > .box .banner a, #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li, #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li div.box, #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li div.box .thumb, #wrapper #content #about #main div.columnList02 > ul > li div.box .image a, #wrapper #content #news #main > #nNews > .cont > .box .banner a, #wrapper #content #news #main > #nNews > .cont > .box .list ul li, #wrapper #content #news #main > #nNews > .cont > .box .list ul li div.box, #wrapper #content #shop #main > #sShop > .cont > .box .shopmap p, #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li div.box .image a, #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li, #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li div.box {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

#wrapper #header > .cont a:hover, #wrapper #mainImages > .cont #scrolldownbutton:hover, #wrapper #content > .cont #main .cont .box > div.btn a:hover, #wrapper #content > .cont #main .cont .frame > div.btn a:hover, #wrapper #footer > .cont #footerNav ul li a:hover, #wrapper #footer > .cont #pagetop a:hover, #wrapper #content > .cont #main > .section > .list ul li:hover, #wrapper #content #index #main > #iNews > .cont > .box .banner a:hover, #wrapper #content #index #main > #iShop > .cont > .box .banner a:hover, #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li:hover, #wrapper #content #about #main div.columnList02 > ul > li div.box .image a:hover, #wrapper #content #news #main > #nNews > .cont > .box .banner a:hover, #wrapper #content #news #main > #nNews > .cont > .box .list ul li:hover, #wrapper #content #shop #main > #sShop > .cont > .box .shopmap p a:hover, #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li div.box .image a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  zoom: 1; }

body .cont, #wrapper #header > .cont #mainNav ul, #wrapper #footer > .cont {
  *zoom: 1; }
  body .cont:before, #wrapper #header > .cont #mainNav ul:before, #wrapper #footer > .cont:before, body .cont:after, #wrapper #header > .cont #mainNav ul:after, #wrapper #footer > .cont:after {
    content: ' ';
    display: table; }
  body .cont:after, #wrapper #header > .cont #mainNav ul:after, #wrapper #footer > .cont:after {
    clear: both; }

/* --------  base  -------- */
body {
  color: #40210F;
  word-wrap: break-word;
  text-align: justify;
  text-justify: distribute;
  letter-spacing: 2px; }
  body .left {
    float: left; }
  body .right {
    float: right; }
  body .center {
    display: block;
    text-align: center; }
  body .cont {
    width: auto;
    padding: 0px;
    margin: 0 auto; }
  body input, body table, body select {
    color: #40210F; }

/* --------  レスポンシブ用CSS  -------- */
.pc {
  display: none; }

/* --------  Rollfunc用CSS   -------- */
.Roll {
  position: relative;
  z-index: 999;
  cursor: pointer; }

.rollParent {
  position: relative;
  display: inline-block; }

.clone {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0; }

/* --------  follow用CSS   -------- */
.fix {
  position: fixed; }

.abs {
  position: absolute; }

/* --------  list系クラス用意  -------- */
ul.decimal li {
  list-style-type: decimal;
  margin-left: 1.5em; }

ul.disc li {
  list-style-type: disc;
  margin-left: 1.5em; }

ul.circle li {
  text-indent: -1.5em;
  margin-left: 1.5em; }
  ul.circle li:before {
    content: '●';
    color: #6E941F;
    margin-right: 0.9em; }
  ul.circle li .kome {
    color: #C1272D; }

.att {
  text-indent: -1em;
  margin-left: 1em; }
  .att:before {
    content: '※'; }

/* --------  WP用エディタ指定  -------- */
.alignnone {
  clear: both;
  display: block;
  margin: 0px;
  padding: 0px; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* --------  webFonts  -------- */
/* --------  base  -------- */
body {
  font-size: 13px;
  line-height: 1.5em;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal; }
  body a {
    color: #E3007F; }
    body a:hover, body a.hover, body a.focus, body a.current {
      color: #EB4DA6;
      text-decoration: none; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* --------  layout  -------- */
#wrapper {
  width: 100%;
  min-width: 1080px;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  background: #FDFCFC;
  /* --------  header  -------- */
  /* --------  mainImages  -------- */ }
  #wrapper #header {
    width: 100%;
    min-width: 1020px;
    height: 60px;
    padding: 0px 0;
    background: #40210F;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; }
    #wrapper #header > .cont h1#logo {
      width: 116px;
      height: 20px;
      padding: 20px 20px;
      position: absolute;
      top: 0;
      left: 0; }
    #wrapper #header > .cont #mainNav {
      padding-top: 20px; }
      #wrapper #header > .cont #mainNav ul {
        position: relative;
        float: left;
        left: 50%; }
        #wrapper #header > .cont #mainNav ul li {
          position: relative;
          float: left;
          left: -50%;
          margin-left: 15px;
          padding-right: 15px; }
          #wrapper #header > .cont #mainNav ul li:first-child {
            margin-left: 0; }
    #wrapper #header > .cont #subNav {
      float: right; }
      #wrapper #header > .cont #subNav ul li {
        float: left;
        margin-right: 20px; }
        #wrapper #header > .cont #subNav ul li a {
          color: #FFF; }
          #wrapper #header > .cont #subNav ul li a img {
            width: 20px;
            height: 20px; }
    #wrapper #header > .cont a {
      display: block; }
  #wrapper #mainImages {
    width: 100%;
    min-width: 1080px;
    height: auto;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 0; }
    #wrapper #mainImages > .cont h2#title {
      width: 100%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -287px;
      margin-left: -50%;
      text-align: center;
      z-index: 100; }
      #wrapper #mainImages > .cont h2#title span {
        width: 100%;
        float: left; }
        #wrapper #mainImages > .cont h2#title span.copy {
          height: 440px; }
    #wrapper #mainImages > .cont #mainImage {
      position: relative; }
      #wrapper #mainImages > .cont #mainImage ul#imageList {
        width: 100%;
        height: auto; }
        #wrapper #mainImages > .cont #mainImage ul#imageList li {
          -webkit-transition: all 1.5s;
          -moz-transition: all 1.5s;
          -ms-transition: all 1.5s;
          -o-transition: all 1.5s;
          transition: all 1.5s;
          width: 100%;
          min-width: 980px;
          height: auto;
          position: absolute;
          top: 0;
          left: 0;
          overflow: hidden; }
          #wrapper #mainImages > .cont #mainImage ul#imageList li img {
            width: 100%;
            height: auto; }
          #wrapper #mainImages > .cont #mainImage ul#imageList li.img01 {
            background: url(../images/index_mainImage01.jpg) center center no-repeat;
            background-size: cover; }
          #wrapper #mainImages > .cont #mainImage ul#imageList li.img02 {
            background: url(../images/index_mainImage02.jpg) center center no-repeat;
            background-size: cover; }
          #wrapper #mainImages > .cont #mainImage ul#imageList li.img03 {
            background: url(../images/index_mainImage03.jpg) center center no-repeat;
            background-size: cover; }
          #wrapper #mainImages > .cont #mainImage ul#imageList li.img04 {
            background: url(../images/index_mainImage04.jpg) center center no-repeat;
            background-size: cover; }
          #wrapper #mainImages > .cont #mainImage ul#imageList li.img05 {
            background: url(../images/index_mainImage05.jpg) center center no-repeat;
            background-size: cover; }
          #wrapper #mainImages > .cont #mainImage ul#imageList li.img06 {
            background: url(../images/index_mainImage06.jpg) center center no-repeat;
            background-size: cover; }
      #wrapper #mainImages > .cont #mainImage ul.slideST li {
        opacity: 0 !important;
        filter: alpha(opacity=0) !important; }
        #wrapper #mainImages > .cont #mainImage ul.slideST li.onSlide {
          opacity: 1 !important;
          filter: alpha(opacity=100) !important; }
    #wrapper #mainImages > .cont #scrolldownbutton {
      position: absolute;
      bottom: 15%;
      left: 50%;
      margin-left: -25px; }
  #wrapper #content {
    position: relative;
    padding-bottom: 480px; }
    #wrapper #content > .cont {
      margin: 0 auto;
      text-align: center; }
      #wrapper #content > .cont #main .cont .box > h2.title, #wrapper #content > .cont #main .cont .frame > h2.title {
        font-size: 139%;
        font-weight: bold;
        margin-bottom: 30px; }
      #wrapper #content > .cont #main .cont .box > div.text, #wrapper #content > .cont #main .cont .frame > div.text {
        font-size: 108%;
        margin-bottom: 30px; }
        #wrapper #content > .cont #main .cont .box > div.text p, #wrapper #content > .cont #main .cont .frame > div.text p {
          margin-bottom: 15px; }
      #wrapper #content > .cont #main .cont .box > div.btn, #wrapper #content > .cont #main .cont .frame > div.btn {
        margin: 0 auto; }
  #wrapper #footer {
    position: absolute;
    bottom: 0;
    width: 100%; }
    #wrapper #footer > .cont {
      width: 100%;
      min-width: 1020px;
      height: auto;
      background: #FDFCFC;
      position: relative;
      text-align: center; }
      #wrapper #footer > .cont #infolist {
        margin-bottom: 30px; }
        #wrapper #footer > .cont #infolist .logo {
          margin-bottom: 30px; }
        #wrapper #footer > .cont #infolist .title {
          font-weight: bold;
          font-size: 124%;
          margin-bottom: 10px; }
        #wrapper #footer > .cont #infolist ul {
          width: 100%;
          height: auto;
          text-align: center; }
          #wrapper #footer > .cont #infolist ul li {
            display: inline-block;
            margin-left: 15px; }
            #wrapper #footer > .cont #infolist ul li:first-child {
              margin-left: 0; }
            #wrapper #footer > .cont #infolist ul li.add {
              font-weight: bold;
              font-size: 108%; }
            #wrapper #footer > .cont #infolist ul li.tel {
              font-weight: bold;
              font-size: 124%; }
      #wrapper #footer > .cont #footerNav {
        width: 100%;
        height: auto;
        position: relative;
        padding-bottom: 60px;
        margin-bottom: 3px;
        background: url(../images/footer_ico_house.png) no-repeat bottom center; }
        #wrapper #footer > .cont #footerNav ul {
          width: 100%;
          height: auto;
          text-align: center; }
          #wrapper #footer > .cont #footerNav ul li {
            display: inline-block;
            margin-left: 15px; }
            #wrapper #footer > .cont #footerNav ul li:first-child {
              margin-left: 0; }
            #wrapper #footer > .cont #footerNav ul li a {
              display: block;
              font-weight: bold; }
      #wrapper #footer > .cont #pagetop {
        width: 62px;
        height: 42px;
        position: fixed;
        bottom: 100px;
        right: 50px;
        cursor: pointer;
        z-index: 1; }
        #wrapper #footer > .cont #pagetop .pagetop {
          width: 62px;
          height: 42px;
          position: relative;
          background: url(../images/pagetop.png) left top no-repeat;
          display: block;
          text-indent: -9999px; }
        #wrapper #footer > .cont #pagetop a {
          display: block; }
      #wrapper #footer > .cont #copyright {
        padding: 20px 0;
        background: #40210F; }
        #wrapper #footer > .cont #copyright .copyright {
          margin: 0 auto;
          text-align: center;
          color: #FDFCFC; }

/* CSS Document -- _cont.scss */
#wrapper #content #index #main > div > .cont > .banner, #wrapper #content #news #main > div > .cont > .banner, #wrapper #content #access #main > div > .cont > .banner, #wrapper #content #kantoukai #main > div > .cont > .banner {
  width: 100%;
  height: 500px;
  overflow: hidden; }

/* --------  contents  -------- */
#wrapper #content > .cont {
  /*共通項目*/ }
  #wrapper #content > .cont #main > .section > .list {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto; }
    #wrapper #content > .cont #main > .section > .list ul {
      position: relative;
      left: 50%;
      float: left; }
      #wrapper #content > .cont #main > .section > .list ul li {
        position: relative;
        left: -50%;
        float: left;
        margin-left: 10px;
        margin-right: 10px; }
        #wrapper #content > .cont #main > .section > .list ul li:first-child {
          margin-left: 0; }
        #wrapper #content > .cont #main > .section > .list ul li:last-child {
          margin-right: 0; }
        #wrapper #content > .cont #main > .section > .list ul li div.box {
          overflow: hidden;
          position: relative;
          width: 240px; }
          #wrapper #content > .cont #main > .section > .list ul li div.box .thumb {
            margin-bottom: 10px;
            overflow: hidden;
            position: relative; }
          #wrapper #content > .cont #main > .section > .list ul li div.box .title {
            font-size: 108%;
            font-weight: bold;
            margin-bottom: 10px; }
          #wrapper #content > .cont #main > .section > .list ul li div.box .date {
            margin-bottom: 10px; }
  #wrapper #content > .cont #main .box .line-centerText {
    margin-bottom: 15px;
    display: table;
    text-align: center;
    white-space: nowrap; }
    #wrapper #content > .cont #main .box .line-centerText:after, #wrapper #content > .cont #main .box .line-centerText:before {
      content: '';
      display: table-cell;
      width: 50%;
      background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
      background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
      background: -o-linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
      background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
      -webkit-background-clip: padding;
      background-clip: padding; }
    #wrapper #content > .cont #main .box .line-centerText:after {
      border-left: 1em solid transparent; }
    #wrapper #content > .cont #main .box .line-centerText:before {
      border-right: 1em solid transparent; }

#wrapper #content #index {
  /*index固有*/ }
  #wrapper #content #index #main > div {
    /*indexの共有*/ }
  #wrapper #content #index #main > #iAbout {
    margin-bottom: 100px; }
    #wrapper #content #index #main > #iAbout > .cont > .box h3.secTitle {
      margin-top: -60px; }
    #wrapper #content #index #main > #iAbout > .cont > .box .text p {
      font-size: 116%;
      font-weight: bold;
      line-height: 2.0; }
  #wrapper #content #index #main > #iNews {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 880px;
    margin-bottom: 100px; }
    #wrapper #content #index #main > #iNews > .cont > .box h3.secTitle {
      margin-top: -60px;
      margin-bottom: 60px; }
    #wrapper #content #index #main > #iNews > .cont > .box .text {
      margin-bottom: 50px; }
    #wrapper #content #index #main > #iNews > .cont > .box .banner {
      margin-bottom: 60px; }
    #wrapper #content #index #main > #iNews > .cont > .box .list {
      position: relative;
      overflow: hidden;
      margin-right: auto;
      margin-left: auto; }
      #wrapper #content #index #main > #iNews > .cont > .box .list ul li div.box {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 600px;
        margin-bottom: 0px; }
        #wrapper #content #index #main > #iNews > .cont > .box .list ul li div.box h4.title {
          text-align: center;
          font-size: 116%;
          font-weight: bold;
          text-align: left;
          margin-bottom: 10px; }
        #wrapper #content #index #main > #iNews > .cont > .box .list ul li div.box .date {
          text-align: left;
          margin-bottom: 30px; }
        #wrapper #content #index #main > #iNews > .cont > .box .list ul li div.box .text {
          text-align: left; }
          #wrapper #content #index #main > #iNews > .cont > .box .list ul li div.box .text p {
            line-height: 1.8; }
  #wrapper #content #index #main > #iShop {
    margin-bottom: 100px; }
  #wrapper #content #index #main > #iAccess {
    margin-bottom: 100px; }
    #wrapper #content #index #main > #iAccess > .cont > .frame #map {
      width: 100%;
      height: 440px;
      margin-bottom: 30px; }
      #wrapper #content #index #main > #iAccess > .cont > .frame #map .popup {
        text-align: left; }
        #wrapper #content #index #main > #iAccess > .cont > .frame #map .popup h2 {
          font-weight: bold; }
    #wrapper #content #index #main > #iAccess > .cont > .frame .text {
      margin-bottom: 30px; }
  #wrapper #content #index #main > #iInstagram {
    position: relative;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    width: 1040px;
    margin-bottom: 100px; }
    #wrapper #content #index #main > #iInstagram > .cont > .box {
      margin-bottom: 50px; }
      #wrapper #content #index #main > #iInstagram > .cont > .box ul.list {
        position: relative;
        left: 50%;
        float: left; }
        #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li {
          position: relative;
          left: -50%;
          float: left;
          margin-left: 10px;
          margin-right: 10px; }
          #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li div.box {
            overflow: hidden;
            position: relative;
            width: 240px;
            height: 240px;
            margin-bottom: 20px; }
            #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li div.box .thumb {
              overflow: hidden;
              position: relative; }
              #wrapper #content #index #main > #iInstagram > .cont > .box ul.list > li div.box .thumb img {
                width: 240px;
                height: 240px; }
      #wrapper #content #index #main > #iInstagram > .cont > .box div.btn {
        clear: both; }

#wrapper #content #about {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 860px; }
  #wrapper #content #about #main {
    padding-top: 100px; }
    #wrapper #content #about #main div.columnList02 > ul {
      position: relative;
      float: left;
      left: 50%; }
      #wrapper #content #about #main div.columnList02 > ul > li {
        position: relative;
        float: left;
        left: -50%;
        margin-left: 0px;
        padding-right: 60px; }
        #wrapper #content #about #main div.columnList02 > ul > li:first-child {
          margin-left: 0px; }
        #wrapper #content #about #main div.columnList02 > ul > li.odd {
          margin-left: 0px; }
        #wrapper #content #about #main div.columnList02 > ul > li.even {
          padding-right: 0px; }
        #wrapper #content #about #main div.columnList02 > ul > li:last-child {
          padding-right: 0px; }
        #wrapper #content #about #main div.columnList02 > ul > li div.box {
          width: 400px; }
          #wrapper #content #about #main div.columnList02 > ul > li div.box h3.secTitle {
            text-align: left;
            font-weight: bold;
            font-size: 162%;
            margin-bottom: 20px; }
          #wrapper #content #about #main div.columnList02 > ul > li div.box .image a {
            display: block; }
    #wrapper #content #about #main > #aLead {
      margin-bottom: 100px; }
      #wrapper #content #about #main > #aLead > .cont > .box h3.secTitle {
        margin-bottom: 70px; }
      #wrapper #content #about #main > #aLead > .cont > .box .text {
        text-align: left; }
        #wrapper #content #about #main > #aLead > .cont > .box .text p {
          line-height: 2.0; }
    #wrapper #content #about #main > #aProfile {
      margin-bottom: 100px;
      clear: both;
      overflow: hidden;
      position: relative; }
      #wrapper #content #about #main > #aProfile > .cont > .box h3.secTitle {
        text-align: left; }
      #wrapper #content #about #main > #aProfile > .cont > .box .text {
        text-align: left; }
      #wrapper #content #about #main > #aProfile > .cont > .box div.image {
        float: left;
        width: 400px;
        margin-right: 0px; }
      #wrapper #content #about #main > #aProfile > .cont > .box div.table {
        float: right;
        width: 400px; }
        #wrapper #content #about #main > #aProfile > .cont > .box div.table table th {
          width: 20%;
          padding: 10px 15px;
          background-color: #ECE9E7;
          border-bottom: 5px solid #FFF; }
        #wrapper #content #about #main > #aProfile > .cont > .box div.table table td {
          padding: 10px 15px;
          text-align: left; }
    #wrapper #content #about #main > #aHistory {
      margin-bottom: 100px; }
      #wrapper #content #about #main > #aHistory > .cont .box .line-centerText {
        font-weight: bold;
        font-size: 162%;
        margin-bottom: 50px; }
      #wrapper #content #about #main > #aHistory > .cont .box div.text {
        text-align: justify;
        letter-spacing: 0.2em;
        line-height: 1.8; }
      #wrapper #content #about #main > #aHistory > .cont .box div.columnList02 > ul > li div.box dl dt {
        font-weight: bold;
        margin-bottom: 5px;
        text-align: left; }
      #wrapper #content #about #main > #aHistory > .cont .box div.columnList02 > ul > li div.box dl dd {
        margin-bottom: 15px;
        padding-left: 15px;
        text-align: left;
        border-left: 1px solid #40210F; }

#wrapper #content #news #main {
  padding-top: 100px; }
  #wrapper #content #news #main > #nNews {
    margin-bottom: 100px; }
    #wrapper #content #news #main > #nNews > .cont > .box .text {
      margin-bottom: 50px; }
    #wrapper #content #news #main > #nNews > .cont > .box .banner {
      margin-bottom: 60px; }
    #wrapper #content #news #main > #nNews > .cont > .box .list {
      position: relative;
      overflow: hidden;
      margin-right: auto;
      margin-left: auto; }
      #wrapper #content #news #main > #nNews > .cont > .box .list ul {
        position: relative;
        left: 50%;
        float: left; }
        #wrapper #content #news #main > #nNews > .cont > .box .list ul li {
          position: relative;
          left: -50%;
          float: left;
          margin-left: 20px;
          margin-right: 20px; }
          #wrapper #content #news #main > #nNews > .cont > .box .list ul li div.box {
            overflow: hidden;
            position: relative;
            width: 400px;
            margin-bottom: 50px; }
            #wrapper #content #news #main > #nNews > .cont > .box .list ul li div.box .pic {
              float: left;
              width: 120px;
              height: 120px;
              margin-right: 20px;
              overflow: hidden;
              position: relative; }
              #wrapper #content #news #main > #nNews > .cont > .box .list ul li div.box .pic a {
                position: absolute;
                left: 50%;
                top: 50%;
                width: 140%;
                height: 120px;
                line-height: 120px;
                margin: -60px 0 0 -70%;
                text-align: center;
                display: block; }
                #wrapper #content #news #main > #nNews > .cont > .box .list ul li div.box .pic a img {
                  min-height: 120px;
                  min-width: 10%;
                  vertical-align: middle; }
            #wrapper #content #news #main > #nNews > .cont > .box .list ul li div.box .date {
              text-align: left;
              margin-bottom: 10px; }
            #wrapper #content #news #main > #nNews > .cont > .box .list ul li div.box .text {
              text-align: left; }

#wrapper #content #shop {
  /*商店一覧*/
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 860px; }
  #wrapper #content #shop #main {
    padding-top: 100px; }
    #wrapper #content #shop #main > #sLead {
      margin-bottom: 50px; }
    #wrapper #content #shop #main > #sList {
      margin-bottom: 0px; }
      #wrapper #content #shop #main > #sList > .cont > .box {
        margin-bottom: 100px; }
        #wrapper #content #shop #main > #sList > .cont > .box h3.secTitle {
          text-align: left;
          font-weight: bold;
          font-size: 162%;
          margin-bottom: 20px; }
        #wrapper #content #shop #main > #sList > .cont > .box .table table {
          width: 100%;
          font-size: 108%; }
          #wrapper #content #shop #main > #sList > .cont > .box .table table th {
            padding: 10px 15px;
            text-align: left;
            background-color: #ECE9E7;
            border-bottom: 5px solid #FFF; }
            #wrapper #content #shop #main > #sList > .cont > .box .table table th.name {
              width: 33%; }
            #wrapper #content #shop #main > #sList > .cont > .box .table table th.add {
              width: 33%; }
            #wrapper #content #shop #main > #sList > .cont > .box .table table th.tel {
              width: 33%; }
          #wrapper #content #shop #main > #sList > .cont > .box .table table td {
            padding: 10px 15px;
            text-align: left;
            border-bottom: 1px solid #ECE9E7; }
    #wrapper #content #shop #main > #sShop {
      margin-bottom: 100px; }
      #wrapper #content #shop #main > #sShop > .cont > .box .shopmap {
        position: relative;
        overflow: hidden;
        width: 860px;
        height: 3900px;
        background: url(../images/shop_map.png) no-repeat top left; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap p a {
          display: block;
          text-indent: -9999px;
          position: absolute; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list01 a {
          top: 440px;
          left: 177px;
          width: 160px;
          height: 20px;
          background: url(../images/shop_list_01.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list02 a {
          top: 1101px;
          left: 60px;
          width: 160px;
          height: 20px;
          background: url(../images/shop_list_02.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list03 a {
          top: 1568px;
          left: 100px;
          width: 230px;
          height: 30px;
          background: url(../images/shop_list_03.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list04 a {
          top: 1563px;
          left: 550px;
          width: 130px;
          height: 20px;
          background: url(../images/shop_list_04.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list05 a {
          top: 1788px;
          left: 190px;
          width: 130px;
          height: 20px;
          background: url(../images/shop_list_05.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list06 a {
          top: 2218px;
          left: 520px;
          width: 155px;
          height: 20px;
          background: url(../images/shop_list_06.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list07 a {
          top: 2314px;
          left: 210px;
          width: 110px;
          height: 20px;
          background: url(../images/shop_list_07.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list08 a {
          top: 2967px;
          left: 260px;
          width: 80px;
          height: 20px;
          background: url(../images/shop_list_08.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list09 a {
          top: 3566px;
          left: 140px;
          width: 200px;
          height: 20px;
          background: url(../images/shop_list_09.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list10 a {
          top: 1996px;
          left: 100px;
          width: 180px;
          height: 20px;
          background: url(../images/shop_list_10.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list11 a {
          top: 268px;
          left: 540px;
          width: 160px;
          height: 20px;
          background: url(../images/shop_list_11.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list12 a {
          top: 2677px;
          left: 200px;
          width: 110px;
          height: 20px;
          background: url(../images/shop_list_12.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list13 a {
          top: 857px;
          left: 240px;
          width: 100px;
          height: 20px;
          background: url(../images/shop_list_13.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list14 a {
          top: 2927px;
          left: 230px;
          width: 80px;
          height: 20px;
          background: url(../images/shop_list_14.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_ishidasika a {
          top: 3416px;
          left: 520px;
          width: 127px;
          height: 20px;
          background: url(../images/shop_list_ishidasika.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_iidukaen a {
          top: 2118px;
          left: 520px;
          width: 110px;
          height: 20px;
          background: url(../images/shop_list_iidukaen.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_shie a {
          top: 2008px;
          left: 520px;
          width: 124px;
          height: 20px;
          background: url(../images/shop_list_shie.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_itodenki a {
          top: 1885px;
          left: 83px;
          width: 122px;
          height: 20px;
          background: url(../images/shop_list_itodenki.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_nakamuraya a {
          top: 1888px;
          left: 214px;
          width: 76px;
          height: 20px;
          background: url(../images/shop_list_nakamuraya.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_maruishikanamono a {
          top: 1834px;
          left: 548px;
          width: 111px;
          height: 20px;
          background: url(../images/shop_list_maruishikanamono.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_akaishi a {
          top: 1618px;
          left: 28px;
          width: 241px;
          height: 20px;
          background: url(../images/shop_list_akaishi.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_echigokutsuten a {
          top: 1373px;
          left: 560px;
          width: 109px;
          height: 20px;
          background: url(../images/shop_list_echigokutsuten.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_marusaseika a {
          top: 1236px;
          left: 5px;
          width: 135px;
          height: 20px;
          background: url(../images/shop_list_marusaseika.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_sweetmarket a {
          top: 1181px;
          left: 129px;
          width: 191px;
          height: 20px;
          background: url(../images/shop_list_sweetmarket.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_ndk a {
          top: 933px;
          left: 107px;
          width: 163px;
          height: 20px;
          background: url(../images/shop_list_ndk.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_shimomura a {
          top: 983px;
          left: 630px;
          width: 127px;
          height: 20px;
          background: url(../images/shop_list_shimomura.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_kougetsudo a {
          top: 364px;
          left: 192px;
          width: 117px;
          height: 20px;
          background: url(../images/shop_list_kougetsudo.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_fukura a {
          top: 1463px;
          left: 559px;
          width: 116px;
          height: 20px;
          background: url(../images/shop_list_fukura.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_akane a {
          top: 1703px;
          left: 550px;
          width: 240px;
          height: 20px;
          background: url(../images/shop_list_akane.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_kobushi a {
          top: 1828px;
          left: 28px;
          width: 292px;
          height: 20px;
          background: url(../images/shop_list_kobushi.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_mitsuya a {
          top: 2927px;
          left: 94px;
          width: 120px;
          height: 20px;
          background: url(../images/shop_list_mitsuya.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_hirakawa a {
          top: 3466px;
          left: 160px;
          width: 180px;
          height: 20px;
          background: url(../images/shop_list_hirakawa.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_needtheplace a {
          top: 3144px;
          left: 552px;
          width: 150px;
          height: 20px;
          background: url(../images/shop_list_needtheplace.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_mezzanine a {
          top: 3144px;
          left: 710px;
          width: 150px;
          height: 20px;
          background: url(../images/shop_list_mezzanine.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_steiff a {
          top: 3120px;
          left: 552px;
          width: 150px;
          height: 20px;
          background: url(../images/shop_list_steiff.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_sasakigumi a {
          top: 1784px;
          left: 719px;
          width: 134px;
          height: 20px;
          background: url(../images/shop_list_sasakigumi.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_kikkawa a {
          top: 903px;
          left: 699px;
          width: 160px;
          height: 20px;
          background: url(../images/shop_list_kikkawa.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_jstyle a {
          top: 873px;
          left: 699px;
          width: 160px;
          height: 20px;
          background: url(../images/shop_list_jstyle.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_grandma a {
          top: 2254px;
          left: 238px;
          width: 82px;
          height: 20px;
          background: url(../images/shop_list_grandma.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_nishimaru a {
          top: 983px;
          left: 530px;
          width: 60px;
          height: 20px;
          background: url(../images/shop_list_nishimaru.png) no-repeat; }
        #wrapper #content #shop #main > #sShop > .cont > .box .shopmap #list_soar a {
          top: 166px;
          left: 152px;
          width: 200px;
          height: 40px;
          background: url(../images/shop_list_soar.png) no-repeat; }
    #wrapper #content #shop #main > #sProfile {
      margin-bottom: 100px; }
      #wrapper #content #shop #main > #sProfile > .cont > .box h3.secTitle {
        text-align: center;
        font-weight: bold;
        font-size: 162%;
        margin-bottom: 20px; }
      #wrapper #content #shop #main > #sProfile > .cont > .box .text {
        margin-bottom: 50px;
        text-align: center; }
        #wrapper #content #shop #main > #sProfile > .cont > .box .text p {
          line-height: 1.8; }
      #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 {
        overflow: hidden;
        margin-bottom: 50px; }
        #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul {
          position: relative;
          float: left;
          left: 50%; }
          #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li {
            position: relative;
            float: left;
            left: -50%;
            margin-left: 0px;
            padding-right: 60px; }
            #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li:first-child {
              margin-left: 0px; }
            #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li.odd {
              margin-left: 0px; }
            #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li.even {
              padding-right: 0px; }
            #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li:last-child {
              padding-right: 0px; }
            #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li div.box {
              width: 400px;
              margin-bottom: 30px; }
              #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li div.box h3.secTitle {
                text-align: left;
                font-weight: bold;
                font-size: 162%;
                margin-bottom: 20px; }
              #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li div.box .image a {
                display: block; }
              #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li div.box table th {
                width: 80px;
                padding: 8px 15px;
                background-color: #ECE9E7;
                border-bottom: 3px solid #FDFCFC; }
              #wrapper #content #shop #main > #sProfile > .cont > .box div.columnList02 > ul > li div.box table td {
                padding: 8px 15px;
                text-align: left; }
      #wrapper #content #shop #main > #sProfile > .cont > .box div.btn {
        clear: both; }

#wrapper #content #access #main {
  padding-top: 100px; }
  #wrapper #content #access #main > #aAccess {
    margin-bottom: 100px; }
    #wrapper #content #access #main > #aAccess > .cont > .frame #map {
      width: 100%;
      height: 560px;
      margin-bottom: 30px; }
      #wrapper #content #access #main > #aAccess > .cont > .frame #map .popup {
        text-align: left; }
        #wrapper #content #access #main > #aAccess > .cont > .frame #map .popup h2 {
          font-weight: bold; }
    #wrapper #content #access #main > #aAccess > .cont > .frame .text {
      margin-bottom: 30px; }

#wrapper #content #kantoukai {
  position: relative;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  width: 860px; }
  #wrapper #content #kantoukai #main {
    padding-top: 100px; }
    #wrapper #content #kantoukai #main > #kKantoukai {
      margin-bottom: 50px; }
      #wrapper #content #kantoukai #main > #kKantoukai > .cont > .box .text {
        margin-bottom: 30px; }
    #wrapper #content #kantoukai #main > #launch {
      margin-bottom: 50px; }
      #wrapper #content #kantoukai #main > #launch > .cont > .box h3.secTitle {
        text-align: left;
        font-weight: bold;
        font-size: 162%;
        margin-bottom: 20px; }
      #wrapper #content #kantoukai #main > #launch > .cont > .box .pic {
        float: left;
        margin-right: 30px; }
        #wrapper #content #kantoukai #main > #launch > .cont > .box .pic img {
          width: 180px; }
      #wrapper #content #kantoukai #main > #launch > .cont > .box .text {
        text-align: left;
        line-height: 2.0; }
    #wrapper #content #kantoukai #main > #origin {
      margin-bottom: 50px; }
      #wrapper #content #kantoukai #main > #origin > .cont > .box h3.secTitle {
        text-align: left;
        font-weight: bold;
        font-size: 162%;
        margin-bottom: 20px; }
      #wrapper #content #kantoukai #main > #origin > .cont > .box > .pic01 {
        float: right;
        margin-left: 30px; }
        #wrapper #content #kantoukai #main > #origin > .cont > .box > .pic01 img {
          width: 120px; }
      #wrapper #content #kantoukai #main > #origin > .cont > .box .pic02 {
        width: 400px; }
      #wrapper #content #kantoukai #main > #origin > .cont > .box > .text {
        text-align: left;
        line-height: 2.0;
        margin-bottom: 50px; }
      #wrapper #content #kantoukai #main > #origin > .cont > .box > .list {
        clear: both;
        position: relative;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto; }
        #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul {
          position: relative;
          left: 50%;
          float: left; }
          #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li {
            position: relative;
            left: -50%;
            float: left;
            margin-left: 0px;
            margin-right: 60px; }
            #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li:first-child {
              margin-left: 0px; }
            #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li:last-child {
              margin-right: 0px; }
            #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li div.box {
              overflow: hidden;
              position: relative;
              width: 400px;
              margin-bottom: 20px; }
              #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li div.box h4.secTitle {
                text-align: left;
                font-weight: bold;
                font-size: 116%;
                margin-bottom: 10px; }
              #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li div.box .pic {
                float: left;
                width: 120px;
                margin-right: 20px; }
              #wrapper #content #kantoukai #main > #origin > .cont > .box > .list ul li div.box .text {
                text-align: left;
                line-height: 1.8; }
    #wrapper #content #kantoukai #main > #technique {
      margin-bottom: 100px; }
      #wrapper #content #kantoukai #main > #technique > .cont > .box h3.secTitle {
        text-align: left;
        font-weight: bold;
        font-size: 162%;
        margin-bottom: 20px; }
      #wrapper #content #kantoukai #main > #technique > .cont > .box > .pic {
        float: left;
        margin-right: 40px; }
        #wrapper #content #kantoukai #main > #technique > .cont > .box > .pic img {
          width: 240px; }
      #wrapper #content #kantoukai #main > #technique > .cont > .box > .text {
        text-align: left;
        line-height: 2.0;
        margin-bottom: 50px; }
      #wrapper #content #kantoukai #main > #technique > .cont > .box > .table {
        text-align: left;
        float: left;
        width: 580px; }
        #wrapper #content #kantoukai #main > #technique > .cont > .box > .table dl dt {
          font-weight: bold;
          font-size: 108%;
          margin-bottom: 5px; }
        #wrapper #content #kantoukai #main > #technique > .cont > .box > .table dl dd {
          margin-bottom: 20px; }

@media only screen and (min-width: 560px) {
  /* CSS Document -- pc.scss */
  /* --------  function  -------- */
  .pc {
    display: block; }
  .spn {
    display: none; }
  /* --------  base  -------- */
  /* --------  rayout  -------- */ }

@media print {
  #header {
    display: none; } }
