@charset "UTF-8";
#searchBox .lefty {
  min-width: 270px;
  width: 100%; }
  @media only screen and (min-width: 650px) {
    #searchBox .lefty {
      width: 45%; } }
#searchBox #categoryBox #categoryList {
  padding-top: 10px;
  overflow: hidden; }
  #searchBox #categoryBox #categoryList li {
    position: relative;
    padding: 1px 0 2px;
    overflow: hidden; }
    @media only screen and (min-width: 575px) and (max-width: 649px) {
      #searchBox #categoryBox #categoryList li {
        float: left;
        width: 50%; }
        #searchBox #categoryBox #categoryList li:nth-child(1n + 1) {
          padding-right: 3px; } }
    #searchBox #categoryBox #categoryList li input {
      position: absolute;
      top: 0;
      left: -999px;
      z-index: -1; }
    #searchBox #categoryBox #categoryList li label {
      position: relative;
      z-index: 1;
      display: block;
      width: 100%;
      height: 24px;
      overflow: hidden;
      text-indent: -9999px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-color: #E0E0E0;
      cursor: pointer; }
  #searchBox #categoryBox #categoryList .checked label {
    background-position: 0 -24px;
    background-color: #676F78; }
  #searchBox #categoryBox #categoryList .category0 label {
    background-image: url(/shop_guide/img/search_btn/btn_cat00.png); }
  #searchBox #categoryBox #categoryList .category1 label {
    background-image: url(/shop_guide/img/search_btn/btn_cat01.png); }
  #searchBox #categoryBox #categoryList .category2 label {
    background-image: url(/shop_guide/img/search_btn/btn_cat02.png); }
  #searchBox #categoryBox #categoryList .category3 label {
    background-image: url(/shop_guide/img/search_btn/btn_cat03.png); }
  #searchBox #categoryBox #categoryList .category4 label {
    background-image: url(/shop_guide/img/search_btn/btn_cat04.png); }
#searchBox #categoryBox .btn_category_search {
  width: 100%;
  margin-top: 10px;
  background: none;
  background-color: #808080;
  border: none; }
#searchBox #keywordBox .wrap_btn_keyword_search {
  position: relative;
  margin-bottom: 30px; }
  #searchBox #keywordBox .wrap_btn_keyword_search input {
    width: 100%;
    margin-top: 10px;
    padding-right: 75px; }
  #searchBox #keywordBox .wrap_btn_keyword_search .btn_keyword_search {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    padding: 10px 0 0 0; }
#searchBox .righty {
  width: 100%; }
  @media only screen and (min-width: 650px) {
    #searchBox .righty {
      width: 45%; } }
#searchBox #shopnameBox .bg_ribon {
  margin-bottom: 5px; }
#searchBox #shopnameBox .ttl__sub_shopnameBox {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7;
  position: relative;
  margin: 10px 0 5px;
  padding-left: 10px;
  line-height: 1.5; }
  #searchBox #shopnameBox .ttl__sub_shopnameBox:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    height: 5px;
    margin: auto;
    background-color: #333333;
    border-radius: 50%; }
#searchBox #shopnameBox ul li {
  float: left;
  padding: 0 3px 3px 0; }
#searchBox #shopnumberBox {
  position: relative; }
  #searchBox #shopnumberBox .selectArea {
    position: absolute;
    width: 9em;
    top: 4px;
    right: 4px;
    border: 1px solid #fff; }
    @media only screen and (min-width: 768px) and (max-width: 992px) {
      #searchBox #shopnumberBox .selectArea {
        background-color: transparent;
        border-color: transparent; }
        #searchBox #shopnumberBox .selectArea .selectTxt {
          color: transparent; } }

.ttl__result {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.7;
  color: #676F78;
  padding-bottom: 10px; }

#resultBox .resultTable:nth-child(even) dl {
  background-color: #eee; }

/*-------------------------------------------------------
** @ shopInfo
-------------------------------------------------------*/
#shop .noslider li img {
  max-width: 100%;
  height: auto; }
#shop .carrousel {
  position: relative; }
  #shop .carrousel ul {
    overflow: hidden;
    *zoom: 1; }
  #shop .carrousel .bx-prev {
    left: -20px;
    background: url(/common/img/btn_prev.png) no-repeat left center; }
  #shop .carrousel .bx-next {
    right: -20px;
    background: url(/common/img/btn_next.png) no-repeat right center; }
#shop .bx-wrapper img {
  height: auto; }
#shop .ttl__2border_top {
  padding: 0; }
#shop .ttl__solid_fill_black {
  line-height: 1.4;
  padding: 9px 0;
  margin-bottom: 20px;
  font-family: arial;
  font-weight: normal; }
  #shop .ttl__solid_fill_black .txt__small {
    font-size: 12px;
    display: block; }
#shop .back_number {
  text-align: center;
  margin-top: 20px; }
  #shop .back_number a {
    padding: 0 6px 2px;
    display: inline-block;
    border: 2px solid #676F78; }
    #shop .back_number a img {
      width: auto;
      height: 14px;
      vertical-align: middle; }
#shop .shopData {
  overflow: hidden;
  margin-bottom: 85px;
  font-size: 14px; }
  @media only screen and (max-width: 479px), print and (max-width: 1cm) {
    #shop .shopData {
      margin-bottom: 30px;
      font-size: 12px; } }
  #shop .shopData .shop_top {
    width: 30%;
    float: left;
    display: table;
    height: 329px; }
    @media only screen and (max-width: 479px), print and (max-width: 1cm) {
      #shop .shopData .shop_top {
        width: 100%; } }
    #shop .shopData .shop_top .shopLogo {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 5px;
      margin-right: 0 !important; }
      @media only screen and (max-width: 479px), print and (max-width: 1cm) {
        #shop .shopData .shop_top .shopLogo {
          order: 2;
          margin: 0 auto;
          width: 220px;
          display: inline; } }
      @media only screen and (min-width: 480px), print and (max-width: 1cm) {
        #shop .shopData .shop_top .shopLogo {
          border: 1px solid #676F78;
          margin-right: 5.4200542005%; } }
      #shop .shopData .shop_top .shopLogo img {
        width: 100%;
        height: auto;
        display: block;
        margin: auto; }
    #shop .shopData .shop_top .ttl {
      display: inline-block;
      vertical-align: middle;
      width: 67.0731707317%; }
      @media only screen and (max-width: 479px), print and (max-width: 1cm) {
        #shop .shopData .shop_top .ttl {
          order: 1;
          margin: 10px 0;
          text-align: center;
          width: 100%; } }
    #shop .shopData .shop_top h1 {
      font-size: 1.4rem;
      width: 100% !important; }
    #shop .shopData .shop_top .wrapper {
      display: table-cell;
      vertical-align: middle; }
  #shop .shopData .shop_detail {
    overflow: hidden;
    margin-bottom: 60px;
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 479px), print and (max-width: 1cm) {
      #shop .shopData .shop_detail {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px; } }
    #shop .shopData .shop_detail .shopLogo {
      width: 30%;
      float: left;
      display: inline-block;
      vertical-align: middle;
      max-height: 212px;
      margin-right: 15px !important; }
      @media only screen and (max-width: 479px), print and (max-width: 1cm) {
        #shop .shopData .shop_detail .shopLogo {
          margin: 0 auto;
          width: 100%;
          float: none;
          display: block;
          margin-right: 0 !important; } }
      @media only screen and (min-width: 480px), print and (max-width: 1cm) {
        #shop .shopData .shop_detail .shopLogo {
          border: 1px solid #676F78;
          margin-right: 5.4200542005%; } }
      #shop .shopData .shop_detail .shopLogo img {
        width: 100%;
        height: auto;
        display: block;
        margin: auto; }
    #shop .shopData .shop_detail h1 {
      font-size: 2.4rem; }
      @media only screen and (max-width: 479px), print and (max-width: 1cm) {
        #shop .shopData .shop_detail h1 {
          text-align: center;
          margin-top: 40px; } }
  #shop .shopData .shop_image {
    width: 67%;
    float: right;
    margin-bottom: 65px; }
    @media only screen and (max-width: 767px), print and (min-width: 2cm) {
      #shop .shopData .shop_image {
        margin-bottom: 30px;
        width: 100%;
        float: none; } }
    #shop .shopData .shop_image img {
      width: 100%;
      height: auto; }
  #shop .shopData .concept {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    *zoom: 1; }
    @media only screen and (max-width: 767px), print and (min-width: 2cm) {
      #shop .shopData .concept {
        margin-bottom: 30px; } }
    #shop .shopData .concept .ttl__shop_concept {
      border: solid #676F78;
      border-width: 3px 0;
      padding: 5px 0 4px;
      margin-bottom: 10px;
      text-align: center;
      font-weight: bold;
      color: #676F78;
      letter-spacing: 0.1em; }
      #shop .shopData .concept .ttl__shop_concept span {
        font-weight: bold;
        display: inline; }
      @media only screen and (min-width: 480px), print and (max-width: 1cm) {
        #shop .shopData .concept .ttl__shop_concept {
          float: left;
          margin-right: 30px; }
          #shop .shopData .concept .ttl__shop_concept span {
            display: block; } }
    #shop .shopData .concept .text {
      padding-top: 8px;
      *zoom: 1; }
      #shop .shopData .concept .text .img {
        margin-bottom: 30px; }
        @media only screen and (min-width: 480px), print and (max-width: 1cm) {
          #shop .shopData .concept .text .img {
            float: right;
            margin-left: 32px;
            margin-bottom: 10px;
            width: 30%; } }
        #shop .shopData .concept .text .img img {
          max-width: 100%;
          height: auto;
          display: block;
          margin: auto; }
  #shop .shopData .concept_image {
    text-align: center;
    margin-bottom: 60px; }
    @media only screen and (max-width: 479px), print and (max-width: 1cm) {
      #shop .shopData .concept_image {
        margin-bottom: 30px; } }
    #shop .shopData .concept_image img {
      width: 178px;
      height: auto; }
  #shop .shopData .table_shopInfo {
    float: left;
    width: 48%; }
    @media only screen and (max-width: 479px), print and (max-width: 1cm) {
      #shop .shopData .table_shopInfo {
        float: none;
        width: auto;
        margin-bottom: 20px; } }
    #shop .shopData .table_shopInfo a {
      word-break: break-all; }
    #shop .shopData .table_shopInfo th,
    #shop .shopData .table_shopInfo td {
      padding-bottom: 5px; }
    #shop .shopData .table_shopInfo th {
      min-width: 10%;
      white-space: nowrap; }
      #shop .shopData .table_shopInfo th + td {
        position: relative;
        padding-left: 1.5em; }
        #shop .shopData .table_shopInfo th + td:before {
          content: "：";
          display: block;
          position: absolute;
          left: 0.25em;
          top: 0; }
  #shop .shopData .brand {
    float: right;
    width: 48%; }
    @media only screen and (max-width: 479px), print and (max-width: 1cm) {
      #shop .shopData .brand {
        float: none;
        width: auto; } }
#shop .isIE8 .shopData table {
  table-layout: fixed; }
#shop .shopInfo {
  margin-bottom: 32px;
  overflow: hidden; }
  #shop .shopInfo .ttl__border_top_bottom + p {
    padding-top: 0; }
  #shop .shopInfo p {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px #676F78 dotted; }
  #shop .shopInfo .shopInfo_ttl {
    font-weight: bold;
    padding-bottom: 0 !important; }
  #shop .shopInfo .shopInfo_date {
    float: left;
    color: #999999;
    width: 15%; }
  #shop .shopInfo .shopInfor_txt {
    float: left;
    width: 85%; }
  @media only screen and (max-width: 479px), print and (max-width: 1cm) {
    #shop .shopInfo .shopInfo_date {
      float: none;
      width: 100%;
      display: block; }
    #shop .shopInfo .shopInfor_txt {
      float: none;
      width: 100%; } }
#shop .carrousel {
  margin: 0 40px; }
#shop .cordenite {
  margin-bottom: 30px; }
  #shop .cordenite .items {
    margin: 0 auto; }
  #shop .cordenite .noslider {
    overflow: hidden;
    *zoom: 1; }
  #shop .cordenite .noslider li {
    float: left;
    width: 172px;
    margin-right: 30px;
    overflow: hidden; }
#shop .newitem {
  margin-bottom: 32px; }
  #shop .newitem .items {
    margin: 0 auto; }
  #shop .newitem .items a {
    color: #000; }
  #shop .newitem .items a:hover {
    color: #E50065;
    text-decoration: none; }
  #shop .newitem .designline_box {
    margin-bottom: 8px; }
  #shop .newitem .items p {
    font-weight: bold;
    text-align: left; }
  #shop .newitem .items time {
    display: block;
    font-weight: normal; }
  #shop .newitem .noslider {
    overflow: hidden;
    *zoom: 1; }
  #shop .newitem .noslider li {
    float: left;
    width: 117px;
    margin-right: 30px; }
#shop .newsevent {
  margin-bottom: 32px; }
  #shop .newsevent h4 {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 16px; }
  #shop .newsevent article {
    padding-bottom: 8px;
    margin-bottom: 2px;
    border-bottom: 1px #ccc solid;
    cursor: pointer; }
  #shop .newsevent header {
    padding: 6px 0 6px 40px;
    background: url(/shop_guide/img/btn_open.png) no-repeat left top; }
  #shop .newsevent .isOpen header {
    background-image: url(/shop_guide/img/btn_close.png); }
  #shop .newsevent .newsContent {
    overflow: hidden;
    height: 0;
    -webkit-transition: all 180ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 180ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 180ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 180ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 180ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */ }
  #shop .newsevent .readMore {
    margin: 12px 0 24px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    border: 1px #ccc solid;
    background: #eee; }
  #shop .newsevent .readMore:hover {
    background: #F6F6F6; }
#shop .shopSocial {
  margin-bottom: 24px; }
#shop .include {
  border: 2px #ccc solid;
  border-top: none; }
#shop #shopAmeblo .include {
  padding: 12px;
  border-color: #01B933; }
  #shop #shopAmeblo .include li {
    padding: 0.5em 0;
    border-top: 1px solid #eee; }
    #shop #shopAmeblo .include li:first-child {
      padding-top: 0;
      border: none; }
  #shop #shopAmeblo .include a {
    display: block;
    padding: 4px 0;
    color: #000; }
#shop #shopFb .include {
  background-color: #f6f7f9;
  border-color: #3C599B;
  text-align: center; }
#shop #shopTwi .include {
  border-color: #00ABF0;
  text-align: center; }
#shop #shopTwi iframe {
  width: 100%;
  height: 600px !important; }

#shopBlog .shopData {
  margin-bottom: 0; }

#shopItem .shopData {
  margin-bottom: 0; }
#shopItem .itemList {
  margin-bottom: 55px; }
  @media only screen and (max-width: 479px), print and (max-width: 1cm) {
    #shopItem .itemList {
      margin-bottom: 0; } }
  #shopItem .itemList .list li {
    float: left;
    height: 350px;
    width: 28.7262872629%; }
    @media only screen and (min-width: 480px), print and (max-width: 1cm) {
      #shopItem .itemList .list li {
        margin: 0 6.7750677507% 5.5% 0; }
        #shopItem .itemList .list li:nth-child(3n) {
          margin-right: 0; } }
    @media only screen and (max-width: 479px), print and (max-width: 1cm) {
      #shopItem .itemList .list li {
        width: 48%;
        margin: 0 4% 20px 0; }
        #shopItem .itemList .list li:nth-child(2n) {
          margin-right: 0; } }
    #shopItem .itemList .list li .image {
      margin-bottom: 5px;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); }
      #shopItem .itemList .list li .image img {
        width: 100%;
        height: auto; }
    #shopItem .itemList .list li a:hover {
      color: #E50065;
      text-decoration: none; }