@charset "UTF-8";
/* basic Settings!
-------------------------------------------------------------------------------*/
.nav-mobile {
  display: none; }

.cf {
  *zoom: 1; }
  .cf:after {
    content: "";
    display: table;
    clear: both; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

.break {
  margin-right: 0; }

.pc {
  display: block; }

.mobile {
  display: none; }

#btn-call {
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 300px; }
  #btn-call a {
    display: block;
    background: none;
    color: white;
    font-size: 140%;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2;
    background: #e5e5e5 url(../images/shop/icon-phone.png) no-repeat 6% center;
    padding: 15px 10px 15px 18%;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    -webkit-background-size: 25px;
    background-size: 25px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url("/stylesheets/PIE.htc"); }

.papa #btn-call a {
  background-color: #00437C; }

.lazo #btn-call a {
  background-color: #58B331; }

.cut_lazo #btn-call a {
  background-color: #58B331; }

.mama #btn-call a {
  background-color: #AF1E23; }

.vivo_g #btn-call a {
  background-color: #00A13E; }

.vivo #btn-call a {
  background-color: #DD007F; }

/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
/* モニター幅900px以下 */
@media only screen and (max-width: 900px) {
  body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%; } }
/* iPad 縦 */
@media only screen and (max-width: 768px) {
  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  html, body, #wrap {
    width: 100%; }

  img {
    max-width: 100%;
    height: auto; }

  .cf {
    *zoom: 1; }
    .cf:after {
      content: "";
      display: table;
      clear: both; }

  div#wrapper {
    width: 100%; }

  div#header {
    width: 100%;
    margin-top: 20px; }
    div#header h1 {
      margin-bottom: 15px; }
    div#header #nav {
      display: none; }
    div#header .nav-mobile {
      display: block; }
      div#header .nav-mobile h2 {
        width: 100%;
        text-align: left;
        background: url("../images/common/bg_body.gif") repeat-y center top;
        color: #FFF;
        font-weight: normal;
        margin: 0;
        padding-top: 10px;
        padding-left: 3%;
        height: 40px;
        cursor: pointer; }
      div#header .nav-mobile ul {
        display: none; }
        div#header .nav-mobile ul li {
          width: 100%;
          text-align: left;
          background: #c66266;
          border-top: 1px dotted #FFF;
          display: block;
          line-height: 1.2; }
          div#header .nav-mobile ul li a {
            color: #FFF;
            background: none;
            display: block;
            text-decoration: none;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 3%;
            font-size: 13px; }
            div#header .nav-mobile ul li a span {
              font-size: 10px; }
            div#header .nav-mobile ul li a:hover {
              background: #ae1e23; }

  div#contents {
    width: 95%;
    margin: 0 auto; }
    div#contents #main-img img {
      width: auto; }
    div#contents #main {
      width: 100%;
      padding-bottom: 50px;
      float: none;
      *zoom: 1; }
      div#contents #main:after {
        content: "";
        display: table;
        clear: both; }
      div#contents #main h3 img {
        margin: 0; }
    div#contents div#sub {
      clear: both;
      float: none;
      width: 100%; }

  .page-jump {
    width: 95%;
    margin: 0 auto 15px; }

  div#footer {
    width: 95%;
    margin: 0 auto; }

  /* トップページ用 styles */
  #home #news {
    float: none;
    width: 100%; }
    #home #news h4 {
      margin-bottom: 5px; }
    #home #news ul {
      border: none;
      height: auto;
      overflow: auto; }
      #home #news ul li {
        display: none;
        margin: 10px; }
      #home #news ul li:nth-child(1),
      #home #news ul li:nth-child(2),
      #home #news ul li:nth-child(3) {
        display: block; }
      #home #news ul li:nth-child(3) {
        background: none; }
  #home div.top-shop-info {
    width: 100%; }
    #home div.top-shop-info .heading-title {
      margin-bottom: 50px; }
    #home div.top-shop-info div.shop-detail {
      margin-left: 30px;
      width: 43%; }
    #home div.top-shop-info div.shop-detail-end {
      margin-right: 30px;
      width: 43%; }
    #home div.top-shop-info a img {
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      behavior: url("/stylesheets/PIE.htc"); }
  #home div#recruit div.recruit-comment {
    float: none;
    width: 100%;
    margin-bottom: 30px; }
  #home div#recruit div.recruit-link {
    float: none;
    width: 100%; }
    #home div#recruit div.recruit-link ul li {
      float: left;
      margin-right: 30px; }
  #home div.heading-title {
    width: 100%; }
  #home div#sub ul {
    *zoom: 1; }
    #home div#sub ul:after {
      content: "";
      display: table;
      clear: both; }
    #home div#sub ul li {
      float: left;
      margin-right: 30px; }

  /* ショップ案内用styles */
  #shop div.shop-index div.shop-sub-text {
    width: 62%; }
  #shop h4 {
    margin-bottom: 20px; }
  #shop div.shop-list {
    width: 90%;
    margin: 0 auto; }
    #shop div.shop-list dl {
      width: 48%;
      margin-right: 0;
      margin-bottom: 20px; }
      #shop div.shop-list dl img {
        margin-bottom: 5px; }
      #shop div.shop-list dl:nth-of-type(2n) {
        float: right; }
  #shop div.shop-info table {
    width: 48%; }
  #shop div.shop-info .qr-area {
    width: 48%;
    background-image: none;
    height: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url("/stylesheets/PIE.htc"); }
    #shop div.shop-info .qr-area dl dd {
      width: auto;
      float: none; }
  #shop div.shop-map iframe {
    width: 100%; }
  #shop div#sub div.sub-box {
    background: none;
    border: 5px solid #e5e5e5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url("/stylesheets/PIE.htc"); }
    #shop div#sub div.sub-box h3 {
      background: none; }
    #shop div#sub div.sub-box ul {
      *zoom: 1; }
      #shop div#sub div.sub-box ul:after {
        content: "";
        display: table;
        clear: both; }
      #shop div#sub div.sub-box ul li {
        float: left;
        width: 16%; }
        #shop div#sub div.sub-box ul li a {
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          white-space: nowrap; }
  #shop.papa .qr-area {
    background: #DCE3E9; }
  #shop.papa-lazo .qr-area {
    background: #DAEED1; }
  #shop.mama .qr-area {
    background: #F7E6E6; }
  #shop.vivo-g .qr-area {
    background: #C6EAD4; }
  #shop.vivo .qr-area {
    background: #F2DCE3; }
  #shop.vivo #main {
    /* レディースシェービング */ }
    #shop.vivo #main #mainImg img {
      width: 100%; }
    #shop.vivo #main #shavingList {
      margin-left: 16px; }
    #shop.vivo #main div.shopList {
      width: 90%;
      margin: 0 auto 30px; }
      #shop.vivo #main div.shopList ul {
        margin-left: 0; }
        #shop.vivo #main div.shopList ul li {
          width: 48%;
          margin-left: 0;
          float: left; }
        #shop.vivo #main div.shopList ul :nth-of-type(2n) {
          float: right; }
    #shop.vivo #main div.vivo-inner h4.vivoTitle img {
      width: 100%;
      height: auto; }
    #shop.vivo #main div.vivo-contents dl {
      width: 48%; }
    #shop.vivo #main div.vivoShavingInfo table {
      width: 100%;
      float: none; }
      #shop.vivo #main div.vivoShavingInfo table dl dt {
        float: none;
        width: auto; }
      #shop.vivo #main div.vivoShavingInfo table dl dd {
        margin-left: 1em; }
    #shop.vivo #main .btn-form {
      text-align: center; }
    #shop.vivo #main h5 {
      padding-left: 30px; }
    #shop.vivo #main #ladiesShaving,
    #shop.vivo #main #bridal,
    #shop.vivo #main #plusOrder {
      margin: 0; }
      #shop.vivo #main #ladiesShaving li,
      #shop.vivo #main #bridal li,
      #shop.vivo #main #plusOrder li {
        max-width: 310px;
        margin-left: 40px; }
    #shop.vivo #main #plusOrderMore {
      padding-right: 30px; }
  #shop.vivo-menu h2 {
    margin-bottom: 10px; }
  #shop.vivo-menu ul.menu {
    margin-left: 0; }
    #shop.vivo-menu ul.menu li {
      width: 25%;
      text-align: center;
      margin: 0; }
  #shop.vivo-menu .plusOrder,
  #shop.vivo-menu .plusOrderTxt {
    width: 500px; }
  #shop .bx-wrapper {
    width: 100% !important; }
  #shop .bx-viewport {
    width: 100% !important; }
  #shop .bx-pager a {
    height: 20px;
    width: 20px;
    margin: 0 5px; }

  /* よくある質問用styles */
  #qa #main {
    padding-bottom: 0 !important; }
    #qa #main div.question-box dl {
      width: 100%; }
      #qa #main div.question-box dl dt {
        background-color: #E3EAF0; }
        #qa #main div.question-box dl dt.over, #qa #main div.question-box dl dt.selected {
          background-color: #00437C; }
  #qa #sub {
    display: none; }

  /* 新着情報styles */
  #news #contents {
    padding-bottom: 0 !important; }
    #news #contents div.news-article div.news-text {
      width: 100%;
      float: none;
      padding-left: 65px; }
    #news #contents div.pagenavi {
      width: 100%;
      margin-bottom: 20px; }
  #news #sub {
    display: none; }

  /* 会社案内styles */
  #company div#index-inner h3 {
    text-align: center; }
  #company div.btn-list {
    width: 90%;
    margin: 0 auto 30px; }
    #company div.btn-list dl {
      width: 48%; }
      #company div.btn-list dl img {
        margin-bottom: 5px; }
  #company div.inovation-left,
  #company div.inovation-right {
    width: 48%; }
    #company div.inovation-left h5,
    #company div.inovation-right h5 {
      margin-bottom: 10px; }
  #company p.intro {
    margin-bottom: 20px; }
    #company p.intro img {
      margin: 0 auto;
      display: block; }
  #company div#sub div.sub-box {
    background: none;
    border: 5px solid #e5e5e5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url("/stylesheets/PIE.htc"); }
    #company div#sub div.sub-box h3 {
      background: none; }
    #company div#sub div.sub-box ul {
      *zoom: 1; }
      #company div#sub div.sub-box ul:after {
        content: "";
        display: table;
        clear: both; }
      #company div#sub div.sub-box ul li {
        float: left;
        width: 16%; }
        #company div#sub div.sub-box ul li a {
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          white-space: nowrap; }
  #company.about table.about {
    width: 100%; }
  #company.about ul.about-photo {
    margin-right: 0; }
    #company.about ul.about-photo li {
      width: 31%;
      margin: 0 1%;
      display: block;
      float: left;
      text-align: center; }
  #company.about iframe {
    width: 100%; }
  #company.history table.history {
    width: 100%; }

  /* リクルートstyles */
  #recruit div#contents #main {
    padding-bottom: 10px; }
  #recruit h3 img {
    display: block;
    margin: 0 auto; }
  #recruit div.btn-list {
    width: 90%;
    margin: 0 auto 30px; }
    #recruit div.btn-list dl {
      width: 48%; }
      #recruit div.btn-list dl img {
        margin-bottom: 5px; }
  #recruit.voice h4 {
    margin-bottom: 20px; }
  #recruit.voice .voice-box-right,
  #recruit.voice .voice-box-left {
    width: 90%;
    padding-bottom: 30px;
    margin: 0 auto; }
  #recruit.voice .voice-papa {
    margin-bottom: 10px; }
  #recruit.system ul.walfare {
    margin-right: 0; }
    #recruit.system ul.walfare li {
      width: 31%;
      margin: 0 1%; }
  #recruit div#sub div.sub-box {
    background: none;
    border: 5px solid #e5e5e5;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    behavior: url("/stylesheets/PIE.htc"); }
    #recruit div#sub div.sub-box h3 {
      background: none; }
    #recruit div#sub div.sub-box ul {
      *zoom: 1; }
      #recruit div#sub div.sub-box ul:after {
        content: "";
        display: table;
        clear: both; }
      #recruit div#sub div.sub-box ul li {
        float: left;
        width: 16%; }
        #recruit div#sub div.sub-box ul li a {
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          white-space: nowrap; }

  /* サイトマップstyles */
  #sitemap div.sub-inner {
    background: none; }
    #sitemap div.sub-inner h3 {
      float: none;
      width: 100%; }
    #sitemap div.sub-inner .page-content ul:last-child {
      border: none; } }
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width: 640px) {
  div#contents {
    padding-top: 15px; }

  div#footer {
    width: 100%;
    background: #DDD;
    padding-top: 15px; }
    div#footer p {
      text-align: center;
      float: none; }
    div#footer .footer-nav {
      display: none; }
    div#footer .nav-mobile {
      display: block;
      clear: both; }
      div#footer .nav-mobile .link-list {
        padding: 10px;
        text-align: center;
        border-top: 2px solid #8b8b8b;
        border-bottom: 2px solid #8b8b8b;
        margin-top: 10px;
        margin-bottom: 10px; }
        div#footer .nav-mobile .link-list a {
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          white-space: nowrap;
          background: none;
          text-decoration: none;
          margin: 0 10px;
          color: #333; }
          div#footer .nav-mobile .link-list a span {
            font-size: 8px; }
    div#footer #copyright {
      display: none; }

  /* トップページ用 styles */
  #home div.top-shop-info .heading-title {
    margin-bottom: 20px; }
  #home div.top-shop-info div.shop-detail {
    margin-left: 0;
    width: 48%; }
  #home div.top-shop-info div.shop-detail-end {
    margin-right: 0;
    width: 48%; }
  #home div#recruit div.recruit-link ul {
    margin-left: 50px; }
  #home div#sub ul li {
    float: none;
    text-align: center;
    margin-right: 0; }
  #home div#sub p {
    text-align: center; }

  /* ショップ案内用styles */
  #shop div#contents #main {
    padding-bottom: 20px; }
  #shop div.shop-index div.shop-sub-text {
    width: 50%; }
    #shop div.shop-index div.shop-sub-text p {
      margin-bottom: 15px; }
  #shop div.shop-list {
    width: 100%; }
  #shop div.shop-photo ul {
    width: 100%; }
  #shop div.shop-info table {
    width: 100%; }
  #shop div.shop-info .qr-area {
    display: none; }
  #shop div#sub div.sub-box ul li {
    width: 20%; }
  #shop.vivo #main {
    /* レディースシェービング */ }
    #shop.vivo #main #shavingList {
      margin-left: 0; }
      #shop.vivo #main #shavingList li {
        margin: 0 5px;
        width: 31%; }
    #shop.vivo #main div.shopList {
      width: 100%; }
      #shop.vivo #main div.shopList ul li dl dt {
        font-size: 1.2em; }
      #shop.vivo #main div.shopList ul li dl span {
        display: block;
        margin-left: 0; }
      #shop.vivo #main div.shopList ul li dl ul li {
        display: block;
        width: 100%; }
    #shop.vivo #main div.vivoInfo table {
      width: 100%; }
    #shop.vivo #main div.vivoInfo .qr-area {
      display: none; }
    #shop.vivo #main h5 {
      padding-left: 0; }
    #shop.vivo #main #ladiesShaving,
    #shop.vivo #main #bridal,
    #shop.vivo #main #plusOrder {
      margin: 0; }
      #shop.vivo #main #ladiesShaving li,
      #shop.vivo #main #bridal li,
      #shop.vivo #main #plusOrder li {
        max-width: 49%;
        margin-left: 0;
        margin-right: 2%; }
        #shop.vivo #main #ladiesShaving li:nth-of-type(2n),
        #shop.vivo #main #bridal li:nth-of-type(2n),
        #shop.vivo #main #plusOrder li:nth-of-type(2n) {
          margin-right: 0; }
        #shop.vivo #main #ladiesShaving li:nth-of-type(3), #shop.vivo #main #ladiesShaving li:nth-of-type(5),
        #shop.vivo #main #bridal li:nth-of-type(3),
        #shop.vivo #main #bridal li:nth-of-type(5),
        #shop.vivo #main #plusOrder li:nth-of-type(3),
        #shop.vivo #main #plusOrder li:nth-of-type(5) {
          clear: both; }
        #shop.vivo #main #ladiesShaving li dt,
        #shop.vivo #main #bridal li dt,
        #shop.vivo #main #plusOrder li dt {
          font-size: 100%;
          background-repeat: repeat-y; }
        #shop.vivo #main #ladiesShaving li li,
        #shop.vivo #main #bridal li li,
        #shop.vivo #main #plusOrder li li {
          max-width: 100%; }
    #shop.vivo #main #plusOrderMore {
      padding-right: 10px; }
  #shop.vivo-menu ul.menu {
    margin-top: 0;
    margin-bottom: 25px; }
    #shop.vivo-menu ul.menu li {
      padding: 0 1%; }
  #shop.vivo-menu .menuSection {
    padding-bottom: 25px; }
  #shop.vivo-menu #main h5 {
    padding-left: 10px; }
  #shop.vivo-menu .ladiesShaving {
    padding-bottom: 30px; }
    #shop.vivo-menu .ladiesShaving dl {
      width: 62%; }
      #shop.vivo-menu .ladiesShaving dl dl {
        width: 100%; }
  #shop.vivo-menu .plusOrder,
  #shop.vivo-menu .plusOrderTxt {
    width: 65%; }
  #shop.vivo-menu .plusOrderCourseSection ul {
    width: 30%; }
    #shop.vivo-menu .plusOrderCourseSection ul li p {
      text-align: left; }
  #shop.vivo-menu .plusOrderBox p {
    width: 30%;
    margin-left: 0; }
    #shop.vivo-menu .plusOrderBox p span {
      font-size: 100%;
      text-align: left; }
  #shop.vivo-menu .plusOrderTxt,
  #shop.vivo-menu .plusOrderTxt01 {
    float: none; }
    #shop.vivo-menu .plusOrderTxt h5,
    #shop.vivo-menu .plusOrderTxt01 h5 {
      width: 100%; }
    #shop.vivo-menu .plusOrderTxt p,
    #shop.vivo-menu .plusOrderTxt01 p {
      width: 100%;
      margin: 10px 0; }
  #shop .bx-viewport {
    height: 250px !important;
    overflow: hidden; }
    #shop .bx-viewport ul li img {
      height: 250px;
      width: auto; }
  #shop .bx-prev,
  #shop .bx-next {
    top: 110px; }
  #shop .bx-pager {
    top: 270px; }

  /* 会社案内styles */
  #company div.btn-list {
    width: 100%; }
  #company div#sub div.sub-box ul li {
    width: 20%; }
  #company.history table.history td p {
    width: 100%;
    float: none; }
  #company.history table.history td img {
    float: none;
    margin-left: 0;
    margin-top: 5px; }

  /* リクルートstyles */
  #recruit div.btn-list {
    width: 100%; }
  #recruit table.form-style {
    margin-bottom: 30px; }
  #recruit div#sub div.sub-box ul li {
    width: 20%; }
  #recruit.voice .voice-box-right,
  #recruit.voice .voice-box-left {
    width: 100%; }
    #recruit.voice .voice-box-right p,
    #recruit.voice .voice-box-left p {
      width: auto;
      padding: 0 15px 15px; }
    #recruit.voice .voice-box-right img,
    #recruit.voice .voice-box-left img {
      float: left; }
    #recruit.voice .voice-box-right div.voice-papa,
    #recruit.voice .voice-box-right div.voice-mama,
    #recruit.voice .voice-box-left div.voice-papa,
    #recruit.voice .voice-box-left div.voice-mama {
      margin-left: 120px;
      margin-bottom: 10px;
      background: none;
      float: none;
      width: 420px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      behavior: url("/stylesheets/PIE.htc"); }
      #recruit.voice .voice-box-right div.voice-papa h5,
      #recruit.voice .voice-box-right div.voice-mama h5,
      #recruit.voice .voice-box-left div.voice-papa h5,
      #recruit.voice .voice-box-left div.voice-mama h5 {
        background: none;
        padding: 15px 15px 10px; }
    #recruit.voice .voice-box-right div.voice-papa,
    #recruit.voice .voice-box-left div.voice-papa {
      border: 1px solid #00437C; }
    #recruit.voice .voice-box-right div.voice-mama,
    #recruit.voice .voice-box-left div.voice-mama {
      border: 1px solid #B81C22; }
  #recruit.entry .form-style tbody tr {
    display: block;
    margin-bottom: 1em;
    position: relative; }
    #recruit.entry .form-style tbody tr th,
    #recruit.entry .form-style tbody tr td {
      display: list-item;
      border: none;
      width: 100%;
      list-style: none; }
      #recruit.entry .form-style tbody tr th select, #recruit.entry .form-style tbody tr th input,
      #recruit.entry .form-style tbody tr td select,
      #recruit.entry .form-style tbody tr td input {
        padding: 5px 10px;
        font-size: 1.4em; }
      #recruit.entry .form-style tbody tr th #address,
      #recruit.entry .form-style tbody tr td #address {
        width: 100%; }

  /* お問い合せstyles */
  #contact .form-style tbody tr {
    display: block;
    margin-bottom: 1em;
    position: relative; }
    #contact .form-style tbody tr th,
    #contact .form-style tbody tr td {
      display: list-item;
      border: none;
      width: 100%;
      list-style: none; }
      #contact .form-style tbody tr th select, #contact .form-style tbody tr th input,
      #contact .form-style tbody tr td select,
      #contact .form-style tbody tr td input {
        padding: 5px 10px;
        font-size: 1.4em; }

  /* サイトマップstyles */
  #sitemap div.sub-inner div.page-content {
    float: none;
    width: 100%; }
    #sitemap div.sub-inner div.page-content ul li {
      width: 24%;
      margin: 0 1% 0 0; } }
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width: 480px) {
  .pc {
    display: none; }

  .mobile {
    display: block; }

  div#contents {
    padding-top: 0; }
    div#contents .breadcrumbs {
      display: none; }
    div#contents #page-title h2 {
      margin-top: 20px; }
      div#contents #page-title h2 img {
        width: auto;
        height: 20px; }

  /* トップページ用 styles */
  #home div.top-shop-info {
    padding-bottom: 0; }
    #home div.top-shop-info div.shop-detail {
      margin-left: 0;
      margin-right: 0;
      width: 49%; }
    #home div.top-shop-info div.shop-detail-end {
      margin-left: 0;
      margin-right: 0;
      width: 49%; }
    #home div.top-shop-info img {
      height: auto; }
    #home div.top-shop-info p.logo {
      height: 45px; }
  #home div#recruit div.recruit-link ul {
    margin-left: 50px; }
  #home div#sub ul li {
    float: none;
    text-align: center;
    margin-right: 0; }
  #home div#sub p {
    text-align: center; }

  #home .movie-wrap{
    margin-bottom: 30px;
    border: 8px solid #E5E5E5;
  }
  #home .movie_center {
    margin-bottom: 7px;
  }
  #home #movieMenu li{
    display: inline-block;
    width: 24%;
  }
  #home #movieMenu li a{
    padding: 8px 2px;
    margin: 0 2px;
    font-size: 11px;
  }



  /* ショップ案内用styles */
  #shop div.shop-index a {
    display: block;
    text-align: center;
    margin-bottom: 15px; }
    #shop div.shop-index a img {
      float: none; }
  #shop div.shop-index ul li a {
    display: inline; }
  #shop div.shop-index div.shop-sub-text {
    float: none;
    width: 100%; }
  #shop div.shop-list dl dd h5 {
    float: none;
    margin-bottom: 0; }
  #shop div.shop-list dl dd p {
    float: none;
    margin-left: 0;
    margin-top: 0; }
  #shop div.shop-list dl dd li {
    display: block; }
  #shop table.shop-price tbody tr {
    display: block;
    margin-bottom: 1em;
    position: relative; }
    #shop table.shop-price tbody tr th,
    #shop table.shop-price tbody tr td {
      display: list-item;
      border: none;
      width: 100%;
      list-style: none; }
    #shop table.shop-price tbody tr th {
      background: #F2F2F2; }
    #shop table.shop-price tbody tr td {
      padding: 0 5px; }
      #shop table.shop-price tbody tr td.yen {
        position: absolute;
        top: 5px;
        right: 0; }
  #shop div#sub div.sub-box ul li {
    width: 33%;
    font-size: 1.2em; }
  #shop.vivo #main {
    /* レディースシェービング */ }
    #shop.vivo #main #shavingList {
      margin-left: 0; }
      #shop.vivo #main #shavingList li {
        margin: 0 2px;
        width: 32%; }
    #shop.vivo #main div.shopList ul li dl span {
      display: block;
      margin-left: 0; }
    #shop.vivo #main div.shopList ul li dl ul li {
      display: block;
      width: 100%; }
    #shop.vivo #main #aboutShaving p {
      float: none;
      text-align: center;
      margin: 10px 0; }
    #shop.vivo #main div.vivo-contents {
      margin-top: 0;
      margin-bottom: 0; }
      #shop.vivo #main div.vivo-contents dl {
        width: 100%;
        margin-bottom: 15px; }
    #shop.vivo #main div.shop-chara .img {
      text-align: center; }
      #shop.vivo #main div.shop-chara .img img {
        float: none;
        margin: 10px auto; }
    #shop.vivo #main h5.ttl-img {
      margin-bottom: 10px; }
      #shop.vivo #main h5.ttl-img img {
        height: 18px;
        width: auto; }
    #shop.vivo #main #ladiesShaving,
    #shop.vivo #main #bridal,
    #shop.vivo #main #plusOrder {
      margin: 0; }
      #shop.vivo #main #ladiesShaving li,
      #shop.vivo #main #bridal li,
      #shop.vivo #main #plusOrder li {
        float: none;
        display: block;
        margin: 0 0 15px;
        width: 100%;
        max-width: none; }
        #shop.vivo #main #ladiesShaving li li,
        #shop.vivo #main #bridal li li,
        #shop.vivo #main #plusOrder li li {
          margin: 0; }
  #shop.vivo .plusOrder dl {
    margin: 10px 0 0; }
    #shop.vivo .plusOrder dl dt {
      float: none;
      margin-right: 0;
      border-bottom: 1px dotted #990059;
      font-size: 100%; }
    #shop.vivo .plusOrder dl dd {
      font-size: 100%; }
  #shop.vivo-menu ul.menu {
    margin-top: 0;
    margin-bottom: 25px; }
    #shop.vivo-menu ul.menu li {
      width: 50%;
      padding: 0 1%;
      margin-bottom: 5px; }
  #shop.vivo-menu .menuSection h5 span {
    display: block;
    float: none;
    font-size: 13px;
    margin-bottom: 5px; }
  #shop.vivo-menu .ladiesShaving,
  #shop.vivo-menu .bridal {
    padding-bottom: 30px; }
    #shop.vivo-menu .ladiesShaving ul,
    #shop.vivo-menu .bridal ul {
      float: none;
      width: 100%; }
      #shop.vivo-menu .ladiesShaving ul li,
      #shop.vivo-menu .bridal ul li {
        width: 50%;
        float: left; }
        #shop.vivo-menu .ladiesShaving ul li img,
        #shop.vivo-menu .bridal ul li img {
          width: 95%; }
        #shop.vivo-menu .ladiesShaving ul li p,
        #shop.vivo-menu .bridal ul li p {
          text-align: center; }
    #shop.vivo-menu .ladiesShaving dl,
    #shop.vivo-menu .bridal dl {
      width: 100%; }
      #shop.vivo-menu .ladiesShaving dl dd.arrow,
      #shop.vivo-menu .bridal dl dd.arrow {
        margin-top: 10px; }
  #shop .bx-viewport {
    height: 200px !important;
    overflow: hidden; }
    #shop .bx-viewport ul li img {
      height: 200px !important;
      width: auto; }
  #shop .bx-prev,
  #shop .bx-next {
    height: 30px;
    width: 30px;
    top: 80px; }
  #shop .bx-prev {
    left: -5px;
    background: #666666 url(../images/shop/arrow_prev_s.gif) no-repeat 0 0 !important; }
  #shop .bx-next {
    right: -5px;
    background: #666666 url(../images/shop/arrow_next_s.gif) no-repeat 0 0 !important; }
  #shop .bx-pager {
    top: 220px; }

  /* よくある質問用styles */
  #qa #main div.question-box dl dd {
    padding-bottom: 25px; }

  /* 会社案内styles */
  #company div.btn-list dl dd h5 {
    float: none;
    margin-bottom: 0; }
  #company div.btn-list dl dd p {
    float: none;
    margin-left: 0;
    margin-top: 0; }
  #company div.btn-list dl dd li {
    display: block; }
  #company div.inovation {
    margin-bottom: 0; }
  #company div.inovation-left,
  #company div.inovation-right {
    float: none;
    width: 100%;
    margin-bottom: 30px; }
  #company.history table.history {
    border-left: 2px solid #B81C22; }
    #company.history table.history tbody tr {
      display: block;
      margin-bottom: 1em;
      position: relative; }
      #company.history table.history tbody tr th,
      #company.history table.history tbody tr td {
        display: list-item;
        border: none;
        width: 100%;
        list-style: none; }
      #company.history table.history tbody tr th {
        background: #F2F2F2; }
      #company.history table.history tbody tr td {
        padding: 0 5px; }
        #company.history table.history tbody tr td img {
          margin-bottom: 5px; }
        #company.history table.history tbody tr td ul {
          margin-top: 5px;
          margin-left: 10px; }
  #company div#sub div.sub-box ul li {
    width: 33%;
    font-size: 1.2em; }

  /* リクルートstyles */
  #recruit div#sub div.sub-box ul li {
    width: 50%;
    font-size: 1.2em; }
  #recruit.voice .voice-box-right p,
  #recruit.voice .voice-box-left p {
    padding: 0; }
  #recruit.voice .voice-box-right img,
  #recruit.voice .voice-box-left img {
    margin-right: 15px;
    margin-bottom: 15px; }
  #recruit.voice .voice-box-right div.voice-papa,
  #recruit.voice .voice-box-right div.voice-mama,
  #recruit.voice .voice-box-left div.voice-papa,
  #recruit.voice .voice-box-left div.voice-mama {
    width: auto;
    margin-left: 0;
    margin-bottom: 20px;
    border: none; }
    #recruit.voice .voice-box-right div.voice-papa h5,
    #recruit.voice .voice-box-right div.voice-mama h5,
    #recruit.voice .voice-box-left div.voice-papa h5,
    #recruit.voice .voice-box-left div.voice-mama h5 {
      padding: 0 0 10px; }
  #recruit.entry .form-style tbody tr td input[type="text"], #recruit.entry .form-style tbody tr td select, #recruit.entry .form-style tbody tr td textarea {
    width: 100%; }
  #recruit.entry .form-style tbody tr td input[type="radio"] {
    width: auto; }
  #recruit.entry .form-style tbody tr td .short {
    width: auto; }
  #recruit.entry .form-style tbody tr td #zip {
    width: 50%; }
  #recruit.entry .form-style tbody tr td #zip_btton {
    margin-top: 10px;
    width: auto; }
  #recruit.entry .form-style tbody tr td #era {
    width: 23%; }

  /* お問い合せstyles */
  #contact .form-style tbody tr td select, #contact .form-style tbody tr td input, #contact .form-style tbody tr td textarea {
    width: 100%; }
  #contact.shaving div#page-title01 h2 {
    width: 45%;
    height: auto;
    max-height: 40px;
    margin-top: 20px; }
  #contact.shaving .form-style tbody tr td input, #contact.shaving .form-style tbody tr td textarea {
    width: 100%;
    max-width: 100%; }
    #contact.shaving .form-style tbody tr td input.txtArea01, #contact.shaving .form-style tbody tr td textarea.txtArea01 {
      width: 40%; }
    #contact.shaving .form-style tbody tr td input.txtArea02, #contact.shaving .form-style tbody tr td textarea.txtArea02 {
      width: 90%; }
    #contact.shaving .form-style tbody tr td input.txtArea03, #contact.shaving .form-style tbody tr td textarea.txtArea03 {
      width: 25%; }
    #contact.shaving .form-style tbody tr td input.txtArea04, #contact.shaving .form-style tbody tr td textarea.txtArea04 {
      width: 30%; }
    #contact.shaving .form-style tbody tr td input.txtArea05, #contact.shaving .form-style tbody tr td textarea.txtArea05 {
      width: 25%; }
    #contact.shaving .form-style tbody tr td input.txtArea06, #contact.shaving .form-style tbody tr td textarea.txtArea06 {
      width: 100%; }
    #contact.shaving .form-style tbody tr td input#experience_1, #contact.shaving .form-style tbody tr td input#experience_2, #contact.shaving .form-style tbody tr td textarea#experience_1, #contact.shaving .form-style tbody tr td textarea#experience_2 {
      width: auto; }
  #contact.shaving .form-style tbody tr td select {
    width: 100%; }

  /* サイトマップstyles */
  #sitemap div.sub-inner div.page-content ul li {
    width: 32%;
    margin: 0 1% 0 0; } }
/* スマートフォン 縦(ポートレート) */