/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}
/*!
 * jquery-drawer - A small CSS3 and jQuery plugin for app style drawer menu.
 * @version v2.4.0
 * @link    http://git.blivesta.com/drawer
 * @author  blivesta
 * @license MIT
 */
body.drawer-navbar.drawer-fixed {
  padding-top: 0; }

.drawer-main {
  position: fixed;
  z-index: 5300;
  top: 0;
  overflow: hidden;
  width: 280px;
  height: 100%; }
  .drawer-left .drawer-main {
    left: -280px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(-280px, 0px, 0px);
            transform: translate3d(-280px, 0px, 0px); }
  .drawer-left.drawer-open .drawer-main {
    left: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px); }
  .drawer-right .drawer-main {
    right: -280px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(280px, 0px, 0px);
            transform: translate3d(280px, 0px, 0px); }
  .drawer-right.drawer-open .drawer-main {
    right: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px); }
  .drawer-top .drawer-main {
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: -o-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translate3d(0, -100%, 0px);
            transform: translate3d(0, -100%, 0px); }
  .drawer-top.drawer-open .drawer-main {
    -webkit-transform: translate3d(0, 0, 0px);
            transform: translate3d(0, 0, 0px); }

.drawer-overlay {
  position: relative; }

.drawer-left .drawer-hamburger {
  left: 0;
  -webkit-transform: translateX(0px) translateY(0px);
      -ms-transform: translateX(0px) translateY(0px);
       -o-transform: translateX(0px) translateY(0px);
          transform: translateX(0px) translateY(0px); }

.drawer-left.drawer-open .drawer-hamburger {
  -webkit-transform: translateX(280px) translateY(0px);
      -ms-transform: translateX(280px) translateY(0px);
       -o-transform: translateX(280px) translateY(0px);
          transform: translateX(280px) translateY(0px); }

.drawer-right .drawer-hamburger {
  right: 0;
  -webkit-transform: translateX(0px) translateY(0px);
      -ms-transform: translateX(0px) translateY(0px);
       -o-transform: translateX(0px) translateY(0px);
          transform: translateX(0px) translateY(0px); }

.drawer-right.drawer-open .drawer-hamburger {
  -webkit-transform: translateX(-280px) translateY(0px);
      -ms-transform: translateX(-280px) translateY(0px);
       -o-transform: translateX(-280px) translateY(0px);
          transform: translateX(-280px) translateY(0px); }

.drawer-top .drawer-hamburger {
  right: 0; }

.drawer-top.drawer-open .drawer-hamburger {
  z-index: 5400;
  right: 0; }

.drawer-overlay-upper {
  position: fixed;
  z-index: 5200;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5); }
  .drawer-open .drawer-overlay-upper {
    display: block !important; }

.drawer-hamburger {
  border: 0;
  background: 0;
  /*position: fixed;
  display: block;
  top: 0;
  padding: 20px;
  width: 70px;
  height: 70px;
  background-color: transparent;
  border: 0;
  z-index: 5100;
  outline: 0; }
  .drawer-hamburger:hover {
    cursor: pointer; */}

.drawer-hamburger-icon {
  /*position: relative;
  display: block;
  margin-top: 10px; */}
  /*.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    height: 3px;
    width: 100%;
    border-radius: 1px;
    background-color: #ddd;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
         -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    position: absolute;
    content: " ";
    top: -10px;
    left: 0; }
  .drawer-hamburger-icon:after {
    top: 10px; }
  .drawer-open .drawer-hamburger-icon {
    background-color: transparent; }
  .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {
    top: 0; }
  .drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  .drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }*/

.drawer-default {
  background-color: #1e2f4f;
  -webkit-box-shadow: inset 0 0px 0px #000000;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 0px 0px #000000;
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.5); }
  .drawer-default + .drawer-overlay {
    background-color: #fff; }
  .drawer-default li, .drawer-default a, .drawer-default .drawer-brand {
    position: relative;
    display: block; }
  .drawer-default a {
    text-decoration: none; }
    .drawer-default a:hover, .drawer-default a:focus {
      text-decoration: underline; }
  .drawer-default .drawer-brand a {
    padding: 20px 15px;
    color: #fff;
    font-size: 22px; }
    .drawer-default .drawer-brand a:hover {
      color: #555; }
  .drawer-default .drawer-brand > img {
    display: block; }
  .drawer-default .drawer-footer {
    position: relative;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background-color: transparent; }
    .drawer-default .drawer-footer span:before,
    .drawer-default .drawer-footer span:after {
      content: " ";
      display: block; }
  .drawer-default ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .drawer-default .drawer-menu-item {
    padding: 15px 15px 0;
    font-size: 18px;
    color: #555; }
    .drawer-default .drawer-menu-item.disabled a {
      color: #333; }
      .drawer-default .drawer-menu-item.disabled a:hover, .drawer-default .drawer-menu-item.disabled a:focus {
        cursor: not-allowed;
        color: #333;
        background-color: transparent; }
    .drawer-default .drawer-menu-item a {
      color: #888; }
      .drawer-default .drawer-menu-item a:hover, .drawer-default .drawer-menu-item a:focus {
        color: #fff;
        background-color: transparent; }
      .drawer-default .drawer-menu-item a img {
        max-width: none; }
  .drawer-default .drawer-submenu {
    margin-bottom: 20px; }
    .drawer-default .drawer-submenu:last-child {
      margin-bottom: 0; }
  .drawer-default .drawer-submenu-item {
    padding: 0; }
    .drawer-default .drawer-submenu-item a {
      height: 50px;
      line-height: 50px;
      font-size: 14px; }
      .drawer-default .drawer-submenu-item a:hover, .drawer-default .drawer-submenu-item a:focus {
        color: #fff; }
  .drawer-default .dropdown-menu {
    position: absolute;
    display: none;
    z-index: 5000;
    background-color: #222;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .drawer-default .dropdown-menu > li > a {
      padding: 0 !important; }
  .drawer-default .dropdown.open > .dropdown-menu {
    position: static;
    display: block;
    float: none;
    width: auto; }
  @media (max-width: 768px) {
    .drawer-default a:hover, .drawer-default a:focus {
      color: #888 !important;
      text-decoration: none; } }

.drawer-navbar-default {
  background-color: #222;
  -webkit-box-shadow: inset 0 0px 0px #000000;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 0px 0px #000000;
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.5); }
  .drawer-navbar-default + .drawer-overlay {
    background-color: #fff; }
  .drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand {
    position: relative;
    display: block; }
  .drawer-navbar-default a {
    text-decoration: none;
    outline: 0; }
    .drawer-navbar-default a:hover, .drawer-navbar-default a:focus {
      text-decoration: none; }
  .drawer-navbar-default .drawer-brand a {
    padding: 20px 15px;
    color: #fff;
    font-size: 22px; }
    .drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus {
      color: #555; }
  .drawer-navbar-default .drawer-brand > img {
    display: block; }
  .drawer-navbar-default .drawer-footer {
    position: relative;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background-color: transparent; }
    .drawer-navbar-default .drawer-footer span:before,
    .drawer-navbar-default .drawer-footer span:after {
      content: " ";
      display: block; }
  .drawer-navbar-default ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .drawer-navbar-default .drawer-menu.drawer-navbar-right {
    float: none; }
  .drawer-navbar-default .drawer-menu-item {
    padding: 15px 15px 0;
    font-size: 18px;
    color: #555; }
    .drawer-navbar-default .drawer-menu-item.disabled a {
      color: #333; }
      .drawer-navbar-default .drawer-menu-item.disabled a:hover, .drawer-navbar-default .drawer-menu-item.disabled a:focus {
        color: #333;
        background-color: transparent;
        cursor: not-allowed; }
    .drawer-navbar-default .drawer-menu-item a {
      color: #888; }
      .drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
        color: #fff;
        background-color: transparent; }
      .drawer-navbar-default .drawer-menu-item a img {
        max-width: none; }
  .drawer-navbar-default .drawer-submenu {
    margin-bottom: 20px; }
    .drawer-navbar-default .drawer-submenu:last-child {
      margin-bottom: 0; }
  .drawer-navbar-default .drawer-submenu-item {
    padding: 0; }
    .drawer-navbar-default .drawer-submenu-item a {
      height: 50px;
      line-height: 50px;
      font-size: 14px; }
      .drawer-navbar-default .drawer-submenu-item a:hover, .drawer-navbar-default .drawer-submenu-item a:focus {
        color: #fff; }
  .drawer-navbar-default .dropdown-menu {
    position: absolute;
    display: none;
    z-index: 5000;
    top: 100%;
    left: 0;
    background-color: #222;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .drawer-navbar-default .dropdown-menu > li > a {
      padding: 0 !important; }
  .drawer-navbar-default .dropdown.open > .dropdown-menu {
    display: block; }
  @media (max-width: 768px) {
    .drawer-navbar-default .container {
      padding-left: 0;
      padding-right: 0; }
    .drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
      color: #888;
      text-decoration: none; }
    .drawer-navbar-default .drawer-submenu {
      margin-bottom: 20px; }
      .drawer-navbar-default .drawer-submenu:last-child {
        margin-bottom: 0; }
    .drawer-navbar-default .drawer-submenu-item a:hover, .drawer-navbar-default .drawer-submenu-item a:focus {
      color: #ddd; }
    .drawer-navbar-default .dropdown.open > .dropdown-menu {
      position: static;
      float: none;
      width: auto; } }

.drawer-dropdown .caret,
.drawer-dropdown-hover .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
       -o-transition: -o-transform 0.2s ease, opacity 0.2s ease;
          transition: transform 0.2s ease, opacity 0.2s ease;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg); }

.drawer-dropdown.open .caret,
.drawer-dropdown-hover.open .caret {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg); }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

@media (min-width: 769px) {
  .drawer-responsive.drawer-left .drawer-toggle,
  .drawer-responsive.drawer-right .drawer-toggle,
  .drawer-navbar.drawer-left .drawer-toggle,
  .drawer-navbar.drawer-right .drawer-toggle,
  .drawer-navbar.drawer-top .drawer-toggle {
    display: none;
    visibility: hidden; }

  .drawer-responsive.drawer-left .drawer-main {
    left: 0;
    display: block;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none; }

  .drawer-responsive.drawer-right .drawer-main {
    right: 0;
    display: block;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none; } }
@media (min-width: 769px) {
  body.drawer-navbar.drawer-fixed {
    padding-top: 50px; }

  .drawer-responsive {
    background-color: #222; }

  .drawer-responsive .drawer-overlay {
    background-color: #fff; }

  .drawer-responsive .container {
    max-width: 618px; }

  .drawer-responsive.drawer-left .drawer-main,
  .drawer-responsive.drawer-right .drawer-main {
    position: absolute;
    width: 150px !important;
    height: auto !important;
    overflow: visible !important; }

  .drawer-responsive.drawer-left .drawer-main {
    float: left; }
  .drawer-responsive.drawer-left .drawer-overlay {
    margin-left: 150px; }

  .drawer-responsive.drawer-right .drawer-main {
    float: right; }
  .drawer-responsive.drawer-right .drawer-overlay {
    margin-right: 150px; }

  .drawer-navbar.drawer-left .drawer-main,
  .drawer-navbar.drawer-right .drawer-main,
  .drawer-navbar.drawer-top .drawer-main {
    position: relative; }

  .drawer-navbar.drawer-static.drawer-left .drawer-main,
  .drawer-navbar.drawer-static.drawer-right .drawer-main,
  .drawer-navbar.drawer-static.drawer-top .drawer-main {
    z-index: 5000; }

  .drawer-navbar.drawer-fixed.drawer-left .drawer-main,
  .drawer-navbar.drawer-fixed.drawer-right .drawer-main,
  .drawer-navbar.drawer-fixed.drawer-top .drawer-main {
    position: fixed;
    z-index: 5100; }

  .drawer-navbar.drawer-left .drawer-main,
  .drawer-navbar.drawer-right .drawer-main,
  .drawer-navbar.drawer-top .drawer-main {
    display: block;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none; }

  .drawer-navbar-default {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ccc; }
    .drawer-navbar-default li, .drawer-navbar-default a, .drawer-navbar-default .drawer-brand {
      float: left; }
    .drawer-navbar-default a {
      padding: 0 15px;
      height: 50px;
      line-height: 50px;
      font-size: 14px; }
    .drawer-navbar-default .drawer-brand a {
      padding: 0 15px;
      color: #555;
      font-size: 90%; }
      .drawer-navbar-default .drawer-brand a:hover, .drawer-navbar-default .drawer-brand a:focus {
        color: #333;
        background-color: #eee; }
    .drawer-navbar-default .drawer-footer {
      display: none; }
    .drawer-navbar-default .drawer-menu.drawer-navbar-right {
      float: right; }
      .drawer-navbar-default .drawer-menu.drawer-navbar-right .dropdown-menu {
        right: 0;
        left: auto; }
    .drawer-navbar-default .drawer-menu-item {
      padding: 0;
      font-size: 14px; }
      .drawer-navbar-default .drawer-menu-item a:hover, .drawer-navbar-default .drawer-menu-item a:focus {
        color: #888;
        background-color: #eee; }
    .drawer-navbar-default .dropdown-menu {
      -webkit-box-shadow: 0 6px 12px #000000;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
              box-shadow: 0 6px 12px #000000;
              box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
      .drawer-navbar-default .dropdown-menu > li {
        float: none;
        /* for IE7+ */ }
        .drawer-navbar-default .dropdown-menu > li > a {
          width: 160px;
          padding: 0 15px !important;
          /* conflict by cooker */
          color: #fff;
          background-color: #444;
          border-bottom: 1px solid #555;
          opacity: 0.9;
          filter: alpha(opacity=90); }
          .drawer-navbar-default .dropdown-menu > li > a:hover, .drawer-navbar-default .dropdown-menu > li > a:focus {
            color: #999;
            background-color: #333; } }
@media (min-width: 1200px) {
  .drawer-responsive .container {
    max-width: 768px; }

  .drawer-responsive.drawer-left .drawer-main,
  .drawer-responsive.drawer-right .drawer-main {
    width: 280px !important; }

  .drawer-responsive.drawer-left .drawer-overlay {
    margin-left: 280px; }

  .drawer-responsive.drawer-right .drawer-overlay {
    margin-right: 280px; } }



/*# sourceMappingURL=drawer.css.map */











.wideslider {
    width: 100%;
    height: 440px;
    text-align: left;
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {background: #fff url(../../skin/frontend/rwd/tsumugiya/img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../../skin/frontend/rwd/tsumugiya/img/next.jpg) no-repeat left center;}
 
.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 44px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.pagination a {
    margin: 0 5px;
    width: 118px;
    height: 44px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}

.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

.pagination a.pn1 {background: transparent url(../../skin/frontend/rwd/tsumugiya/images/top_slide.jpg) no-repeat left top; background-size: 118px 44px;}
.pagination a.pn2 {background: transparent url(../../skin/frontend/rwd/tsumugiya/images/top_slide.jpg) no-repeat left top; background-size: 118px 44px;}
.pagination a.pn3 {background: transparent url(../../skin/frontend/rwd/tsumugiya/images/top_slide.jpg) no-repeat left top; background-size: 118px 44px;}
.pagination a.pn4 {background: transparent url(../../skin/frontend/rwd/tsumugiya/images/top_slide.jpg) no-repeat left top; background-size: 118px 44px;}
.pagination a.pn5 {background: transparent url(../../skin/frontend/rwd/tsumugiya/images/top_slide.jpg) no-repeat left top; background-size: 118px 44px;}
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.fotorama--fullscreen,
.fotorama__img {
    max-width: 99999px!important;
    max-height: 99999px!important;
    min-width: 0!important;
    min-height: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    padding: 0!important;
}
.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.fotorama__spinner {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
}
.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
    outline: 0;
}
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
    content: '';
    border-radius: inherit;
    background-color: rgba(0,175,234,.5);
}
.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none!important;
    transform: none!important;
}
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property: -webkit-transform,width;
    transition-property: transform,width;
    transition-timing-function: cubic-bezier(0.1,0,.25,1);
    transition-duration: 0;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.fotorama__nav,
.fotorama__nav__frame {
    margin: auto;
    padding: 0;
}
.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}
.fotorama__nav__frame,
.fotorama__thumb-border {
    box-sizing: content-box;
}
.fotorama__caption__wrap {
    box-sizing: border-box;
}
.fotorama--hidden,
.fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
    -webkit-tap-highlight-color: transparent;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    background: url("../../skin/frontend/rwd/tsumugiya/images/fotorama.png") 0 0 no-repeat;
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:2dppx) {
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__video-close,
    .fotorama__video-play {
        background: url("../../skin/frontend/rwd/tsumugiya/images/fotorama-2x.png") 0 0/96px 160px no-repeat;
    }
}
.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127,127,127,.2);
}
@media print {
    .fotorama__arr,
    .fotorama__fullscreen-icon,
    .fotorama__thumb-border,
    .fotorama__video-close,
    .fotorama__video-play {
        background: none!important;
    }
}
.fotorama {
    min-width: 1px;
    overflow: hidden;
}
.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child) {
    display: none;
}
.fullscreen {
    width: 100%!important;
    height: 100%!important;
    max-width: 100%!important;
    max-height: 100%!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    background: #000;
}
.fotorama--fullscreen {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    float: none!important;
    z-index: 2147483647!important;
    background: #000;
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
}
.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
    background: #000;
}
.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0;
}
.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl;
}
.fotorama__nav,
.fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%;
}
.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y;
}
.fotorama__wrap .fotorama__pointer {
    cursor: pointer;
}
.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1!important;
}
.fotorama__stage__frame {
    overflow: hidden;
}
.fotorama__stage__frame.fotorama__active {
    z-index: 8;
}
.fotorama__wrap--fade .fotorama__stage__frame {
    display: none;
}
.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
    display: block;
    left: 0;
    top: 0;
}
.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8;
}
.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7;
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
    z-index: 9;
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none;
}
.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity: 0;
    border: none!important;
}
.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity: 1;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
    display: none;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block;
}
.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px!important;
}
.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden;
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
    visibility: visible;
}
.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5;
}
.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
}
.fotorama__nav__frame {
    position: relative;
    cursor: pointer;
}
.fotorama__nav--dots {
    display: block;
}
.fotorama__nav--dots .fotorama__nav__frame {
    width: 28px;
    height: 30px;
}
.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
    display: none;
}
.fotorama__nav--thumbs {
    display: block;
}
.fotorama__nav--thumbs .fotorama__nav__frame {
    padding-left: 0!important;
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
    padding-right: 0!important;
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
    display: none;
}
.fotorama__dot {
    display: block;
    width: 10px;
    height: 10px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #1e2f4f;
}
.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 6px;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
    padding: 3px;
    top: -3px;
    left: -3px;
}
.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2;
}
.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1));
}
.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}
.fotorama__caption a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
    border-color: rgba(0,0,0,.5);
}
.fotorama__caption a:hover {
    color: #333;
    border-color: rgba(51,51,51,.5);
}
.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0;
}
.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
    display: none;
}
.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    padding: 5px 10px;
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear;
}
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: 0.3s;
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter:alpha(opacity=0);
    opacity: 0;
}
.fotorama__select {
    cursor: auto;
}
.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10;
}
@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent;
    }
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer;
}
.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
}
.fotorama__arr--prev {
    left: 0px;
    background-position: 0 0;
}
.fotorama__arr--next {
    right: 0px;
    background-position: -32px 0;
}
.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: 0.1;
}
.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20;
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
    border-radius: 50%;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px;
}
.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none;
}
.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block;
}
.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px;
}
.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-close {
    display: none;
}
.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px,-32px,0);
    transform: translate3d(32px,-32px,0);
}
.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0;
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    opacity: 1;
}
.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0!important;
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none;
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
    display: block;
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none!important;
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px,-32px,0);
    transform: translate3d(32px,-32px,0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px,0,0);
    transform: translate3d(-48px,0,0);
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px,0,0);
    transform: translate3d(48px,0,0);
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px,-32px,0)!important;
    transform: translate3d(32px,-32px,0)!important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px,0,0)!important;
    transform: translate3d(-48px,0,0)!important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px,0,0)!important;
    transform: translate3d(48px,0,0)!important;
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    transition-duration: 0.3s;
}
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%,5px 100%;
}
.fotorama__nav:before,
.fotorama__stage:before {
    background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);
    background-position: 0 0,0 0;
    left: -10px;
}
.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
    left: 0;
}
.fotorama__nav:after,
.fotorama__stage:after {
    background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);
    background-position: 100% 0,100% 0;
    right: -10px;
}
.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
    right: 0;
}
.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none;
}
/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }

    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../../skin/frontend/rwd/tsumugiya/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../skin/frontend/rwd/tsumugiya/fonts/slick.eot');
    src: url('../../skin/frontend/rwd/tsumugiya/fonts/slick.eot#iefix') format('embedded-opentype'), url('../../skin/frontend/rwd/tsumugiya/fonts/slick.woff') format('woff'), url('../../skin/frontend/rwd/tsumugiya/fonts/slick.ttf') format('truetype'), url('../../skin/frontend/rwd/tsumugiya/fonts/slick.svg') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 10px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* 
 * Boxer v3.3.0 - 2015-04-04 
 * A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library. 
 * http://classic.formstone.it/boxer/ 
 * 
 * Copyright 2015 Ben Plum; MIT Licensed 
 */


.boxer-lock {
  overflow: hidden !important;
}
#boxer-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: #000000;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
.boxer-open #boxer-overlay {
  opacity: 0.75;
}
#boxer {
  width: 200px;
  height: 200px;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 101;
  background: #ffffff;
  /*border-radius: 3px;*/
  box-shadow: 0 0 25px #000000;
  opacity: 0;
  margin: 0 auto;
  padding: 10px;
}
#boxer * {
  -webkit-transition: none;
          transition: none;
}
#boxer,
#boxer * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
#boxer,
#boxer *,
#boxer *:before,
#boxer *:after {
  box-sizing: border-box;
}
#boxer.fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
}
#boxer.inline {
  padding: 30px;
}
#boxer.animating {
  -webkit-transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
          transition: height 0.25s ease, width 0.25s ease, opacity 0.25s linear, top 0.25s ease;
}
#boxer.animating .boxer-container {
  -webkit-transition: opacity 0.25s linear 0.25s;
          transition: opacity 0.25s linear 0.25s;
}
.boxer-open #boxer {
  opacity: 1;
}
#boxer.loading .boxer-container {
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
#boxer .boxer-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -7.5px;
  right: -7.5px;
  z-index: 105;
  background: #ffffff;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 0;
  text-indent: 200%;
  white-space: nowrap;
}
#boxer .boxer-close:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #333333;
  /*content: "\00d7";*/
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  margin: auto;
  text-align: center;
  text-indent: 0;
  -webkit-transition: color 0.15s linear;
          transition: color 0.15s linear;
}
.no-opacity #boxer .boxer-close {
  text-indent: -999px;
}
#boxer .boxer-loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 105;
  display: block;
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
          transition: opacity 0.25s linear;
}
#boxer .boxer-loading:before,
#boxer .boxer-loading:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 110%;
  content: '';
  display: block;
}
#boxer .boxer-loading:before {
  border: 5px solid rgba(51, 51, 51, 0.25);
}
#boxer .boxer-loading:after {
  -webkit-animation: boxer-loading-spin 0.75s linear infinite;
          animation: boxer-loading-spin 0.75s linear infinite;
  border: 5px solid transparent;
  border-top-color: #333333;
}
#boxer.loading .boxer-loading {
  opacity: 1;
}
@-webkit-keyframes boxer-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes boxer-loading-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#boxer .boxer-container {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 103;
  background: #ffffff;
  overflow: hidden;
}
#boxer .boxer-content {
  width: 100%;
  background: #ffffff;
  opacity: 1;
  overflow: hidden;
  padding: 0;
}
#boxer.inline .boxer-content,
#boxer.iframe .boxer-content {
  width: auto;
}
#boxer .boxer-image {
  float: left;
}
#boxer .boxer-video {
  width: 100%;
  height: 100%;
}
#boxer .boxer-iframe {
  width: 100%;
  height: 100%;
  border: none;
  float: left;
  overflow: auto;
}
#boxer .boxer-meta {
  clear: both;
}
#boxer .boxer-control {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  background: #ffffff;
  border-radius: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: block;
  margin-right: auto;
  margin-left: auto;
  opacity: 1;
  overflow: hidden;
  text-indent: 200%;
  -webkit-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
  white-space: nowrap;
}
#boxer .boxer-control:before {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  margin: auto;
}
#boxer .boxer-control.previous {
  left: 20px;
}
#boxer .boxer-control.previous:before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 10.4px solid #333333;
  margin-left: 14px;
}
#boxer .boxer-control.next {
  right: 20px;
}
#boxer .boxer-control.next:before {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10.4px solid #333333;
  margin-right: 14px;
}
#boxer .boxer-control.disabled {
  opacity: 0;
}
.no-opacity #boxer .boxer-control {
  text-indent: -999px;
}
.no-touch #boxer .boxer-control {
  opacity: 0;
}
.no-touch #boxer:hover .boxer-control {
  opacity: 1;
}
.no-touch #boxer:hover .boxer-control.disabled {
  opacity: 0;
  cursor: default !important;
}
#boxer .boxer-meta {
  padding: 10px 0 0 0;
}
#boxer .boxer-position {
  color: #999999;
  font-size: 12px;
  margin: 0;
  padding: 15px 15px 0 15px;
}
#boxer .boxer-caption p {
  color: #666666;
  font-size: 14px;
  margin: 0;
  padding: 15px;
}
#boxer .boxer-caption.gallery p {
  padding-top: 0;
}
#boxer .boxer-error {
  width: 250px;
}
#boxer .boxer-error p {
  color: #990000;
  font-size: 14px;
  margin: 0;
  padding: 25px;
  text-align: center;
  text-transform: uppercase;
}
#boxer.mobile {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #111111;
  border-radius: 0;
  padding: 40px 0 0;
}
#boxer.mobile .boxer-close,
#boxer.mobile .boxer-close:hover {
  height: 40px;
  width: 40px;
  top: 0;
  right: 0;
  background: #111111;
  border-radius: 0;
}
#boxer.mobile .boxer-close:before,
#boxer.mobile .boxer-close:hover:before {
  color: #cccccc;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}
#boxer.mobile .boxer-loading:before {
  border-color: rgba(153, 153, 153, 0.25);
}
#boxer.mobile .boxer-loading:after {
  border-top-color: #999999;
}
#boxer.mobile .boxer-container {
  background: #111111;
}
#boxer.mobile .boxer-content {
  background-color: #111111;
}
#boxer.mobile .boxer-control {
  width: 50px;
  height: 100%;
  background: #111111;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
}
#boxer.mobile .boxer-control.previous {
  left: 0;
}
#boxer.mobile .boxer-control.previous:before {
  border-right-color: #eeeeee;
  margin-left: 19px;
}
#boxer.mobile .boxer-control.next {
  right: 0;
}
#boxer.mobile .boxer-control.next:before {
  border-left-color: #eeeeee;
  margin-right: 19px;
}
.no-touch #boxer.mobile .boxer-control,
.no-touch #boxer.mobile:hover .boxer-control {
  opacity: 1;
}
.no-touch #boxer.mobile .boxer-control.disabled,
.no-touch #boxer.mobile:hover .boxer-control.disabled {
  opacity: 0;
  cursor: default !important;
}
#boxer.mobile .boxer-meta {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #111111;
  padding: 15px 65px;
}
#boxer.mobile .boxer-position {
  color: #999999;
  font-size: 12px;
  margin: 0;
  padding: 0 15px 0 0;
}
#boxer.mobile .boxer-caption p {
  color: #eeeeee;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#boxer.mobile .boxer-image {
  -webkit-transition: none !important;
          transition: none !important;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
#boxer.mobile.animated .boxer-image {
  -webkit-transition: -webkit-transform 0.25s ease-out !important;
          transition: transform 0.25s ease-out !important;
}
#boxer.mobile.inline .boxer-content,
#boxer.mobile.iframe .boxer-content {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;*/
	left: -5px;
	background: #fff;
	height: 300px!important;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../skin/frontend/rwd/tsumugiya/css/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	display: none;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../../skin/frontend/rwd/tsumugiya/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../../skin/frontend/rwd/tsumugiya/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../../skin/frontend/rwd/tsumugiya/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../../skin/frontend/rwd/tsumugiya/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

@media screen and (max-width: 768px) {
	.bx-controls-direction {
		display: none;
	}
}
@charset "utf-8";
/* CSS Document */

/*--------------------------
	Common style 
---------------------------*/

body{
	font-family: 'Helvetica', 'Arial',"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3",
	"游ゴシック", "YuGothic","メイリオ", Meiryo, sans-serif;
	font-size: 90%;
	color: #333333;
}

@media screen and (min-width: 769px) {
	body{
		display: table;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	body{
		display: block;
	}
}


img { display: initial;}


a:link {
	color:#0099cc;
	text-decoration:none;
}
a:visited {
	color:#0099cc;
	text-decoration:none;
}
a:active {
	color:#00709a;
	text-decoration:underline;
}
a:hover {
	color:#00709a;
	text-decoration:underline;
}

@media screen and (min-width: 769px) {
	a:hover img {
		opacity:0.7;
		filter: alpha(opacity=70);
	}
}

li,ul{
	list-style:none;
}

/*--------------------------
	float
---------------------------*/

.floatL{
	float: left;
}

.floatR{
	float: right;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.clear{
	clear: both;
}

.clear hr{
	display: none;
	border: 0;
}


/*--------------------------
	flame
---------------------------*/

@media screen and (min-width: 769px) {

	#wrapper{
		width:100%;
	}

	.inner{
		width:1025px;
		margin:0 auto;
	}

	#header,
	#header-content,
	#menu,
	#top,
	#footer{
		width: 100%;
	}
	
	#main{
		display:table;
		vertical-align: top;
	}

	#nav{
		width: 215px;
		padding-right:30px;
		display:table-cell;
		vertical-align: top;
	}

	#contents{
		width: 780px;
		display:table-cell;
		vertical-align: top;
	}

}

@media screen and (max-width: 768px) {

	#wrapper{
		width: 100%;
		overflow: hidden;
		background-color: #fff;
	}

	#header,
	#header-content,
	#menu,
	#top,
	#footer,
	#navi,
	#contents{
		width: 100%;
	}

	.inner{
		width: 96%;
		margin :0 auto;
	}

	a:hover {
		text-decoration: none;
	}
}



/*--------------------------
	header
---------------------------*/
#header{
	color: #1e2f4f;
	background-image: url(../../skin/frontend/rwd/tsumugiya/images/bg_y.jpg);
}

#header a:link,#header a:visited {
	color: #1e2f4f;
	text-decoration: none;
}

#header a:active {
	color: #1e2f4f;
	text-decoration: underline;
}

@media screen and (min-width: 769px) {

	#header h1{
		display: inline;
		font-size: 0.85em;
		line-height: 2.8em;
	}

	#pc-menu{
		background-image: url(../../skin/frontend/rwd/tsumugiya/images/bg_b.jpg);
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}


	#pc-menu nav ul.inline-block{
		display: block;
		margin:0;
		padding:5px 0;
		letter-spacing: -.40em;
		height: 35px;
	}
	#pc-menu nav ul.inline-block li{
		display: inline-block;
		padding: 0;
		margin: 0;
		list-style: none;
		letter-spacing: normal;
		font-size: 0;
	}

	#pc-menu ul li img{
		padding: 0;
		margin: 0;
	}

}


#header .header-search{
	background: url(../../skin/frontend/rwd/tsumugiya/images/header4.png);
	width:400px;
	height:84px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

#header .header-search p.header-form{
	position: relative;
	top:20px;
	left:60px;
}

p.header-form .search{
	width:250px;
	height:30px;
	border:solid 1px #1e2f4f;
	border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-bottom-left-radius:3px;
	outline:none;
	font-size: 10px;
	-webkit-appearance: textfield;
}

p.header-form .submit{
	background-color: #1e2f4f;
	border: 0;
	color: #fff;
	padding: 2px 8px 2px 12px;
	height: 30px;
	border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-bottom-right-radius:3px;
	letter-spacing: 5px;
	margin: -4px;
	outline:none;
}

#header .header-search p.header-pickup{
	position: relative;
	top:30px;
	left:60px;
	color: #1e2f4f;
	font-size: 80%;
}

#header .header-call {
	display: inline-block;
	margin-top: 10px;
}

#header .header-call ul {
	margin-top: 6px;
}

#header .header-call ul li {
	display: inline;
	margin-right: 5px;
}

@media screen and (max-width: 768px) {
	#header {
		background-image:none;
		background-color: #f9f0cb;
	}

	#header h1{
		display: none;
	}
	#header-content,#pc-menu{
		display:none;
	}

	#header .sp-img img {
		width: 100%;
		height: auto;
	}

}


/*--SPmenu---*/

.sp-menu-contents{
	letter-spacing: -.40em;
}

.sp-menu-contents img{
	display:inline-block;
	padding: 0;
	margin: 0;
	border: 0;
	width: 14%;
	vertical-align: bottom;
}
.sp-menu-contents img.sp-logo{
	width: 44%;
	vertical-align: bottom;
}

.sp-menu-contents button{
	display: inline-block;
	width: 14%;
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
	vertical-align: bottom;
}

.sp-menu-contents button img{
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	display: inline;
	vertical-align: bottom;
}

img.sp-navi-cat {
	width:280px;
	padding:0;
	margin:0;
}
.drawer-default,
.drawer-nav{
	background-color:#fff;
}

.drawer-nav-list li a{
	display: block;
	padding: 15px 10px;
	border-bottom: 1px solid #000;
	color: #1e2f4f;
}

/*--------------------------
	top
---------------------------*/

@media screen and (max-width: 768px) {
	#top{
		margin: 0 0 30px 0;
	}
}

@media screen and (min-width: 769px) {
	#top{
		margin: ;
	}
}



/*--------------------------
	main
---------------------------*/


.sp-bottom-thumbnails .sp-thumbnail-container:hover{
	opacity: 0.8;
}



/*--------------------------
	main-nav
---------------------------*/

@media screen and (max-width: 768px) {
	#nav .nav-news img {
		width: 100%;
		height: auto;
	}
}

#nav .nav-news span {
	display: block;
	padding: 10px 0;
	border-bottom: dashed 1px #8e97a7;
	font-size: 12px;
	line-height: 18px;
}

#nav .nav-news span:last-child {
	border-bottom: none;
}

#nav .nav-category p{
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 24px;
}


#nav .nav-category p img{
    display: initial;
}

#nav .nav-category p.media{
	margin-top: 20px;
}

#nav .nav-category .first-category {
	margin-bottom: 0;
	margin-top: -28px;
}

#nav .nav-category span,
#nav .nav-sub-category a{
	display: block;
	margin-bottom: 5px;
	line-height: 1.4;
	color: #333;
}

#nav .nav-category span:before{
	content :url(../../skin/frontend/rwd/tsumugiya/images/y_right.jpg) ;
	padding:5px;
}

#nav .nav-category div{
	line-height: 0;
}

.nav-search table,
.nav-deriver {
	margin-bottom: 10px;
	text-align: center;
}

.nav-search table p{
	text-align: left;
}

.nav-search table tr{
	display: block;
	margin-top: -2px;
}

.nav-search table td:first-child{
	position: relative;
}

.nav-search table td div{
	position: absolute;
	top: 36px;
	left: 12px;
}

.nav-search table .search {
	height: 30px;
	width: 190px;
	border: solid 1px #1e2f4f;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	font-size: 10px;
	margin-bottom: 10px;
}

.nav-search table .words {
	font-size: 12px;
	line-height: 18px;
	color: #1e2f4f;
	margin-bottom: 10px;
	height: 54px;
	overflow: hidden;
}

.nav-search table .submit {
	outline: none;
}

.nav-recommend {
	margin-bottom: 10px;
}

.inline_content {
	width: 100%;
	overflow: hidden;
	padding: 10px;
	background-color: #fff;
}

#sb-container, #sb-container *, #sb-container *:before, #sb-container *:after {
	color: #1e2f4f;
	font-size: 14px;
	line-height: 20px;
}

#sb-container * p {
	margin-bottom: 10px;
}

#sb-container * p span {
	font-size: 12px;
}

#sb-container.inline {
	padding: 10px;
}

#sb-container * .boxer-close {
	border-radius: 0;
	right: 0;
	width: 70px;
	background-color:#ccc;
	background-size: 60px;
	background-position: 5px;
	height: 30px;
	position: absolute;
	z-index: 105;
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding: 10;
	text-indent: 200%;
	white-space: nowrap;
}

.inline_content p.header-form .submit{
	width: 30px;
	background-image: url(../../skin/frontend/rwd/tsumugiya/images/icon_search.png) no-repeat;
}


/*--------------------------
	main-content
---------------------------*/
/*--コンテンツタイトル--*/
/*.contents-ttl {
	float: left;
}*/

.contents-ttl div{
	float: left;
}

.contents-ttl img {
	width:100%;
	margin: 30px 0 10px 0;
}

.contents-ttl-1st img {
	width: 100%;
	margin-bottom: 20px;
}
div.contents-ttl-1st{
float:left;
}

/*---ランクPC---*/
.rank ul{
	display:inline-block;
	vertical-align: top;
	padding:0 4px 0 3px;
	text-align: center;
	width:145px;
	font-size: 14px;
	line-height: 24px;
}

.rank-wide ul{
	width: 18%;
	padding: 0;
	margin: 0 0.8%;
}

.rank ul li img{
	width:100%;
}

.rank p a,
.sp-rank p.floatR{
	font-size: 100%;
	font-weight: 600;
	color: #eda519;
	display: block;
	padding: 8px;
}

.rank p a:hover{
	text-decoration: none;
}	


.user-voice{
	background:url(../../skin/frontend/rwd/tsumugiya/images/mc_voice.jpg);
	width:780px;
	height:85px;
	border:0;
	padding:0;
	margin-top:25px;
}

.user-voice p{
	position: relative;
	width:630px;
	height:50px;
	top: 24px;
	left: 120px;
	z-index: 2;
	font-size: 14px;
	line-height: 18px;
}

.yazirushi {
	padding: 0 10px;
}

/*---ランクSP---*/
.sp-rank .ranking p,
.recommend-sp p,
.sp-check-item p {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.sp-rank .ranking p{
	text-align: left;
}

.sp-rank .ranking p img,
.recommend-sp p img {
	width:90%;
}

.sp-rank span,
.recommend-sp span,
.ranking span{
	font-size: 8px;
}


/*---商品特集カラム---*/
@media screen and (min-width: 769px) {
	.col-2 span{
		display:block;
		float: left;
		padding:5px;
		width: 380px;
	}
	.col-2 span img{
		width: 100%;
	}
	.col-3 span{
		display:block;
		float: left;
		padding:5px 8px 5px 5px ;
		width: 247px;	
	}
	.col-3 span img{
		width: 100%;
	}

	.about .about-left {
		float: left;
		margin-right: 30px;
		width: 390px;
	}

	.about .about-right {
		float: left;
		width: 360px;
	}

	.about .about-right .about-sitename {
		text-align: center;
		margin-bottom: 18px;
	}

	.about .about-right .about-text {
		line-height: 22px;
		font-size: 14px;
		margin-bottom: 20px;
	}

	.about .about-right .about-overview {
		float: left;
		margin-bottom: 10px;
	}

	.about .about-right .about-retail {
		float: right;
		margin-bottom: 10px;
	}

	.about .about-right .about-blog {
		float: left;
		margin-bottom: 5px;
	}
	.about .about-right .about-facebook {
		float: right;
		margin-bottom: 5px;
	}

}

@media screen and (max-width: 768px) {
	.col-2 span{
		display:block;
		margin:0 auto 10px;
		width: 100%;
	}

	.col-2 span img{
		width: 100%;
	}
	.col-2 span{
		display:inl;
		margin:0 auto 10px;
		width: 100%;
	}

	.col-2 span img{
		width: 100%;
	}

	.col-3 span {
		width: 48%;
		display: inline-block;
		margin: 1% 0.5%;;
	}

	.col-3 span img {
		width: 100%;
		height: auto;
	}

	.about .sp-img img {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.about .sp-display p {
		font-size: 14px;
		line-height: 20px;
	}

	.about table {
		width: 100%;
	}

	.about table img {
		width: 96%;
		height: auto;
		text-align: center;
	}
}

/*---ランクPC---*/
#contents .recommend ul,
#contents .recipi ul{
	display:inline-block;
	vertical-align: top;
	padding:5px 7px  5px 5px;
	text-align: center;
	width:180px;
}

#contents .recommend ul li img{
	width:100%;
}

#contents .recipi ul li .recipi-ttl,
#contents .recommend ul li .recommend-ttl{
	font-size:14px;
	line-height:18px;
	margin: 10px 0;
	display: block;
}

#contents .recipi ul li .recipi-desc,
#contents .recommend ul li .recommend-desc{
	font-size:12px;
	line-height: 18px;
	float: left;
	text-align: left;
}

/*---レシピSP---*/
.sp-display .recipi-img {
	float: left;
	width: 40%;
	margin-right: 5%;
}

.sp-display .recipi-img img {
	width: 100%;
	height: auto;
}

.sp-display .recipi-desc {
	float: left;
	width: 55%;
	font-size: 16px;
}

.sp-display .recipi-desc a {
	margin-bottom: 10px;
	display: block;
}

.sp-display .recipi-desc p {
	font-size: 14px;
	line-height: 20px;
}





/*--------------------------
	footer
---------------------------*/

#footer{
	font-size:90%;
}

.footer-line{
	background-color: #eee;
	border-top: 2px solid #1e2f4f;
	width: 100%;
	height: 30px;
	margin:15px 0;
}

.footer-contents{
	width:100%;
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;	
    font-size: 12px;
    line-height: 18px;
}

.footer-contents .info{
	text-align: right;
	margin-top: 10px;
}


.contener1,
.contener2,
.contener3{
	width:330px;
}

.contener1 div,
.contener3 div {
	margin-bottom: 20px;
}

.contener2 table{
	font-size: 11px;
	line-height: 16px;
	margin: 10px 0;
	width:100%;
}

.contener2 table .region {
	border-bottom: solid 1px #1E2F50;
}

.contener2 table td{
	width: 60px;
}

@media screen and (min-width: 769px) {
	.footer-fluid-contents{
		background-color: #1e2f4f;
		width:100%;
		padding:15px 0;
		color:#ccc;
		font-size:10px;
		line-height:26px;
		letter-spacing:1px;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.footer-fluid-contents{
		background-color: #405d93;
		padding: 20px;
	}

	#footer .pagetop {
		margin-bottom: -6px;
	}

	.footer-menu {
		margin: 0 auto;
		background-color: #fff;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.footer-menu ul {
		width: 100%;
		border-bottom: solid 1px #405d93;
	}

	.footer-menu ul a {
		padding: 20px 0;
		display: inline-block;
		width: 49%;
		border-right: solid 1px #405d93;
	}

	.footer-menu ul a:last-child {
		border: 0px;
	}

	.footer-menu ul a {
		color: #666;
	}

	.footer-menu ul a li:before {
		content: url(../../skin/frontend/rwd/tsumugiya/images/y_right.jpg);
		padding: 5px 10px 5px 5px;
	}

	ul.footer-menu2 a {
		color: #fff;
	}

	ul.footer-menu2 {
		margin: 10px 0;
	}

	ul.footer-menu2 li {
		padding: 10px 0;
	}

	ul.footer-menu2 li:before {
		content: url(../../skin/frontend/rwd/tsumugiya/images/y_right_w.png);
		padding: 5px 10px 5px 5px;
	}

	#footer .sp-display .copy {
		color: #ddd;
		font-size: 10px;
		text-align: center;
	}
}


/*--------------------------
	カート
---------------------------*/
.cart {
	margin-bottom: 50px;
	font-size: 14px;
}

.heading {
	font-size: 18px;
	font-weight: bold;
	color: #1e2f4f;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #1e2f4f;
}

.cart table.order {
	width: 100%;
	margin-bottom: 10px;
}

.cart table.order th {
	background-color: #dde0e5;
	padding: 15px;
	font-weight: normal;
	border-bottom: solid 1px #1e2f4f;
	border-right: solid 1px #1e2f4f;
}

.cart table.order td {
	border-right: solid 1px #1e2f4f;
	padding: 15px;
	vertical-align: middle;
}

.cart table.order .quantity,
.form {
	border: solid 1px #bbb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.cart table.order div.third div{
	margin:0 auto;
	display:block;
}


.cart .attention {
	color: #1e2f4f;
	line-height: 20px;
	background: #dde0e5;
	padding: 10px;
}

.cart .attention img {
	width: 30px;
	margin: 0 5px 0 0;
	position: relative;
	top: 5px;
}

.cart table.price {
	margin-bottom: 20px;
}

.cart table.price th,
.order-detail th {
	background-color: #dde0e5;
	padding: 15px;
	font-weight: normal;
	border-bottom: solid 1px #1e2f4f;
}

.cart table.price td,
.order-detail td {
	text-align: right;
	padding: 15px;
	border-bottom: solid 1px #1e2f4f;
}

.cart .recal img {
	float: right;
}

.cart .other-item ul,
.item-list .item ul,
.check-item ul {
	line-height: 20px;
}

.cart .other-item ul li.price,
.sp-check-item p.price,
.item-list .item .price,
.check-item .price,
.sp-check-item .price{
	color: #ff0000;
	text-align: right;
}

.cart table.customer-info,
.cart table.h-delivery {
	width: 100%;
	margin: 20px 0 30px 0;
	font-size: 14px;
	text-align: left;
}

.cart table.customer-info th,
.cart table.h-delivery td.head {
	background-color: #dde0e5;
	padding: 15px;
	font-weight: normal;
	border-bottom: solid 1px #1e2f4f;
	vertical-align: middle;
	width: 24%;
}

.cart table.customer-info td,
.cart table.h-delivery td {
	padding: 15px;
	font-weight: normal;
	border-bottom: solid 1px #1e2f4f;
	vertical-align: middle;
}

span.req {
	background-color: #d02221;
	color: #fff;
	padding: 4px 6px;
	margin-left: 10px;
	font-size: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.confirm .search,
.cart table.customer-info .prefectures,
.cart table.customer-info .birthday,
.cart table.customer-info .destination-list,
.cart table.h-delivery .preferred-time .time,
.cart table.h-delivery .packing-or .packing,
.cart table.h-delivery .paper-or .paper-kind,
select,
.item-list .ttl .alig,
.mypage .history-dis,
.mypage .number ,
.mc-news .news-backnumber,
.history-backnumber{
	border:1px solid #d7dada;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	padding: 6px 20px;
	margin-left: 10px;
	color: #333;
	background-color: #f4f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

.confirm .search {
	display: block;
	margin: 5px 0 0 0;
}

.cart table.customer-info .prefectures,
.cart table.customer-info .birthday,
.cart table.h-delivery .preferred-time .time,
.cart table.h-delivery .packing-or .packing,
.cart table.h-delivery .paper-or .paper-kind,
.method-select select,
.item-list .ttl .alig {
	margin-left: 0;
	width: 150px;
	height: 30px;
}

.method-select .content div {
	overflow: hidden;
}

.cart table.customer-info .birthday {
	width: 80px;
}

.cart table.customer-info .birth span {
	margin: 0 10px 0 5px;
}

.cart table.customer-info .add-telno {
	line-height: 20px;
}

.cart table.customer-info .add-telno span {
	margin-top: 10px;
	display: block;
}

.cart .pay-ttl {
	padding: 20px 20px 0 20px;
	margin-top: 80px;
	font-weight: bold;
}

.cart-clear a {
	display: block;
	margin-bottom: 10px;
	color: #bbb;
}

.solid-btn {
	position: relative;
	border-radius: 4px;
	line-height: 46px!important;
	-webkit-transition: none;
	transition: none;
	cursor: pointer;
}

.solid-btn:hover {
	top: 3px;
	box-shadow: none;
}

.solid-btn a {
	display: block;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
}

.solid-btn a:hover {
	text-decoration: none;
}

.btn-g {
	background-color: #dde0e5;
	border: solid 1px #1f2f50;
	box-shadow: 0 4px 0 #1f2f50;
}

.btn-r {
	background: #d71f1f url(../../skin/frontend/rwd/tsumugiya/images/sp_cart13.jpg) no-repeat;
	background-size: 14px;
	background-position: right 10px center;
	box-shadow: 0 4px 0 #9d1718;
}

.btn-r2 {
	background: #d71f1f;
	box-shadow: 0 4px 0 #9d1718;
}

.btn-fav {
	background: #d71f1f;
	width: 60%!important;
}

.btn-fav2 {
	background: #d71f1f;
	width: 100%!important;
}

.btn-g a {
	color: #1f2f50;
}

.btn-r a, .btn-r2 a {
	color: #fff;
}

.multi-btn {
	line-height: 1!important;
	padding: 7px 0px 7px 0px;
	top: 7px;
	width: 220px;
}
.multi-btn:hover {
	top: 11px;
}

.submit-btn-inner{
	border: none;
	background: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 34px;
}

input[type=radio],
input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}

input[type=radio] + label,
input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	cursor: pointer;
}

@media (min-width: 1px) {
	input[type=radio],
	input[type=checkbox] {
		display: none;
		margin: 0;
	}
	input[type=radio] + label,
	input[type=checkbox] + label {
		padding: 0 0 0 24px;
	}
	input[type=radio] + label::before,
	input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: #f4f5f5;
	}
	input[type=radio] + label::before {
		border: 2px solid #ccc;
		border-radius: 30px;
	}
	input[type=checkbox] + label::before {
		border: 2px solid #ccc;
	}
	input[type=radio]:checked + label::after,
	input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}
	input[type=radio]:checked + label::after {
		left: 5px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #404548;
		border-radius: 8px;
	}
	input[type=checkbox]:checked + label::after {
		left: 3px;
		width: 16px;
		height: 8px;
		margin-top: -8px;
		border-left: 3px solid #404548;
		border-bottom: 3px solid #404548;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}


}

.order .head,
.method-select .head,
.method-select .deli-head {
	font-weight: bold;
	background: #dde0e5;
	color: #1e2f4f;
}

.order .first-div img {
	width: 60px;
	margin-right: 10px;
}

.order .second div p,
.order .fourth div p {
	text-align: right;
}

.cart table.price th{
	color: #1e2f4f;
	font-weight: bold;
}

.aster-gray {
	color: #888;
}

.order-list {
	overflow: hidden;
}

.upbtn, .downbtn {
	display: block;
	margin: 2px 0;
}


@media screen and (min-width: 769px) {
	.btn-list li {
		display: inline-block;
		margin: 20px;
	}

	.btn-list {
		width: 790px;
		margin: 0 auto 50px auto;
	}

	.solid-btn {
		width: 220px;
	}

	.cart table.order td.item-name p span {
		margin: 5px 0;
		display: block;
	}

	.cart table.price {
		width: 60%;
	}

	.cart table.price th {
		text-align: right;
		width: 30%;
	}

	.cart table.order th {
		text-align: center;
	}

	.cart table.order td.item-name img {
		width: 60px;
		margin-right: 15px;
	}

	.cart table.order .quantity,
	.form {
		-webkit-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		-moz-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		width: 100px;
		height: 20px;
	}

	.cart .other-item ul {
		width: 18%;
		display: inline-block;
		margin: 0 0.8%;
	}

	.cart .other-item ul img {
		width: 100%;
	}

	.cart .check-item ul {
		width: 14.7%;
		margin: 0 0.8%;
	}

	.flow img {
		width: 100%;
		margin: 10px 0 30px 0;
	}

	.cart table.customer-info tr:first-child,
	.cart table.h-delivery tr:first-child {
		border-top: solid 1px #1e2f4f;
	}

	.cart table.customer-info th.old-address {
		width: 202px;
	}

	.cart table.customer-info td .form,
	.method-select .form {
		height: 30px;
	}

	.method-select .content .clear {
		margin:0;
	}

	.cart table.h-delivery td .textarea {
		height: 100px;
	}

	.cart table.customer-info td.name .form {
		width: 250px;
		margin-right: 20px;
	}

	.cart table.customer-info td.name span {
		margin-right: 10px;
	}

	.cart table.customer-info td.mail .form {
		width: 350px;
	}

	.cart table.customer-info td.mail span {
		display: block;
		margin-top: 15px;
		font-size: 12px;
	}

	.cart table.customer-info td.address .form,
	.method-select .form {
		width: 500px;
	}

	.cart table.customer-info .destination-list {
		width: 400px;
		height: 30px;
		margin-left: 0;
	}

	.cart table.customer-info .add-telno span {
		font-size: 12px;
	}

	.cart .deli-address {
		padding: 15px 0 25px 0;
		border-bottom: solid 1px #1d3050;
		margin-bottom: 20px;
	}

	.cart table.h-delivery td p {
		font-size: 12px;
		line-height: 18px;
	}

	.cart table.h-delivery td.head p {
		font-size: 14px;
	}

	.cart table.h-delivery td.paper {
		background-color: #dde0e5;
		width: 12%;
	}

	.cart table.h-delivery td.preferred-date .form,
	.cart table.h-delivery .preferred-time .time {
		width: 200px;
		margin-right: 20px;
	}

	.cart table.pay td {
		font-size: 12px;
		line-height: 18px;
	}

	.cart table.pay th {
		width: 24%;
	}

	.breadcrumb {
		font-size: 12px;
		margin: 20px 0;
		line-height: 18px;
	}

	.order .head {
		border-top: solid 1px #1e2f4f;
		border-bottom: solid 1px #1e2f4f;
		height: 14px;
		padding: 10px;
	}

	.order .frame {
		float: left;
		border-bottom: solid 1px #1e2f4f;
		border-right: dotted 1px #1e2f4f;
		/*height: 130px;*/
	}

	.order .solid {
		border-right: solid 1px #1e2f4f;
	}

	.order .frame div {
		vertical-align: middle;
		height: 80px;
		display: table-cell;
	}

	.order .first { width: 50%; }
	.order .second { width: 15%; }
	.order .third { width: 10%; }
	.order .fourth { width: 16%; }
	.order .fifth { width: 8.6% ;}

	.order .first div { width: 50%; }
	.order .second div { width: 15%; }
	.order .third div { width: 10%; }
	.order .fourth div { width: 16%; }
	.order .fifth div { width: 8% ;}

	.order .second div,
	.order .fourth div,
	.order .fifth div {
		padding: 0px 12px;
	}

	/*.order .third div {
		padding: 1px 0;
	}*/

	.order .first img {
		margin: 10px;
		float: left;
	}

	.order .fifth {
		border-right: 0;
	}

	.order .number {
		margin: 0 5px 0 7px;
	}

	.cart .recal {
		margin: 10px 0;
	}

	.cart table.price {
		border-top: solid 1px #1e2f4f;
	}

	.cart-btn-list .btn-r,
	.cart-btn-list .tm-back {
		float: right;
	}

	.cart-btn-list .tm-back {
		margin-top: 3px;
		margin-right: 30px;
	}

	.cart-btn-list {
		margin: 0 auto;
		width: 420px;
	}

	.method-select .address {
		padding: 10px 10px 0 10px;
		margin-bottom: 20px;
	}

	.method-select {
		border-bottom: solid 1px #1e2f4f;
	}

	.method-select .content div {
		margin: 20px;
	}

	.method-select2 {
		border-bottom: 0;
	}

	.method-select .head {
		width: 300px;
		display: table-cell;
		clear: both;
		border-top: solid 1px #1e2f4f;
		vertical-align: middle;
	}

	.method-select .head  span {
		display: inline-block;
		margin: 10px;
	}

	.method-select .content {
		width: 725px;
		display: table-cell;
		border-top: solid 1px #1e2f4f;
		vertical-align: middle;
	}

	.method-select .content p {
		font-size: 12px;
		line-height: 16px;
		/*margin: 5px 0;*/
	}

	.method-select .select,
	.method-select .desc {
		float: left;
		margin-right: 10px;
	}

	.method-select2 .content {
		padding: 10px 10px 0 10px;
		border-top: 0;
	}

	.method-select .textarea {
		resize: none;
		height: 100px;
	}

	.pay-method-ttl {
		border-bottom: 0;
	}

	.pay-method {
		margin-bottom: 50px;
	}

	.confirm {
		margin-bottom: 30px;
	}

	.confirm .first p {
		padding-left: 10px;
	}

	.confirm .first .floatL {
		width: 400px;
		line-height: 18px;
	}

	.confirm .first .floatR img {
		width: 80%;
		margin-top: -2px;
	}

	.confirm .first { width: 54.7% }
	.confirm .fourth { width: 20%;}

	.confirm .second .head,
	.confirm .third .head ,
	.confirm .third div,
	.confirm .fourth .head,
	.deli-method .second div p {
		text-align: center;
	}

	.confirm .third div {
		width: 102px;
	}

	.confirm div .content p {
		font-size: 100%;
		line-height: 20px;
		padding: 20px;
	}

	.confirm .btn-change {
		margin-top: 10px;
	}

	.add-address img {
		margin-bottom: 10px;
	}

	.order-list .second {
		width: 12%;
	}

	.order-list .second .head {
		text-align: center;
	}

	.order-list .third {
		width: 37.8%;
		border-right: 0;
	}

	.order-list select {
		height: 30px;
		width: 350px;
	}

	.deli-method .first .floatR {
		margin: -55px -20px 0 0;
	}

	.deli-method .second { width: 10%; }
	.deli-method .third {width:35%;}
	.deli-method .third div {width: 100%;}

	.deli-method .third .floatL {
		width:250px;
		text-align: left;
	}

	.deli-method .third .floatL span {
		/*display: inline-block;*/
		margin: 0 10px;
		line-height: 20px;
	}

	.deli-method {
		margin-bottom: 50px;
		overflow: hidden;
	}

	.confirm .name .form {
		width: 250px;
		margin: 0 20px 0 10px;
	}

	.confirm .name .content span {
		display: inline-block;
		width: 30px;
	}

	.confirm .number .form {
		width: 100px;
	}

	ul.confirm li {
		display: inline-block;
		margin: 0 10px;
	}

	ul.confirm {
		border-bottom: solid 2px #aaa;
		padding-bottom: 30px;
	}

	.heading2 {
		font-size: 18px;
		font-weight: bold;
		color: #1e2f4f;
		padding: 10px 0;
		margin-bottom: 20px;
		border-bottom: solid 2px #1e2f4f;
		border-top: solid 2px #1e2f4f;
	}

	.cart .comp {
		text-align: center;
		line-height: 22px;
		margin-bottom: 100px;
	}

	.cart .comp p {
		margin: 20px auto;
	}

	.confirm .hidden { width:570px;}

	.hidden .floatL span {
		display: inline-block;
		max-height: 80px;
		overflow: hidden;
		width: 230px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.deli-method .data {
		height: 90px!important;
	}

	.aster-gray {
		text-align: right;
		margin: 15px 0 5px 0;
	}

}

@media screen and (max-width: 768px) {
	.item-list .categoly li a {
		font-size: 2vw;
	}
	
	.cart-btn-list .btn-r {
		margin-bottom: 20px;
	}
	
	.cart-btn-list .btn-r button.btn-r{
		margin-bottom: 0px;
	}

	.cart-btn-list .tm-back {
		margin: 0 auto;
		width: 192px;
	}

	.cart table.price {
		border: solid 1px #1e2f4f;
	}

	.cart table.price th {
		border-right: solid 1px #1e2f4f;
	}

	.btn-list {
		margin-top: 30px;
	}

	.btn-list p {
		margin-bottom: 20px;
	}

	.solid-btn {
		width: 100%;
	}

	.order .head {
		border: solid 1px #1e2f4f;
		padding: 10px 0;
		width: 99.2%;
	}

	.order .second .head,
	.order .third .head {
		border-bottom: 0;
	}

	.order div div {
		padding: 10px 0;
	}

	.order .first-div {
		border-right: solid 1px #1e2f4f;
		border-left: solid 1px #1e2f4f;
		width: 99.2%;
	}

	.order .second div,
	.order .third div,
	.order .fourth div {
		border-top: solid 1px #1e2f4f;
		border-right: solid 1px #1e2f4f;
	}

	.order .fourth div {
		border-bottom: solid 1px #1e2f4f;
	}

	.order .third div {
		padding: 0;

	}

	.order .first img {
		padding: 10px 0 10px 10px;
		float: left;
	}

	.order .first div {
		float: left;
		padding-left: 0;
	}

	.order .second,
	.order .third,
	.order .fourth {
		clear: both;
	}

	.order .second .head,
	.order .third .head,
	.order .fourth .head {
		float: left;
		width: 30%;
	}

	.order .second div,
	.order .third div,
	.order .fourth div {
		width: 69%;
		float: left;
	}

	.order .third div {
		text-align: right;
	}

	.confirm .third div p {
		display: inline-block;
		margin: 0 10px;
	}

	.order div span{
		display: block;
		margin: 5px 10px;		
	}
	.order.order-list .second.frame div{
		padding:0;
	}
	.order.comfirm{
		display: table;
	    width: 100%;
	    border-bottom: 0;
	    margin-bottom: -1px;
	}

	.cart .recal img {
		width: 70%;
		margin-bottom: 20px;
	}

	.cart table.price {
		width: 80%;
	}

	.cart table.price th {
		text-align: left;
		width: 50%;
	}

	.cart .other-item ul {
		width: 48%;
		display: inline-block;
		margin: 0 0.5% 20px 0.5%;
	}

	.cart .other-item ul img {
		width: 100%;
	}

	.sp-check-item p {
		text-align: left;
		width: 90%;
	}

	.sp-check-item p img {
		width: 100%;
	}

	.flow img {
		width: 100%;
		margin: 10px 0 20px 0;
	}

	.cart table.customer-info {
		border: solid 1px #1e2f4f;
	}

	.cart table.customer-info th {
		padding: 10px;
	}

	.cart table.customer-info td {
		padding-bottom: 20px;
	}

	.form {
		-webkit-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		-moz-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		height: 30px;
		margin-bottom: 10px;
	}

	.cart table.customer-info td.name .form {
		width: 85%;
	}

	.cart table.customer-info td.mail .form,
	.cart table.customer-info td.address .form,
	.cart table.sp-delivery td .form,
	.settled table td .form {
		width: 100%;
	}

	.cart table.customer-info td.tel .form {
		width: 29.8%;
	}

	.cart table.customer-info td.postal .form {
		width: 25%;
	}

	.cart table.customer-info td.name span {
		margin-right: 10px;
	}

	.cart table.customer-info td.mail span {
		display: block;
		margin-top: 5px;
		font-size: 12px;
	}

	.cart table.customer-info .search {
		margin-top: -10px;
	}

	.cart table.customer-info .destination-list {
		width: 100%;
		height: 30px;
		margin-left: 0;
	}

	.cart .deli-address {
		line-height: 20px;
	}

	.cart table.sp-delivery td {
		line-height: 20px;
	}

	.cart table.sp-delivery .select {
		margin-bottom: 5px;
	}

	.cart table.sp-delivery td .textarea {
		height: 100px;
	}

	.breadcrumb {
		font-size: 12px;
		margin: 10px 0;
		line-height: 18px;
	}

	.cart .attention {
		width: 96%;
		padding: 2%;
	}

	.method-select {
		border-left: solid 1px #1e2f4f;
		border-right: solid 1px #1e2f4f;
		border-bottom: solid 1px #1e2f4f;
		line-height: 18px;
		margin-bottom: 30px;
	}

	.method-select .head,
	.method-select .deli-head {
		padding: 10px 0;
		border-bottom: solid 1px #1e2f4f;
		border-top: solid 1px #1e2f4f;
	}

	.method-select .head span,
	.method-select .deli-head span {
		display: inline-block;
		margin-left: 10px;
	}

	.method-select div p {
		padding: 10px;
	}

	.method-select .form {
		width: 100%;
	}

	.method-select .textarea {
		width: 94%;
		height: 100px;
		margin: 10px;
		resize:none;
	}

	.method-select .first .floatL span {
		display: block;
		padding: 0 10px;
	}

	.confirm .first .floatR {
		display:block;
		padding:0 10px 0 0;
		width: 20%;
	}

	.confirm .third div {
		padding: 15px 0;
	}

	.confirm .content img {
		width: 100%;
	}

	.confirm .btn-change {
		width: 20%;
	}

	.add-address img {
		width: 70%;
		float: right;
		margin-bottom: 10px;
	}

	.order-list .second div {
		padding: 7.5px 0;
	}

	.order-list .third .head {
		float: none;
		width: 100%;
	}

	.order-list .third {
		border-bottom: solid 1px #1e2f4f;
		margin-bottom: 20px;
		width: 99.2%;
	}

	.order-list .third div{
		float: none;
		width: 100%;
		border-left: solid 1px #1e2f4f;
		text-align: left;
		padding:10px 0;
	}

	.order-list select {
		width: 94%;
	}

	.deli-method .second div p {
		display: block;
		margin-right: 10px;
	}

	.deli-method .third .head,
	.deli-method .third div {
		width: 99.2%;
	}

	.deli-method .third div {
		border-left: solid 1px #1e2f4f;
		border-bottom: solid 1px #1e2f4f;
		text-align: left;
		margin-bottom: 30px;
	}

	.confirm .name .form {
		width: 75%;
	}

	.confirm .name .content span {
		display: inline-block;
		width: 18%
	}

	.confirm .number .form {
		width: 25%;
	}

	.confirm .form {
		margin-top: 5px;
	}

	ul.confirm li {
		margin-bottom: 30px;
	}

	.heading2 {
		font-size: 18px;
		font-weight: bold;
		color: #1e2f4f;
		padding: 10px;
		margin-bottom: 20px;
		border-top: solid 2px #1e2f4f;
		background: #dde0e5;
	}

	.cart .comp {
		line-height: 22px;
		margin-bottom: 50px;
	}

	.cart .comp p {
		margin: 20px auto;
	}

}


/*--------------------------
	商品一覧
---------------------------*/
.item-list .ttl {
	background-color: #f1e29d;
	padding: 15px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #1e2f4f;
	margin: 20px 0;
}

.item-list .num a {
	color: #1e2f4f;
	text-decoration: underline;
}

.item-list .ttl .page-nav {
	position: relative;
	top: 5px;
}

.item-list .num {
	font-size: 14px;
	letter-spacing: 3px;
}

.item-list ul img {
	width: 100%;
}

.item-img .wrap {
	text-align: center;
}

.item-img .wrap img {
	width: 98%;
}

.item-img .thumbnail li:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}

.item-img table,
.item-desc table {
	width: 100%;
}

.item-desc table.bnr-list {
	margin-top: 20px;
}

.item-desc table.bnr-list td {
	width: 48%;
	margin: 10px 1% 0 1%;
	text-align: center;
	display: inline-block;
}

.item-desc .item-name {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
}

.item-desc .item-no {
	color: #666;
	font-size: 12px;
	margin-bottom: 20px;
}

.item-desc .price b {
	display: inline-block;
	margin: 0 30px 20px 0;
}

.item-desc .price span {
	color: #ff0000;
}

.item-desc .price span.yen {
	font-size: 24px;
	margin-right: 5px;
}

.item-desc ul.massages li.error-msg ul li{
	font-size: 12px;
	color:red;
	font-weight: bold;
	padding: 10px 8px 10px 15px;
	margin: 5px 0;
}

.item-desc .review:after,
.pw-forget:after,
.error .back:after {
	content: url(../../skin/frontend/rwd/tsumugiya/images/y_right.jpg);
	margin: 20px 0 30px 0;
	display: inline-block;
}

.item-desc table.item-detail {
	border-bottom: solid 1px #ccc;
}

.item-desc table.item-detail th {
	font-weight: normal;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 10px;
	width: 25%;
	text-align: left;
	font-size: 13px;
	background-color: #dde0e5;
}

.item-desc table.item-detail td {
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 10px;
	line-height: 18px;
	font-size: 13px;
}

.number, .number2 {
	width: 50px;
	height: 44px;
	outline: none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
	-moz-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
	box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
}

.item-desc .btn,
.order .btn,
.mypage .btn2 {
	display: block;
	margin: 2px 0 0 5px;
	cursor:pointer;
}

.item-list .categoly li {
	background: #f4f4f4;
	border: solid 1px #1f2f50;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.item-list .categoly li a {
	padding: 10% 0;
	display: block;
	text-align: center;
	color: #1f2f50;
	font-weight: bold;
}

.item-list .categoly li a:hover,
.item-list .categoly li.select a {
	background: #1f2f50;
	text-decoration: none;
	color: #fff;
}


@media screen and (min-width: 769px) {
	.pc-floatL {
		float:left
	}
	
	.pc-number, .pc-number2 {
		width: 50px;
		height: 44px;
		outline: none;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border: solid 1px #ccc;
		-webkit-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		-moz-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
		box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
	}
	
	.item-list .categoly li {
		display: inline-block;
		width: 250px;
		margin: 0 10px 12px 0;
	}

	.item-list .categoly li.m-right {
		margin-right: 0;
	}

	.item-list .item ul {
		width: 23%;
		float: left;
		margin: 0 1% 5% 1%;
	}

	.check-item ul {
		width: 18%;
		float: left;
		margin: 0 1% 3% 1%;
	}

	.item-img {
		float: left;
		width: 47%;
		margin-right: 3%;
	}

	.item-img .thumbnail li {
		width: 22.4%;
		margin: 3% 1% 5% 1%;
		float: left;
		border: solid 1px #ccc;
	}

	.item-desc {
		float: left;
		width: 50%;
	}

	.item-img table td {
		width: 48%;
		margin: 20px 1% 0 1%;
		text-align: center;
		display: inline-block;
	}

	.item-desc .cart {
		margin-bottom: 0;
	}
	.item-desc .cart button{
		margin: 0;
		padding:0;
	}


	.number3 .form {
		width: 120px;
	}

}


@media screen and (max-width: 768px) {
	.item-img .thumbnail {
		width: 100%;
		margin-left: 15%;
	}

	.item-img .thumbnail li {
		width: 15%;
		margin: 3% 1% 5% 1%;
		float: left;
		border: solid 1px #ccc;
	}

	.item-list .categoly li {
		float: left;
		width: 47%;
		margin: 1%;
		text-align: center;
		margin-bottom: 2px;
	}

	.item-list .num {
		text-align: center;
		margin-bottom: 20px;
	}

	.item-list .item ul {
		width: 48%;
		float: left;
		margin: 0 1% 5% 1%;
	}

	.item-img img, .item-desc img {
		width: 100%;
	}

	.item-desc .cart {
		width: 55%;
		margin-bottom: 0;
	}

	.item-desc .cart button{
		width: 100%;
	}

	.number3 .form {
		width: 25%;
	}

}

.flickSlider {
	margin: 0 auto;
	text-align: left;
	display: none;
}

.flickSlider .flickView {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.flickSlider .flickView ul {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

.flickSlider .flickView ul li {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
}

.flickSlider .flickView ul li img {
	width: 100%;
}

.flickSlider .flickThumb {
	width: 100%;
	overflow: hidden;
}

.flickSlider .flickThumb ul {
	width: 100%;

}

.flickSlider .flickThumb ul li {
	float: left;
	cursor: pointer;
	display: inline;
	border: solid 1px #ccc;
	margin: 2% 1% 0;
	width:  22%!important;
}

.flickSlider .flickThumb ul li img {
	width: 100%;
}

.flickSlider .flickThumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


.flickSlider .btnPrev,
.flickSlider .btnNext {
	top: 0;
	width: 30px;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

.flickSlider .btnPrev {
	left: 0;
	background: url(../../skin/frontend/rwd/tsumugiya/images/btnPrev.png) no-repeat center center;
}

.flickSlider .btnNext {
	right: 0;
	background: url(../../skin/frontend/rwd/tsumugiya/images/btnNext.png) no-repeat center center;
}

@media screen and (min-width: 769px) {
.flickSlider .btnPrev,
.flickSlider .btnNext {
	display:none;
}
}
input[type=number] {
	font-size: 16px;
	padding-left: 10px;
	margin: 0 2px 0 9px;
}

@media screen and (max-width: 768px) {
	input[type=number] {
	    margin:10px 5px;
	}
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
	input[type=number] {
	-moz-appearance: textfield;
}

.pay-hatena{
	display: inline-block;
	margin:0 0 0 10px;
}

.pay-hatena img{
	    vertical-align: middle;
}

.pay-hatena a{
	    vertical-align: middle;
}
.message-text{
	margin: 40px auto;
}

.method-select.message-text div p.head{
	background-color: #ffe2e2;
}

/*--------------------------
	マイページ
---------------------------*/
.mypage .content,
.mypage .content2 {
	border: solid 1px #1e2f4f;
}

.mypage .content .ttl {
	background: url(../../skin/frontend/rwd/tsumugiya/images/y_right.png) no-repeat #dde0e5;
	background-position: 96% center;
	color: #1e2f4f;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #1e2f4f;
}

.mypage .content2 .ttl {
	background-color: #dde0e5;
	color: #1e2f4f;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #1e2f4f;
}

.mypage .content p,
.mypage .content2 p {
	padding: 12px;
	line-height: 22px;
}

.mypage .content2 table p {
	font-weight: normal;
	text-align: left;
}

.mypage .content2 table a:after,
.yazirushi-right a:after {
	content: url(../../skin/frontend/rwd/tsumugiya/images/y_right.jpg);
	margin: 0 10px;
	display: inline-block;
}

.tmgy-catalog img{
	vertical-align: middle;
}

.yazirushi-right {
	margin: 20px 0;
}

.mypage .history {
	font-size: 16px;
	font-weight: bold;
	color: #1e2f4f;
	padding-bottom: 10px;
	margin: 20px 0 0 0;
}

.mypage .history-dis {
	margin: 20px 0;
	height: 30px;
	width: 200px;
}

.mypage .btn {
	width: 100px;
	margin-left: 5px;
}

.order-his {
	width: 100%;
	border: solid 1px #1e2f4f;
	font-size: 14px;
}

.order-his th {
	font-weight: normal;
	background-color: #dde0e5;
	padding: 10px;
	text-align: left;
	border-bottom: solid 1px #1e2f4f;
	border-right: solid 1px #1e2f4f;
}

.order-his td {
	border-bottom: solid 1px #1e2f4f;
	border-right: solid 1px #1e2f4f;
	padding: 5px 10px;
	line-height: 22px;
}

.order-his td.price,
.order-his th.number-dis {
	text-align: right;
}

.his2 .number-dis {
	letter-spacing: 3px;
}

.his2 .number-dis a {
	text-decoration: underline;
	color: #1e2f4f;
}

.his2 .number-dis a:hover {
	color: #0099cc;
}

.his2 .number-dis .number {
	margin-left: 10px;
}

.mypage .order-his .history-dis {
	margin: 0;
}

.mypage .number {
	margin: 0;
	height: 30px;
	width: 60px;
}

.mp-nav li {
	display: inline-block;
	padding: 2.5px 19px;
	border-right: dashed 1px #1e2f4f;
	margin: 15px 0 20px 0;
}

.mp-nav li:first-child {
	border-left: dashed 1px #1e2f4f;
	margin-left: 3px;
}

td.his2-6,
.mypage .order-no span { 
	color: #a2a2a2;
	font-style: italic;
}

.order-detail th {
	text-align: left;
}

.order-detail td {
	text-align: left;
}

.mypage-table {
	margin-bottom: 30px;
	overflow: hidden;
	line-height: 16px;
}

.mypage-table .head,
.favlist .head {
	background: #dde0e5;
	color: #1e2f4f;
	padding: 12px;
	border-bottom: solid 1px #1e2f4f;
	overflow: hidden;
}

.mypage-table .head-c {
	padding: 12px;
	border-bottom: solid 1px #1e2f4f;
}

.mypage-table .table-content {
	padding: 12px;
	line-height: 18px;
}

.mypage-table .table-content div span {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.mypage-table .table-content div p {
	margin-bottom: 10px;
}

.review-d {
	line-height: 20px;
	border: solid 1px #1e2f4f;
}

.mypage .btn2 { margin: 2px; }
.mypage .number2 { margin-right: 5px;}

.favlist {
	width: 100%;
	overflow: hidden;
}

.favlist .fav-content .form {
	width: 98%;
	height: 40px;
	resize: none;
}

.favlist p {
	line-height: 18px;
	margin-bottom: 5px;
}

.favlist .head {
	margin-bottom: 0;
}

.sp-address-main{
	display: table-cell;
	width: 100%;
}

.sp-address-sub{
	display: table-cell;
	vertical-align: middle;
}

@media screen and (min-width: 769px) {
	.mypage .content {
		width: 47.5%;
		float: left;
		margin: 2% 1%;
		height: 120px;
	}

	.mypage .content .mid {
		padding: 25px 12px;
	}

	.mypage .content2 {
		width: 97.4%;
		margin-left: 1%;
		position: relative;
		top: 15px;
	}

	.mypage .content2 table p {
		padding: 20px 15px;
	}

	.order-his td {
		vertical-align: middle;
	}

	.his2 {
		font-size: 13px;
	}

	.his2 th {
		vertical-align: middle;
	}

	th.his2-1 { width: 13%;}
	th.his2-2 { width: 13%;}
	th.his2-3 { width: 27%;}
	th.his2-4 { width: 16%;}
	th.his2-5 { width: 10%;}
	th.his2-6 { width: 14%;}
	td.his2-7 { line-height:0;}

	.mypage .order-no {
		float: left;
	}

	.mypage .re-order {
		float: right;
	}

	.order-detail {
		font-size: 13px;
		line-height: 18px;
	}

	.order-detail th {
		width: 20%;
		color: #1e2f4f;
	}

	.mypage-table .table-content div {
		float: left;
		width: 50%;
		margin-bottom: 10px;
	}

	.mypage-table .head .floatR p {
		display: inline-block;
	}

	.mypage-table .head .floatR a {
		text-decoration: underline;
		margin: 0 7px;
	}

	.mypage-table .head .floatR .number {
		width: 80px;
		border: solid 1px #aaa;
		margin-left: 10px;
	}

	.mypage-table .first,
	.mypage-table .second,
	.mypage-table .third,
	.mypage-table .fourth {
		border-right: solid 1px #1e2f4f;
		float: left;
	}

	.mypage-table .first { width: 110px;}
	.mypage-table .second { width: 220px;}
	.mypage-table .third { width: 250px;}
	.mypage-table .fourth { width: 99px;}

	.mypage-table .fourth {
		border-right: none;
	}

	.mypage-table .head-c {
		vertical-align: middle;
		height: 34px;
		line-height: 18px;
		display: table-cell;
	}

	.mypage-table .first span {
		display: block;
		margin-top: 7px;
	}

	.mypage-table .second span,
	.mypage-table .third span {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.mypage-table .second span {width:220px;}
	.mypage-table .third span {width:250px;}

	.adrs {
		border: solid 1px #1e2f4f;
	}

	.mypage-table .head .middle {
		display: inline-block;
		margin-top:8px;
	}

	.review-d p {
		margin-bottom: 10px;
	}

	.review-d {
		display:table;
	}

	.review-d .first {
		display: table-cell;
		width: 30%;
		border-right: solid 1px #1e2f4f;
	}

	.review-d .first img {
		width: 90%;
		margin: 12px;
	}

	.review-d .second {
		display: table-cell;
		vertical-align: top;
		padding: 12px;
	}

	.fav-table {
		border-left: solid 1px #1e2f4f;
		border-top: solid 1px #1e2f4f;
		border-bottom: solid 1px #1e2f4f;
	}

	.favlist .first {
		float: left;
		width: 54%;
	}

	.favlist .first .fav-content {
		padding: 10px;
	}

	.favlist .first div .item-img {
		float: left;
		width: 100px;
	}

	.favlist .first .fav-content div {
		float: left;
		width: 286px;
	}

	.favlist .second {
		float: left;
		width: 15%;
	}

	.favlist .third {
		float: left;
		width: 13%;
	}

	.favlist .fourth {
		float: left;
		width: 17%;
		border-right: solid 1px #1e2f4f;
	}

	.favlist .item-img img {
		width: 100px;
	}

	.favlist .second .head,
	.favlist .third .head {
		text-align: center;
	}

	.favlist .fav-content .update {
		text-align: right;
	}

	.favlist .fav-content {
		height: 150px;
		overflow: hidden;
		padding: 10px 0;
	}

	.favlist .second .fav-content div,
	.favlist .third .fav-content,
	.favlist .fourth .fav-content div {
		vertical-align: middle;
		height: 150px;
		display: table-cell;
	}

	.favlist .second .fav-content div .pc-display p {
		display: inline-block;
	}

	.favlist .third .fav-content p {
		text-align:right;
		width: 80px;
	}

	.favlist .fourth .fav-content div {
		text-align: center;
		width: 180px;
	}

	.favlist .first .fav-content p span {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		width: 100%;
	}

	.favlist .btn-list p {
		display: inline-block;
		margin: 20px 0 0 10px;
	}

	.favlist .btn-list {
		text-align: right;
	}

	.credit-card .form {
		margin: 5px 0;
		width: 250px;
	}

	.credit-card .credit-info {
		margin-right: 10px;
		width: 70px;
		display: inline-block;
	}

	.credit-card .select2 {
		width: 70px;
		margin: 10px 10px 10px 0;
	}

	
}


@media screen and (max-width: 768px) {
	.mypage .content {
		width: 100%;
		margin-bottom: 20px;
	}

	.mypage .content2 {
		width: 100%;
	}

	.order-his {
		margin-bottom: 20px;
	}

	.order-his th {
		width: 35%;
	}

	.his2 {
		margin-bottom: 10px;
	}

	.his2-btn {
		margin-bottom: 30px;
	}

	.his2-btn td {
		width: 50%;
	}

	.his2-btn td:last-child {
		text-align: right;
	}

	.his2-btn td img {
		width: 96%;
	}

	.mypage .re-order {
		text-align: right;
		margin-top: 20px;
	}

	.order-detail {
		line-height: 20px;
	}

	.sp-center {
		text-align: center;
	}

	.mypage-table hr {
		border-color: #fff;
	}

	.mypage-table .head-group {
		float: left;
		width: 29.7%;
		border-right: solid 1px #1e2f4f;
	}

	.mypage-table .head-c-group {
		float: left;
		width: 70%;
	}

	.mypage-table .second,
	.mypage-table .third {
		height: 32px;
	}

	.mypage-table .second span,
	.mypage-table .third span {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.mypage-table .second span,
	.mypage-table .third span {
		width:100%;
	}

	.cart-btn-list .tm-back {
		margin: 0 auto;
		width: 334px;
	}

	.review-group {
		margin-bottom: 10px;
		overflow: hidden;
		border: solid 1px #1e2f4f;
		border-bottom: none;
	}

	.sp-adrs {
		border: solid 1px #1e2f4f;
	}

	.mypage .more-btn {
		margin-bottom: 40px;
	}

	.review-d .first p {
		text-align: center;
		border-bottom: solid 1px #1e2f4f;
	}

	.review-d .first img {
		width: 40%;
		margin: 12px 0 10px 0;
	}

	.review-d .second .sp-display {
		background: #dde0e5;
		padding: 10px;
		display: table-cell;
		width: 90px;
		border-right: solid 1px #1e2f4f;
	}

	.review-d .second .review-c {
		display: table-cell;
		padding: 10px;
	}

	.review-d .review-d-block {
		display: table;
		border-bottom: solid 1px #1e2f4f;
		width: 100%;
	}

	.review-d .review-d-content {
		padding: 10px;
	}

	.btn-fav a span,
	.btn-fav2 a span {
		display: inline-block;
		margin-right: 5px;
		position: relative;
		top: 6px;
	}

	.favlist .favlist-box {
		border-top: solid 1px #1e2f4f;
		border-left: solid 1px #1e2f4f;
		border-right: solid 1px #1e2f4f;
	}

	.favlist .fav-content {
		padding: 12px;
		border-bottom: solid 1px #1e2f4f;
	}

	.favlist .first .item-img {
		text-align: center;
	}

	.favlist .first .item-img img {
		width: 40%;
		margin: 10px 0;
	}

	.favlist .first .update {
		text-align: center;
	}

	.favlist .second .head,
	.favlist .third .head {
		float: left;
		width: 29.7%;
		border-right: solid 1px #1e2f4f;
		padding: 0;
	}

	.favlist .second .head span,
	.favlist .third .head span,
	.favlist .second .fav-content div,
	.favlist .third .fav-content p {
		display: block;
		margin: 12px;
	}

	.favlist .second .fav-content,
	.favlist .third .fav-content {
		float: left;
		width: 70%;
		padding: 0;
		text-align: right;
		height: 42px;
	}

	.favlist .fourth .fav-content {
		border-bottom: solid 1px #eee;
		padding: 0;
		overflow: hidden;
	}

	.favlist .fourth .fav-content .solid-btn {
		float: left;
		width: 60%;
		margin: 10px 0 20px 0;
	}

	.favlist .fourth .fav-content .edit {
		float: right;
		width: 33%;
		margin: 10px 0 20px 0;
	}

	.favlist .btn-list p {
		text-align: center;
		clear: both;
		margin-bottom: 10px;
	}

	.sp-center {
		text-align: center;
	}

	.credit-card .select2 {
		width: 20%;
		margin: 0 10px;
	}

	.credit-card .form {
		margin-top: 5px;
	}

}




/*--------------------------
	ログイン
---------------------------*/
.pw-forget:after {
	margin: 10px 0 0 10px;
}

.pw-forget {
	margin: 0 10px 20px 0;
}

.order-detail {
	border-top: solid 1px #1e2f4f;
	margin: 20px 0;
	width: 100%;
}

.login-attention{
	background: #ffeded;
	border-radius: 5px;
	width: 100%;
	padding:15px 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.login-attention .ttl-attention{
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: #da3b3b;
	line-height: 0;
}
.login-attention .ttl-attention img{
	vertical-align: middle;
}
.login-attention .txt-attention{
	padding:5px 20px;
	box-sizing: border-box;
}


@media screen and (max-width: 768px){
	.settled table,
	.order-detail {
	border: solid 1px #1e2f4f;
}
.login-attention .txt-attention{
	padding:5px 0px;
}

}

.settled table th {
	width: 25%;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
}

.settled table td {
	padding: 15px;
	width: 75%; 
}

@media screen and (min-width: 769px) {
	.settled {
		float: left;
		width: 50%;
		margin-right: 5%;
		margin-top: 15px;
	}

	.settled table .form {
		width: 100%;
		height: 30px;
	}

	.no-settled {
		float: left;
		width: 45%;
		line-height: 24px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 768px) {
	.settled {
		width: 100%;
	}

	.settled table .form {
		margin-bottom: 0;
	}

	.no-settled {
		margin-top: 50px;
		line-height: 24px;
	}
}



/*--------------------------
	システムエラー
---------------------------*/
.error {
	line-height: 24px;
}

.error .back:after {
	margin: 0 0 5px 10px;
}

@media screen and (min-width: 769px) {
	.error {
		background: url(../../skin/frontend/rwd/tsumugiya/images/mc_error2.jpg) no-repeat;
		background-position: 530px 70px;
	}
}

@media screen and (max-width: 768px) {
	.error .back {
		text-align: center;
	}
}

/*--------------------------
	お知らせ
---------------------------*/
.mc-news .news-ttl,
.mc-media .media-ttl{
	background-image: url(../../skin/frontend/rwd/tsumugiya/images/news_bg.jpg);
	background-position: center center;
	width: 100%;
	margin:0 0 10px;
}
.mc-news .news-ttl span,
.mc-media .media-ttl span{
	display: block;
	padding:20px 0 18px 40px;
	font-size: 16px;
	font-weight: bold;;
}

.news-backnumber,
.history-backnumber{
	width: 150px;
	float: right;
}

.news-backnumber-wrap,
.history-backnumber-wrap{
	display: table;
	width:100%;
	margin-bottom: 10px;
}

.news-subttl{
	display: table;
	background-color: #eee;
	border-radius: 3px;
	width:100%;
	margin:0 0 10px;
}

.news-subttl span{
	display: block;
	padding: 15px;
	font-size: 14px;
}

.news-subttl span.news-date{
	color: #666;
	float: left;
}

.news-subttl span.news-tag{
	color: #666;
	float: right;
}

.news-subttl span.news-tag a:after{
	content: ',';
	color: #666;
}

.news-subttl span.news-tag a:last-child:after{
	content: '';
}

.news-content {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	line-height: 1.6;
}

.media-content {
	margin-bottom: 50px;
	line-height: 1.6;
	overflow: hidden;
}

.news-content .news-img-narabi{
	display:table-cell;
	width: 300px;
}

.news-content .news-img-narabi img{
	width: 100%;
}
.news-content .news-text-narabi{
	display:table-cell;
	width: 460px;
	padding-left:20px;
	vertical-align: top;
}

.news-page,
.history-page{
	width:100%;
	text-align: center;
	margin:30px 0;

}

.news-page a,
.history-page a{
	color:#1e2f4f;
}

.news-content .news-text{
	width:100%;
}

.news-content .news-img{
	width:100%;
}

.media-categoly {
	background: #eee;
	padding: 10px;
	border-radius: 3px;
	margin-top: 30px
}

.media-categoly a {
	position: relative;
	top: -2px;
}

.media-categoly:after {
	content: url(../../skin/frontend/rwd/tsumugiya/images/y_right.png);
	padding: 5px;
}

.media-img-narabi img {
	width: 100%;
}

@media screen and (min-width: 769px) {
	
	
	.media-img-narabi {
		float: left;
		width: 50%;
		margin-right: 3%;
	}

	.media-text-narabi {
		float: left;
		width: 47%;
	}
}

@media screen and (max-width: 768px) {
	.mc-news .news-ttl,
	.mc-media .media-ttl{
		background-image:none;
		background-color :#f1e29d;
		border-radius: 3px;
	}
	.mc-news .news-ttl span,
	.mc-media .media-ttl span{
		padding:15px;
		font-size: 14px;
	}
	.news-content .news-img-narabi{
		display:block;
		width: 100%;
	}

	.news-content .news-img-narabi img{
		width: auto;
		max-width:200px;
		margin:0 auto 10px;
		display:block;
	}
	.news-content .news-text-narabi{
		display:block;
		width: 100%;
	}
	.news-content .news-img img{
		width:100%;
		max-width:320px;
		margin:0 auto 10px;
		display:block;
	}
	.mc-news .news-backnumber,
	.history-backnumber
	{
		width: 100%;
		float: none;
		display:block;
		margin-left: 0;
		margin:0 auto;
	}

}




/*--------------------------
	会員登録
---------------------------*/
.create .birthday .content span {
	display: inline-block;
	margin: 0 10px 0 2px;
}

.create .personal-data {
	border: solid 1px #bbb;
	width: 85%;
	margin: 10px 0 0 10px!important;
}

@media screen and (min-width: 769px) {
	.create .head { width: 230px;}
	.create .content { width: 550px;}
	.create .name .form { width: 200px;}
	.create .email .form,
	.create .password .form,
	.create .company .form { width: 350px;}
	.create .bd-select { width: 100px;}
	.create2 .content { width: 726px;}

	.create .caution,
	.create .caution2 {
		font-size: 12px!important;
		padding: 0 0 2px 10px!important;
	}

	.create .solid-btn {
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	.create .caution {
		padding: 0 0 0 10px;
		margin: 0!important;
	}

	.create .caution2 {
		color: #a9a9a9;
		padding: 0;
	}

	.create .bd-select { width: 22%;}

	.maildayori .caution2 {
		padding: 0 10px 10px 10px;
	}

}


/*--------------------------
	レビュー
---------------------------*/
.review .item-info img { width: 100%;}

.review .item-info {
	margin-bottom: 20px;
}

.review .item-info .second { 
	vertical-align: top;
	line-height: 20px;
}

.review .item-info .second p {
	padding: 0 0 10px 10px; 
}

.c-red {
	color: #fc2f34!important;
}

.review .score {
	background: #f5f5f5;
	padding: 10px;
	width: auto;
	margin-left: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.review .score span {
	color: #a9a9a9;
	display: inline-block;
	margin-right: 5px;
}

.review .on { color: #f9d84d;}
.review .off { color: #d7d7d7;}

.review .pagenation {
	overflow: hidden;
	background: #f5f5f5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.review .pagenation p,
.review .sp-pagenation p {
	padding: 15px;
	color: #1e2f4f;
}

.review .pagenation a,
.review .sp-pagenation a {
	color: #1e2f4f;
	text-decoration: underline;
	margin: 0 5px;
}

.review .pagenation .number {
	width: 80px;
	height: 30px;
}

.review .review-c {
	border-bottom: solid 1px #1e2f4f;
	margin-bottom: 20px;
}

.review .review-c p {
	margin-bottom: 8px;
	line-height: 20px;
}

.review .review-c .score {
	background: none;
	padding: 0;
	margin: 0;
}

.review .textarea {
	margin: 15px 10px;
}

.review .attention {
	color: #a9a9a9;
	line-height: 18px;
	margin-bottom: 20px;
}



@media screen and (min-width: 769px) {
	.review .item-info .first { width: 110px;}
	.review .item-info .second { width: 670px;}

	.review .score {
		width: 220px;
	}

	.review .fa-star {font-size: 18px;}

	.review .pagenation .floatL {
		margin-top: 8px;
	}

	.review .pagenation {
		margin-bottom: 20px;
	}

	.create .review .form {
		width: 350px;
	}

	.review .textarea {
		width: 500px!important;
	}

	.review .attention {
		font-size: 12px;
	}

}

@media screen and (max-width: 768px) {
	.review .item-info .first { width: 20%;}
	.review .item-info .second { width: 80%;}

	.review .score {
		width: 83%;
	}

	.review {
		margin-bottom: 30px;
	}

}


/*--------------------------
	ランキング
---------------------------*/
.tm-rank .ttl {
	font-weight: bold;
}

.tm-rank .c-red,
.tm-rank .pc-display {
	text-align: right;
}

.tm-rank div p {
	line-height: 18px;
}

.tm-rank {
	clear: both;
}

.tm-rank .ranking-desc {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

@media screen and (min-width: 769px) {
	.tm-rank {
		display: table;
		height: 190px;
		border-bottom: solid 1px #1e2f4f;
		padding: 25px 0;
	}

	.tm-rank .ranking-no,
	.tm-rank .ranking-img {
		display: table-cell;
		padding-right: 20px;
	}

	.tm-rank .ranking-no { width: 134px;}
	.tm-rank div { width: 416px;}

	.tm-rank .ranking-img { 
		width: 270px;
		position: relative;
		height: 190px;
		overflow: hidden;
		display: block;
	}

	.tm-rank .ranking-img img {
		position: absolute;
		left: 0;
		height: 190px;
		width: auto;
	}

	.tm-rank div { 
		display: table-cell;
		vertical-align: top;
		position: relative;
	}

	.tm-rank div .pc-display {
		position: absolute;
		bottom: 0;
		right: 0;
		margin-bottom: 0; 
	}

	.tm-rank div p {
		margin-bottom: 15px;
	}

}

@media screen and (max-width: 768px) {
	.tm-rank {
		padding: 10px 0;
	}

	.tm-rank img {
		width: 100%;
	}

	.tm-rank .ranking-no {
		margin-bottom: 10px;
	}

	.tm-rank .ranking-img {
		width: 37%;
		margin-right: 3%;
		float: left;
	}

	.tm-rank div p {
		margin-bottom: 5px;
	}
}


/*--------------------------
	商品番号から注文
---------------------------*/

.btn-r2 span {
	display: inline-block;
	position: relative;
	top: 5px;
}

@media screen and (min-width: 769px) {
	.order-itemno .head {
		padding: 27px 0;
		float: left;
		width: 15%;
		text-align: center;
		border-bottom: none;
	}

	.order-itemno .content {
		border-top: solid 1px #1e2f4f;
		overflow: hidden;
		padding: 10px 20px;
	}

	.order-itemno .content .form {
		height: 44px;
		width: 180px;
		font-size: 18px;
	}

	.order-itemno {
		width: 50%;
		overflow: hidden;
		float: left;
	}

	.order .content p {
		float: left;
	}

	.pc-border {
		border-bottom: solid 1px #1e2f4f;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	.order-itemno {
		width: 100%;
		border-top: solid 1px #1e2f4f;
		border-right: solid 1px #1e2f4f;
	}

	.order-itemno div {
		overflow: hidden;
	}

	.order-itemno .head {
		float: left;
		width: 15%;
		height: 54px;
		border-bottom: none;
		border-top: none;
		padding: 0;
		text-align: center;
	}

	.order-itemno .head span {
		padding: 20px 0;
	}

	.order-itemno .content {
		overflow: hidden;
		padding: 0;
		width: 84%;
		float: left;
	}

	.order-itemno .content p {
		padding: 10px 0 10px 10px;
		float: left;
	}

	.order-itemno .content .form {
		margin-bottom: 0;
		width: 100%;
	}

	.order-itemno .content .item-no { width: 70%;}
	.order-itemno .content .item-quan { width: 20%;}

	.sp-border {
		border-bottom: solid 1px #1e2f4f;
		margin-bottom: 30px;
	}

}


/*--------------------------
	会社情報
---------------------------*/
.company-subnav {
	margin-bottom: 30px;
}

.message-company,
.shopinfo {
	line-height: 22px;
	margin-bottom: 50px;
}

.message-company p,
.shopinfo p {
	margin-bottom: 20px;
}

.message-img {
	margin-bottom: 10px;
}

.shopinfo ul {
	margin-bottom: 20px;
}

.shopinfo-ttl {
	color: #1e2f4f;
	font-weight: bold;
}

.signage p {
	background: #dde0e5;
	border-bottom: solid 1px #1e2f4f;
	padding: 15px;
	color: #1e2f4f;
	font-weight: bold;
}

.signage-table div {
	padding: 15px;
	line-height: 22px
}

@media screen and (min-width: 769px) {
	.company-subnav li {
		display: inline-block;
		margin-left: -4px;
	}

	.company-subnav li:first-child {
		margin: 0;
	}

	.company-subnav li a {
		display: block;
	}

/*
	.company-subnav li img {
		width: 98.9%;
	}
*/
	.message-img {
		float: right;
		margin: 20px 50px 20px 20px;
	}

	.ceo-name {
		text-align: right;
	}

	.shopinfo .first {
		float: left;
		width: 390px;
		margin-right: 20px;
	}

	.shopinfo .second {
		float: left;
		width: 370px;
	}

	.shopinfo .third {
		float: left;
		width: 390px;
		margin-right: 7px;
	}

	.shopinfo .fourth {
		float: left;
		width: 186px;
		margin-right: 7px;
	}

	.shopinfo .fifth {
		float: left;
		width: 190px;
	}

	.shopinfo ul li {
		display: inline-block;
		width: 257px;
		text-align: center;
	}

	.shopinfo .sixth {
		float: right;
	}

	.shopinfo .sixth p {
		display: inline-block;
	}

	.tel-fax {
		margin-bottom: 30px;
		overflow: hidden;
	}

	.tel-fax p {
		float: left;
		width: 45%;
		padding: 2.5%;
	}

	.signage { 
		width: 100%;
		border-top: solid 1px #1e2f4f;
		float: left;
	}

	.signage-table .head {
		display: table-cell;
		width: 150px;
		vertical-align: middle;
	}

	.signage-table div {
		display:  table-cell;
		width: 570px;
		border-bottom: solid 1px #1e2f4f;
	}

	@media screen and (min-width: 769px) {
	.tmgy-fb {
		float:left;
		width:60%;
		margin-right: 5%;
	}
	.tmgy-sns {
		float:left;
		width:35%;
		text-align: right;
		margin-bottom: 50px;
	}
	.tmgy-sns li {
		margin-bottom: 10px;
	}
}

}

@media screen and (max-width: 768px) {
	.company-subnav {
		border: solid 1px #1e2f4f;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	.company-subnav li {
		padding: 15px 10px;
		border-bottom: solid 1px #1e2f4f;
		font-weight: bold;
		background: url(../../skin/frontend/rwd/tsumugiya/images/y_right.png) no-repeat;
		background-position: right 5% center;
	}

	.company-subnav li a {
		color: #1e2f4f;
	}

	.company-subnav .now-select {
		background: #1e2f4f;
		color: #fff;
	}

	.company-subnav li:last-child {
		border-bottom: none;
	}

	.message-img {
		text-align: center;
	}

	.shopinfo img {
		width: 100%;
	}

	.shopinfo .fourth {
		float: left;
		width: 49%;
		margin-right: 2%;
	}

	.shopinfo .fifth {
		float: left;
		width: 49%;
	}

	.shopinfo ul li {
		display: inline-block;
		width: 32.5%;
		text-align: center;
	}

	.shopinfo .sixth p {
		display: inline-block;
		width: 49.4%;
	}

	.tel-fax p {
		padding-bottom: 30px;
		width: 90%;
		margin: 0 auto;
	}

	.signage {
		border-bottom: solid 1px #1e2f4f;
	}

	.signage-table {
		border-left: solid 1px #1e2f4f;
		border-right: solid 1px #1e2f4f;
	}

	.signage-table p {
		border-top: solid 1px #1e2f4f;
	}
}


/*--------------------------
	allitem
---------------------------*/
@media screen and (min-width: 769px) {
	.allitem-select {
		float: left;
		width: 50%;
		margin-bottom: 10px;
	}

	.allitem-select ul li {
		display: inline-block;
		width: 45%;
	}
}

.allitem-select ul li {
	margin: 10px 0;
}

.allitem-select ul li:before,
.allitem-select2 li:before {
	content: url(../../skin/frontend/rwd/tsumugiya/images/y_right.jpg);
	padding: 5px;
}

.allitem-select2 li {
	display: inline-block;
	width: 24%;
	margin: 10px 0;
}

.allitem-ttl {
	margin-top: 20px;
}


/*--------------------------
	利用規約
---------------------------*/
.rule-heading {
	padding: 10px 20px;
	background: #dde0e5;
	border-bottom: solid 1px #1e2f4f;
	border-top: solid 1px #1e2f4f;
	color: #1e2f4f;
	font-weight: bold;
}

.tmgy-rule {
	margin-bottom: 10px;
	line-height: 1.6;
}

.tmgy-pay {
	margin-bottom: 30px;
	line-height: 1.6;
}

.tmgy-rule div {
	padding: 10px 10px 10px 20px;
}

.tmgy-rule div p {
	margin-bottom: 20px;
}

.tmgy-rule .attention {
	padding: 10px;
	border: dotted 1px #1e2f4f;
	margin-top: 15px;
}

/*--------------------------
	よくある質問
---------------------------*/
.acMenu {
	line-height: 22px;
}

.yazirushi-r {
	background: url(../../skin/frontend/rwd/tsumugiya/images/y_right.png) no-repeat;
	background-position: right center;
	padding-right: 20px;
	background-size: 10px;
	display: inline-block;
	margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
	.question-subnav li {
		display: inline-block;
	}

	.acMenu dt {
		display:block;
		width:100%;
		cursor:pointer;
		background:url(../../skin/frontend/rwd/tsumugiya/images/mc_question_ttl7.png) no-repeat;
		height: 70px;
		background-size: 100%;
		margin-bottom: 10px;
	}

	.acMenu dd{
		width:100%;
		display:none;
		background:url(../../skin/frontend/rwd/tsumugiya/images/mc_question2.png) no-repeat;
		background-position: left top;
		padding-left: 60px;
		width: 720px;
		min-height: 44px;
		margin-bottom: 20px;
	}

	.acMenu dt.active{
		background:url(../../skin/frontend/rwd/tsumugiya/images/mc_question_ttl3.png) no-repeat;
		background-size: 100%;
	}

	.acMenu dt p {
		padding-left: 60px;
		height: 70px;
		vertical-align: middle;
		display: table-cell;
		font-weight: bold;
	}

}

@media screen and (max-width: 768px) {
	.question-subnav {
		border: solid 1px #1e2f4f;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.question-subnav li a {
		display: block;
		font-weight: bold;
		color: #1e2f4f;
		padding: 15px 10px;
	}

	.question-subnav li {
		border-bottom: solid 1px #1e2f4f;
		background: url(../../skin/frontend/rwd/tsumugiya/images/y_bottom.png) no-repeat;
		background-position: right 10px center;
		background-size: 20px;
	}

	.question-subnav li:last-child {
		border-bottom: 0;
	}

	.acMenu dt {
		display:block;
		width:100%;
		cursor:pointer;
		background:url(../../skin/frontend/rwd/tsumugiya/images/sp_question2.png) no-repeat, url(../../skin/frontend/rwd/tsumugiya/images/sp_question3.png) no-repeat;
		background-size: 22px;
		background-position: right 5px center, left 5px top 5px;
		margin-bottom: 10px;
		border: solid 1px #1e2f4f;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}

	.acMenu dt p {
		padding: 5px 30px;
	}

	.acMenu dd{
		width:100%;
		display:none;
		background:url(../../skin/frontend/rwd/tsumugiya/images/sp_question4.png) no-repeat;
		background-size: 29px;
		min-height: 30px;
		margin-bottom: 20px;
		padding-left: 10%;
		width: 90%;
	}

	.acMenu dt.active{
		background:url(../../skin/frontend/rwd/tsumugiya/images/sp_question1.png) no-repeat, url(../../skin/frontend/rwd/tsumugiya/images/sp_question3.png) no-repeat;
		background-size: 22px;
		background-position: right 5px center, left 5px top 5px;
	}
}


/*--------------------------
	LINE
---------------------------*/
.line-add {
	position: relative;
}

@media screen and (min-width: 769px) {
	.line-add .line-add-btn {
		position: absolute;
		bottom: 90px;
		right: 70px;
	}
}

@media screen and (max-width: 768px) {
	.line-add .line-add-btn {
		position: absolute;
		bottom: 25%;
		left: 28%;
	}
}


/*--------------------------
	ギフト
---------------------------*/
.mc-gift {
	line-height: 1.6;
}

.mc-gift .heading {
	margin-top: 20px;
}

.gift-heading {
	background: #eee;
	padding: 10px;
	text-align: center;
	color: #1e2f4f;
	font-weight: bold;
	margin: 30px 0 10px 0;
	border-radius: 5px;
}

@media screen and (min-width: 769px) {
	.
	.pc-giftL {
		float: left;
		width: 47.5%;
		margin-right: 2.5%;
	}

	.pc-giftR {
		float: left;
		width: 47.5%;
		margin-left: 2.5%;
	}
}

@media screen and (max-width: 768px) {
	.mc-gift .giftL {
		float: left;
		width: 55%;
		margin: 20px 5% 0 0;
	}

	.mc-gift .giftR {
		float: left;
		width: 40%;
	}
}


/*--------------------------
	お支払い・配送
---------------------------*/
.tmgy-rule .attention p {
	margin: 0;
}

.furikomi span,
.tmgy-pay span {
	color: #929baa;
	font-size: 20px;
}

.tmgy-try p {
	margin-top: -2px;
}

.tmgy-catalog {
	line-height: 1.6;
	font-size: 12px;
}

@media screen and (min-width: 769px) {
	.tmgy-rule .furikomi {
		float: left;
		width: 45%;
		margin: 0 1%;
	}
}

/*--------------------------
	こだわり
---------------------------*/
.tmgy-kodawari {
	line-height: 1.6;
}

.tmgy-kodawari p {
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {

}

@media screen and (min-width: 769px) {
	.pc-kodawariL {
		float: left;
		width: 554px;
		margin: 20px 20px 0 0;
	}

	.pc-kodawariR {
		float: left;
		width: 206px;
		margin-top: 20px;
	}

	.pc-kodawariR li,
	.pc-kodawariL2 li {
		margin-bottom: 20px;
	}

	.pc-kodawariL2 {
		float: left;
		width: 205px;
		margin-right: 20px;
	}

	.pc-kodawariR2 {
		float: left;
		width: 555px;
	}

	.pc-kodawariL3 {
		float: left;
		width: 514px;
	}

	.pc-kodawariR3 {
		float: left;
		width: 246px;
		margin-left: 20px;
	}

	.pc-kodawariL4 {
		float: left;
		width: 192px;
		margin-right: 20px;
	}

	.pc-kodawariR4 {
		float: left;
		width: 568px;
	}

	.tmgy-catalog {
		text-align: right;
	}
}


/*--------------------------
	問い合わせ
---------------------------*/
.tmgy-contact-text {
	line-height: 22px;
}

@media screen and (min-width: 769px) {
	.tmgy-contact-text {
		width: 728px;
		margin: 0 auto;
		position: relative;
		margin-bottom: 20px;
	}

	.tmgy-contact-desc {
		position: absolute;
		top: 70px;
		left: 50px;
	}
}

@media screen and (max-width: 768px) {
	.tmgy-contact-text .center {
		margin: 10px 0 20px 0;
	}
}


/*--------------------------
	会社沿革
---------------------------*/
.tmgy-enkaku-text p {
	margin-bottom: 20px;
	line-height: 22px;
}

.tmgy-enkaku-text {
	margin-bottom: 20px;
}

.tmgy-enkaku dl {
	margin-bottom: 10px;
}

.tmgy-enkaku dl .bg-on {
	background: #e4e6ea;
}

.tmgy-enkaku dl dt {
	display: inline-block;
	width: 25%;
	line-height: 22px;
	padding: 3% 1.5%;
	vertical-align: top;
}

.tmgy-enkaku dl dd {
	line-height: 22px;
	display: inline-block;
	width: 69%;
	padding: 3% 1.5%;
}

.tmgy-enkaku ul.sp-display li {
	display: inline-block;
	width: 32%;
	margin: 0 0.2% 10px 0.2%;
	vertical-align: middle;
}

.tmgy-enkaku ul.sp-display li img,
.tmgy-enkaku ul.sp-display li img {
	width: 100%;
}

.tmgy-enkaku ul.pc-display {
	float: left;
	width: 35%;
}

.tmgy-enkaku ul.pc-display li {
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
	.tmgy-enkaku {
		background: url(../../skin/frontend/rwd/tsumugiya/images/bg_g.jpg);
		padding: 20px;
		margin-top:-2px;
	}

	.tmgy-enkaku-text {
		background: #fff;
		padding: 20px;
		border: solid 1px #ccc;
	}

	.tmgy-enkaku dl {
		float: left;
		width: 60%;
		margin-right: 5%;
	}
}

@media screen and (max-width: 768px) {
	.tmgy-enkaku {
		margin-top: 20px;
	}
}



/*--------------------------
	pcsp切り替え
---------------------------*/

@media screen and (min-width: 769px) {
	.sp-display{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.pc-display{
		display: none;
	}
	.sp-display{

	}
}

/*---トップページのサイドメニュー---*/
div#blocker {
	display:none;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	position:fixed;
	left:0px;
	top:0px;
	z-index:9999999;
	opacity:0.5
}

div#drawer-wrapper {
	z-index:999999999
}

div#drawer-wrapper div.right-drawer,
div#drawer-wrapper div.left-drawer {
	overflow:scroll;
	display:none;
	position:absolute;
	top:0px;
	z-index:999999999
}

.item-desc .old-price span.price {
	text-decoration: line-through;
	color: black;
	font-size: 12px;
	font-weight: normal; 
}

.item-desc .old-price span.price-label {
	color: black;
	font-size: 12px;
	font-weight: normal; 
}


.item-desc .special-price span {
    font-size: 24px;
    margin-right: 5px;
    color: #ff0000;
}

.item .old-price span.price{
	text-decoration: line-through;
	color: black;
    font-size: 10px;
}

.item .old-price span.price-label {
	color: black;
    font-size: 10px;
}


.item .special-price span {
    margin-right: 5px;
    color: #ff0000;
}

input.button{
	cursor: pointer;
}

button.button{
	cursor: pointer;
}
/* ============================================ *
 * soba categorybtn
 * ============================================ */

.item-list .categoly{
	letter-spacing: -1em;
	word-spacing: -1em;
	width: 101%;
	display: table;
	margin: 0 auto;
}
:root .item-list .categoly{
	font-size: 0px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.item-list .categoly li{
	display: inline-block;
	width: 31%;
	font-size: 1rem;
	letter-spacing: normal;
	word-spacing: normal;
	*display: inline;
	*zoom: 1;
	box-sizing: border-box;
}
.item-list .categoly li {
	margin: 0 1% 10px;
}

/* ================================================================== *
 * KatsuoKaisekiDashi-Category ネット限定　no setsumei-picture
 * ================================================================== */
.katsuokaiseki {
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	.katsuokaiseki img{
		width: 100%;
	}
}
/* ============================================ *
 * zaiko
 * ============================================ */
.zaiko {
	color: #FF0000;
	font-weight: bold;

}

/* ============================================ *
 * waribiki hyouzi
 * ============================================ */
.check-item .price .old-price{
	color: black;
	font-size: 10px;
}

.check-item .price .old-price .price{
	text-decoration: line-through;
	color: black;
}

/* ============================================ *
 * for i-pad
 * ============================================ */
@media screen and (max-width: 768px) and (min-width: 436px) {

	/* top */
	#header .sp-display .sp-header-table {
		width: 100%;
	 }

	.sp-display .bx-wrapper .slider-sp img {
		width: 100%;
	}

	div.contents-ttl-1st{
		width: 100%;
	}
	#login-form table{
		width: 80%;
		margin: 0 auto;
	}
	#nav .nav-news span {
		display: block;
		padding: 15px 0;
		font-size: 2vw;
		line-height: 120%;
	}
	.sp-rank span.regular-price{
		font-size: 2vw;
		text-align: right;
		width: 100%;
		display: block;
	}

	.recommend-sp span{
	  font-size: 2vw;
	  text-align: left;
	  width: 100%;
	  display: block;
  	}

	.about .sp-display p {
		font-size: 2vw;
		line-height: 1.4;
	}

	/* list */
    .item-list .item .price,
	.sp-check-item .price{
		font-size: 2.7vw;
	}
	.item-list .num {
		font-size: 2.5vw;
		letter-spacing: 3px;
	}
	.sp-rank span, .recommend-sp span, .ranking span {
		font-size: 2vw;
		line-height: 1.5;
	}

	/* shousai */
	.breadcrumb {
		font-size: 2vw;
		margin: 15px 0;
		line-height: 18px;
	}
	.item-desc .item-name {
		font-size: 3vw;
		line-height: 150%;
		margin: 15px 0;
	}
	.item-desc .item-no {
		font-size: 2.3vw;
	}
	.item-desc .price b {
		font-size: 2vw;
	}
	.item-desc .price span.yen {
		font-size: 4vw;
	}
	.item-desc .cart {
		width: 50%;
	}
	#product-addtocart-form .floatL span{
		font-size: 2vw;
	}
	.item-desc table.item-detail th {
		padding: 20px 10px;
		font-size: 1.9vw;
	}
	.item-desc table.item-detail td {
		font-size: 1.9vw;
	}

}


/* ============================================ *
 * for IE 数字選択ボタンの消去
 * ============================================ */

span.n_conteiner{
	width: 50px;
	height: 44px;
	overflow: hidden;
	outline: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
	-moz-box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
	box-shadow: 0 0 2px 2px rgba(200,200,200,0.2) inset;
	margin: 0 2px 0 9px;
	display: inline-block;
}
.kosuu{
	display: inline-block;
	height: 29px;
	vertical-align: bottom;
}

#qty.number{
	width: 135%;
	height: 44px;
	outline: none;
	border: none;
	margin: 0;
}

@media screen and (max-width: 768px) {
	span.n_conteiner {
		margin: 7px 5px;
	}
	.kosuu{
		display: inline-block;
		height: 38px;
		vertical-align: bottom;
	}
}

@charset "utf-8";

img {
    display:inherit;
}

.item-list-selected {
    background: #1f2f50;
    text-decoration: none;
    color: #fff;
}

@media screen and (min-width: 769px){
    .item-list .item{
        letter-spacing: -.40em;
    }

    .item-list .item ul {
        width: 23%;
        float: none;
        margin: 0 1% 5% 1%;
        display:inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }

    div.onepage-login-area {
        width:80%;
        padding-left:10%;
    }

    div.onepage-order-area {
        width:80%;
        margin-left:10%;
    }

    div.cc-info {
        position:absolute;
        left:180px;
        top:-190px;
    }

    div.empty-cart {
        margin:30px 120px;
    }

    div.empty-cart-item {
        height:400px;
    }
}

@media screen and (max-width: 768px){
    .item-list .item{
        letter-spacing: -.40em;
    }

    .item-list .item ul {
        width: 48%;
        float: none;
        margin: 0 1% 5% 1%;
        display:inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }

    div.cc-info {
        position:absolute;
        left:-30px;
        top:-130px;
    }

    div.empty-cart {
        margin-top:30px;
        margin-bottom:30px;
        text-align: center;
    }

    div.empty-cart-item {

    }

    div.order .third div {
        padding:10px 0;
    }

    div.order .first:first-child {
        padding-top:5px;
    }

    div.order .first {
        padding-top:80px;
    }
}

div.landing-images,div.landing-images-no-padding {
    padding-bottom:80px;
}

div.landing-images img {
    width : 100%;
    padding-bottom : 10px;
}

div.landing-images-no-padding img {
    width : 100%;
    padding : 0px 0px 0px 0px;
    margin : 0px 0px 0px 0px;
}

/* Relocate from .btn-r a */
input.btn-r {
    color: #fff;
}

/* Relocate from .solid-btn a */
input.solid-btn {
    display: block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    border: 0;
}

/* Review Input Error */
.review .content .formError {
    margin: 10px;
}
.formError .formErrorContent {
    background: #FFF;
    font-size: 1em;
    color: #e01;
}
.review-input-nickname .content .formErrorContent {
    padding-top: 10px;
    margin-bottom: 0;
}
.review-input-content .content .formErrorContent {
    padding-left: 20px;
}

.solid-btn .caption {
    display: block;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
}

.btn-r .caption, .btn-r2 .caption {
    color: #fff;
}

.favlist button {
    border:0;
    margin:0;
    padding:0;
    background:none;
}

.favlist .btn-fav {
    background: #d71f1f;
    margin: 25px 0 20px 0;
}

@media screen and (max-width: 767px){
    .favlist-box {
        display: inline-block;
    }

    .favlist .wishlist-cell4 {
        width: 100%;
        float: left;
        display: block;
    }

    .favlist .second .fav-content, .favlist .third .fav-content {
        float: right;
        width: 69.9%;
        text-align: right;
    }

    .fav-content .cart-cell p {
        line-height: 12px;
        margin-bottom: 0px;
    }

    .favlist .fourth .fav-content .solid-btn {
        margin: 10px 10px 20px 10px;
    }

    .favlist input[type=number] {
        margin: 0;
        padding: 0;
    }
}

/* Relocate from styles_local */
.messages .success-msg li {
    color: black;
    border-left: 5px solid #11b400;
    background-color: #eff5ea;
}

.messages li li {
    position: relative;
    margin-bottom: 5px;
    padding: 7px 10px 7px 20px;
    background: #f4f4f4;
    font-size: 15px;
}

.toiawase-confirm input,
.toiawase-confirm textarea {
    border:none;
    box-shadow: none;
}

button.image-only-button {
    padding: 0;
    border: none;
    background: transparent;
}

button.image-only-button img {
    display: block;
}

button img:hover {
    opacity: 0.8;
}

#empty_cart_button {
    border: 0;
    margin-bottom: 10px;
    font-size: 100%;
    background: none;
    cursor: pointer;
    color: #bbb;
}

#empty_cart_button:hover {
    border:#bbb solid;
    border-width: 0px 0px 1px 0px;;
    opacity: 0.8;
}
/*商品検索項目の背景写りの修正 */
.nav-search table tr{
	margin-top: -3px;
}

/*ログイン画面のEメールアドレス、パスワードの入力欄をレスポンシブへ*/
@media screen and (min-width : 375px){
	.settled table tbody tr td{
		width:55%;
	}
}

@media screen and (min-width : 320px){
	.settled table tbody tr td{
		width:50%;
	}
}
/* 商品残数が1以下の時に出るエラーメッセージ */
div#item-desclink.item-desc ul.messages li.error-msg li{
    padding: 10px 8px 10px 15px;
    margin: 5px 0;
}

div#item-desclink.item-desc ul.messages li.error-msg li span{
    font-size: 12px;
    color:red;
    font-weight: bold;
}

.news-content p img {
max-width: 100%;
}

.tm-rank .old-price span.price {
	text-decoration: line-through;
	color: black;
	font-size: 12px;
	font-weight: normal; 
}

.tm-rank .old-price span.price-label {
	color: black;
	font-size: 12px;
	font-weight: normal; 
}