@charset "UTF-8";
/* ===================================================================
SmartPhone CSS
ウィンドウ幅[0～640px]の場合に適用
=================================================================== */
@media screen and (max-width: 640px) {
  header nav #g_nav li a {
    position: relative;
    display: block;
    padding: 20px 0;
    font-size: 14px;
    color: #fff;
    background: #222; }
    header nav #g_nav li a:before {
      content: "\f105";
      position: absolute;
      top: 50%;
      right: 10px;
      margin-right: 0; }
  .breadcrumb {
    margin-top: 77px;
    padding: 10px; }
  #main {
    padding: 10px 0 20px; }
  #ind_mv_wrap {
    margin-top: 82px; }
  #contents_wrap .page_ttl {
    margin-bottom: 0;
    padding: 50px 0;
    font-size: 2.4rem;
    text-align: center;
    background-size: cover;
    background-position: center top; }
  #contents {
    margin-bottom: 20px;
    padding: 10px; }
    #contents p {
      margin-bottom: 30px; }
  .price #contents .annotation_wrap li {
    text-align: left; }
  .price #contents table {
    font-size: 1.3rem; }
    .price #contents table thead th {
      width: 35%; }
      .price #contents table thead th.th_three {
        width: 45%; }
    .price #contents table tbody tr {
      line-height: 1.4; }
      .price #contents table tbody tr th {
        width: 35%; }
        .price #contents table tbody tr th.th_three {
          width: 45%; }
      .price #contents table tbody tr td {
        line-height: 1.4; }
        .price #contents table tbody tr td span {
          font-size: 1.2rem; }
  .price #contents .sp_br {
    display: block; }
  .price #contents .refund {
    text-align: left; }
  .general_price th {
    display: block;
    width: 100%; }
  .general_price td {
    display: block;
    width: 100%; }
  .wakiga #contents .reco {
    margin-bottom: 20px;
    padding: 10px; }
    .wakiga #contents .reco p {
      font-size: 1.6rem; }
    .wakiga #contents .reco ul li {
      font-size: 1.4rem; }
  .tattoo #contents .box {
    display: block;
    margin-bottom: 20px;
    padding: 10px; }
    .tattoo #contents .box ol {
      margin: 0 0 20px 20px; }
    .tattoo #contents .box div {
      width: 100%; }
  #sideba ul {
    border: none; }
  #f_wrap {
    padding: 0; }
  footer ul {
    margin-left: 0; }
    footer ul li {
      position: relative;
      margin: 0; }
      footer ul li.treatment_menu {
        margin-left: 0; }
      footer ul li a {
        display: block;
        width: 100%;
        padding: 10px;
        text-decoration: none !important;
        border-bottom: 1px solid #4b4b4b; }
      footer ul li:after {
        content: "\f105";
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -12px;
        margin-left: 0; }
  footer .logo {
    padding: 20px 0; } }

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