@charset "UTF-8";
br.pc {
  display: block; }

br.sp {
  display: none; }

a[href^="tel:"] {
  pointer-events: none;
  cursor: default; }

/* /////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  html > * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  html {
    overflow-y: visible; }

  body {
    min-width: 100%;
    overflow-x: hidden;
    font-size: 13px; }

  body.fixed {
    position: fixed;
    width: 100%;
    height: 100%; }

  br.pc {
    display: none; }

  br.sp {
    display: block; }

  a[href^="tel:"] {
    pointer-events: auto;
    cursor: pointer; }

  cite {
    font-size: 10px;
    text-align: left; }

  .t-right-pc {
    text-align: left; }

  .wrap {
    min-width: 350px;
    margin: 0 auto; }

  .inner,
  #container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }

  .flex:not(.alw) {
    flex-flow: column nowrap; }

  .flex.icenter:not(.alw) {
    align-items: stretch; }

  .flex.half:not(.alw) > * {
    width: 100%; }

  .flex.half50:not(.alw) > * {
    width: 100%; }

  .flex.third:not(.alw) > * {
    width: 100%; }

  .flex.quarter:not(.alw) > * {
    width: 100%; }

  .flex.reverse:not(.alw) {
    flex-flow: column nowrap; }

  .table-scroll {
    position: relative; }

  .table-scroll::after {
    content: "←SCROLL→";
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.2), -1px 0px 5px rgba(0, 0, 0, 0.2), 0px 1px 5px rgba(0, 0, 0, 0.2), 0px -1px 5px rgba(0, 0, 0, 0.2); }

  .table-wrapper {
    overflow: auto;
    white-space: nowrap;
    width: calc(100% + 20px);
    margin-right: -20px; }

  /* --------------------------------------------------------------------------- */
  header .inner {
    min-width: 350px; }

  header {
    padding-top: 20px;
    margin-bottom: 20px; }

  header .head {
    margin-bottom: 10px; }

  header .head .logo {
    width: 186px; }

  header .buccolam .logo {
    width: 139px; }

  header nav {
    display: none; }

  /* --------------------------------------------------------------------------- */
  header .trigger {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: 10px; }

  nav.toggle {
    padding: 20px 0;
    min-width: initial;
    top: 70px;
    font-size: 12px;
    height: calc(100vh - 70px);
    overflow-y: auto; }

  nav.toggle .educators {
    margin-bottom: 30px; }

  nav.toggle .educators .title a {
    color: #b84d8e;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #C8C9CA;
    padding-bottom: 3px; }

  nav.toggle .educators li:not(.title) {
    margin-top: 10px; }

  nav.toggle .educators a::after {
    width: 12px;
    height: 12px; }

  /*
  nav.toggle a.cat { font-size: 14px; }
  nav.toggle .how_to .cat::after,
  nav.toggle .educators .cat::after { content: ""; display: block; background: url(../images/icon-down.png) center center / contain no-repeat; width: 12px; height: 8px; position: absolute; right: 0; top: calc(50% - 4px); }
  nav.toggle .how_to .active .cat::after,
  nav.toggle .about .active .cat::after { background: url(../images/icon-up.png) center center / contain no-repeat; }
  nav.toggle .how_to a.cat,
  nav.toggle .about a.cat { pointer-events: none; position: relative; }
  nav.toggle .how_to,
  nav.toggle .about,
  nav.toggle .tool { margin-bottom: 20px; }
  nav.toggle .menu { display: none; }
  nav.toggle .menu a::after { width: 12px; height: 12px; }
  .cat-how_to nav.toggle .how_to .menu,
  .cat-about nav.toggle .about .menu { display: block; }
  */
  nav.toggle .takeda {
    display: block; }

  nav.toggle .takeda li {
    margin-bottom: 5px; }

  nav.toggle .takeda li a {
    font-size: 14px; }

  nav.toggle .takeda li a::before {
    content: "❯";
    color: #E15F68;
    display: inline-block;
    padding-right: .3em; }

  /* --------------------------------------------------------------------------- */
  footer {
    padding: 40px 0 20px; }

  footer nav {
    margin-left: 20px; }

  footer nav li {
    font-size: 13px;
    text-align: center; }

  footer nav li:first-child {
    margin-bottom: 6px; }

  /*footer nav li:first-child::after { content: none; }*/
  footer .copyright {
    font-size: 12px;
    padding-left: 20px; }

  /* --------------------------------------------------------------------------- */
  .mainimage {
    width: calc(100% + 40px);
    margin: 0 -20px; }

  .guide-bnr {
    min-width: 250px;
    width: 70%;
    margin: 30px auto 0; }

  .guide-bnr .text {
    padding: 20px; }

  .guide-bnr .title h2 {
    font-size: 20px; }

  .guide-bnr .title p {
    font-size: 10px; }

  .guide-bnr .icon {
    display: none; }

  .top_head,
  .top_menu,
  .top_tool {
    margin-bottom: 40px; }

  .top-medication {
    font-size: 24px;
    display: block;
    margin-bottom: 20px; }

  .top-medication::before,
  .top-medication::after {
    content: none; }

  .top_menu .faq {
    font-size: 18px; }

  .top_menu.top_how_to a > div {
    width: 120px; }

  .top_menu.top_about a > div {
    width: 90px; }

  .top_menu.top_about .management {
    width: 100%;
    padding: 20px; }

  .top_menu.top_about .management > div {
    width: 80px; }

  .top_tool .frame {
    padding: 20px; }

  .top_tool h2 {
    font-size: 24px;
    margin-bottom: 20px; }

  .top_tool .flex.third > a {
    width: 240px; }

  .top_tool a {
    margin: 0 auto 20px; }

  .top_tool a .book {
    width: 100px; }

  .top_tool a p {
    font-size: 16px; }

  .page-top aside .contact {
    padding: 20px;
    text-align: center; }

  .page-top aside h3 {
    font-size: 14px; }

  .page-top aside .tel {
    font-size: 14px;
    line-height: 1.4; }

  .page-top aside .tel .num {
    font-size: 20px;
    display: block; }

  .page-top aside dl {
    font-size: 12px;
    display: table;
    margin: 0 auto; }

  .page-top aside dl dt {
    display: block;
    width: 100%;
    margin: 0 0 5px; }

  .page-top aside dl dd {
    display: block; }

  .page-top aside .bnr {
    width: 90%;
    max-width: 300px;
    margin: 20px auto 0; }

  /* --------------------------------------------------------------------------- */
  .pankz {
    margin-bottom: 20px; }

  .pankz li {
    font-size: 12px; }

  /* --------------------------------------------------------------------------- */
  #foot-menu {
    padding: 30px 0;
    margin-top: 90px; }

  a.gotop {
    margin: -70px 0 30px auto; }

  #foot-menu h2 {
    font-size: 15px; }

  #foot-menu a:not(.gotop) {
    font-size: 12px; }

  #foot-menu a:not(.gotop):not(.title)::before {
    width: 12px;
    height: 12px;
    vertical-align: -2px; }

  #foot-menu .menu-box ul {
    margin-bottom: 20px; }

  #foot-menu .menu-box ul:last-child {
    margin-bottom: 0; }

  #foot-menu .menu-box ul > li:first-child a {
    font-size: 14px; }

  #foot-menu .menu-box li {
    margin-top: 6px; }

  /* --------------------------------------------------------------------------- */
  #contents {
    width: 100%; }

  #contents h1 {
    font-size: 24px;
    padding-bottom: 5px;
    margin-bottom: 20px; }

  #contents h1 span {
    display: block; }

  .cat-how_to #contents h1 {
    border-bottom: 4px dotted #EC6604; }

  .cat-about #contents .intro {
    padding: 20px; }

  #contents .intro {
    font-size: 15px;
    margin-bottom: 40px; }

  #contents .f14 {
    font-size: 12px; }

  #contents .f16 {
    font-size: 13px; }

  #contents .f18 {
    font-size: 14px; }

  #contents .f20 {
    font-size: 15px; }

  #contents .f22 {
    font-size: 16px; }

  /* --------------------------------------------------------------------------- */
  .page-how_to #contents .age th {
    width: 80px;
    padding: 0 10px; }

  .page-how_to #contents .age td {
    width: calc(100% - 80px / 4); }

  .page-how_to #contents .age tr:nth-child(1) td p {
    border-radius: 10px;
    padding: 10px; }

  .page-how_to #contents .age tr:nth-child(2) td img {
    width: 45px; }

  .page-how_to #contents .age tr:nth-child(3) td {
    padding: 20px 10px; }

  .page-how_to #contents .age tr:nth-child(4) td img {
    width: 70px; }

  .page-timing #contents .flow .item {
    margin-bottom: 70px; }

  .page-timing #contents .flow .item:last-child {
    margin-bottom: 0; }

  .page-timing #contents .flow .item::after {
    width: 45px;
    height: 49px;
    position: absolute;
    bottom: -65px;
    left: calc(50% - 23px); }

  .page-timing #contents .flow .item:last-child::after {
    content: none; }

  .page-timing #contents .flow > div:nth-child(1) .image {
    margin: 0 auto 20px; }

  .page-timing #contents .flow > div:nth-child(2) {
    padding: 20px;
    border-radius: 15px; }

  .page-timing #contents .flow > div:nth-child(2) .image {
    width: 100%;
    max-width: 300px;
    margin: 20px auto 0;
    position: relative;
    right: auto; }

  .page-timing #contents .flow > div:nth-child(3) {
    padding: 20px;
    border-radius: 15px; }

  .page-timing #contents .flow > div:nth-child(3) .image {
    width: 180px;
    margin: 20px auto 0; }

  .page-handling.cat-how_to #contents .point h2 {
    font-size: 17px;
    padding: 10px 30px;
    margin: 0 0 20px 20px; }

  .page-handling.cat-how_to #contents .point h2::before {
    width: 42px;
    height: 43px;
    top: 0; }

  .page-handling.cat-how_to #contents .point li {
    font-size: 16px;
    padding-left: 23px;
    text-indent: -23px; }

  .page-handling.cat-how_to #contents .point li::before {
    width: 18px;
    height: 19px;
    margin-right: 5px;
    vertical-align: -3px;
    flex: 0 0 18px; }

  .page-handling.cat-how_to #contents > .image {
    width: 100%;
    margin: 30px auto 60px; }

  .page-handling.cat-how_to #contents .caution h2 {
    font-size: 20px;
    margin: 0 auto 20px; }

  .page-handling.cat-how_to #contents .caution h2::before {
    width: 40px;
    height: 36px;
    margin-right: .5em;
    vertical-align: -10px; }

  .page-handling.cat-how_to #contents .caution span {
    font-size: 22px; }

  .page-handling.cat-how_to #contents .caution h3 {
    font-size: 18px;
    color: #E60012; }

  .page-handling.cat-how_to #contents .caution .item {
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px; }

  .page-handling.cat-how_to #contents .caution .item .text {
    width: 100%;
    padding-right: 0; }

  .page-handling.cat-how_to #contents .caution .item .image {
    margin: 20px auto 0; }

  .page-handling.cat-how_to #contents .bathing {
    padding: 20px; }

  .page-handling.cat-how_to #contents .bathing h3 {
    font-size: 16px;
    color: #036EB7; }

  .page-handling.cat-how_to #contents .bathing .text {
    width: 100%;
    padding-right: 0; }

  .page-handling.cat-how_to #contents .bathing .image {
    margin: 20px auto 0; }

  .page-medication #contents .intro {
    padding: 20px; }

  .page-medication #contents .step {
    margin-bottom: 40px; }

  .page-medication #contents .step h2 {
    font-size: 24px; }

  .page-medication #contents .step h2::before {
    width: 71px;
    height: 32px;
    vertical-align: -6px; }

  .page-medication #contents .step .flex {
    margin-left: 0; }

  .page-medication #contents .step .flex .image {
    width: 100%;
    margin-bottom: 20px; }

  .page-medication #contents .step .flex .text {
    width: 100%;
    padding-left: 0; }

  .page-medication #contents .step .flex .text .dot li {
    margin-bottom: 1em; }

  .page-medication #contents .step .flex .text .dot li::before {
    content: "●";
    color: #004496; }

  .page-medication #contents .step1 .illust {
    width: 220px;
    margin: 0 auto; }

  .page-medication #contents .step2 p {
    margin-top: 2em; }

  .page-medication #contents .flex.step2-2 {
    margin-top: 20px;
    flex-flow: column-reverse; }

  .page-medication #contents .flex.step2-2 .image {
    width: 100%;
    text-align: center;
    margin-top: 20px; }

  .page-medication #contents .flex.step2-2 .image img {
    width: 220px; }

  .page-medication #contents .flex.step2-2 .text {
    width: 100%;
    display: flex;
    align-items: center; }

  .page-medication #contents .step2-2 p {
    margin: 0;
    width: calc(100% - 100px);
    padding-right: 20px; }

  .page-medication #contents .step2-2 .illust {
    width: 100px; }

  .page-medication #contents .caution {
    padding: 20px;
    margin-top: 0; }

  .page-medication #contents .caution h2 {
    margin: 0 auto 20px;
    font-size: 18px; }

  .page-medication #contents .caution h2::before {
    width: 32px;
    height: 28px;
    margin-right: .2em;
    vertical-align: -8px; }

  .page-carry #contents .bg {
    padding: 20px; }

  .page-carry #contents .bg .flex {
    padding: 0; }

  .page-carry #contents .bg .image {
    margin: 20px auto 0; }

  .page-carry #contents .caution li {
    margin-bottom: 20px; }

  .page-carry #contents .caution li p {
    margin-top: 3px; }

  .page-carry #contents .caution li::before {
    width: 36px;
    height: 32px; }

  .page-carry #contents .frame.flex {
    margin: 20px 0;
    padding: 0 20px;
    flex-flow: column-reverse; }

  .page-carry #contents .frame p {
    margin: 10px 0; }

  .page-carry #contents .frame .image {
    margin: 0 auto; }

  .page-carry #contents .message {
    padding: 20px;
    margin-top: 70px; }

  .page-carry #contents .message h2 {
    font-size: 17px;
    text-align: center;
    padding: 10px 30px;
    margin: -50px auto 20px; }

  .page-carry #contents .message h2::before {
    width: 42px;
    height: 43px;
    left: -15px;
    top: 10px; }

  .page-carry #contents .message dt {
    font-size: 16px;
    padding-left: 23px;
    text-indent: -23px; }

  .page-carry #contents .message dt::before {
    width: 18px;
    height: 19px;
    margin-right: 5px;
    vertical-align: -3px;
    flex: 0 0 18px; }

  .page-carry #contents .message dd {
    margin: 2px 0 20px 24px; }

  .page-carry #contents .message dd::before {
    width: 11px;
    height: 10px;
    margin: 3px 5px 0 0;
    flex: 0 0 11px; }

  .page-carry #contents .message .image {
    width: 220px;
    position: static;
    margin: 20px auto 0; }

  .page-side-effect #contents .attention {
    padding: 20px 20px 0; }

  .page-side-effect #contents .attention .image {
    width: 139px;
    margin: 20px auto 0; }

  .page-side-effect #contents .attention p {
    margin: 0;
    line-height: 1.4; }

  .page-side-effect #contents .measure {
    padding: 20px;
    margin-top: 30px; }

  .page-side-effect #contents .measure dl dt {
    font-size: 14px; }

  .page-side-effect #contents .measure .flex {
    margin-top: 10px; }

  .page-side-effect #contents .measure .flex .image {
    margin: 10px auto 0; }

  .page-side-effect #contents .measure .flex dl {
    width: 100%;
    padding-right: 0; }

  .page-attention #contents .list {
    margin-bottom: 40px; }

  .page-attention #contents .list .text ul,
  .page-attention #contents .list .text p {
    margin-left: 1em; }

  .page-attention #contents .list .text {
    width: 100%; }

  .page-attention #contents .list .image {
    width: 100%;
    margin-top: 20px; }

  .page-attention #contents .list1 .image img {
    width: 136px; }

  .page-attention #contents .list2 .image img {
    width: 116px; }

  .page-attention #contents .attention {
    padding: 20px; }

  .page-attention #contents .attention .image {
    width: 200px;
    margin: 20px auto 0; }

  .page-storage #contents .list {
    margin-bottom: 30px; }

  .page-storage #contents .list .image {
    width: 100%;
    margin-top: 20px; }

  .page-faq #contents .faq dt {
    font-size: 15px;
    margin-bottom: 10px; }

  .page-faq #contents .faq dd {
    font-size: 14px;
    padding: 0 0 30px 13px;
    margin-bottom: 30px; }

  .page-faq #contents .faq dt::before {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    margin-right: 10px;
    align-self: flex-start; }

  .page-faq #contents .faq dd::before {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-right: 5px; }

  .page-movie #contents .movie-file {
    padding: 0;
    border-radius: 0; }

  .cat-about #contents h2.default {
    font-size: 18px;
    color: #0058A2;
    margin-bottom: 10px; }

  .page-about #contents > .image {
    margin: 30px auto; }

  .page-about #contents .flex .image {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 0; }

  .page-about #contents .flex .text {
    width: 100%;
    padding-right: 0; }

  .page-cause #contents .item .image {
    width: 100%;
    margin-top: 10px; }

  .page-cause #contents .item .text {
    width: 100%;
    padding-right: 0; }

  .page-cause #contents .item1.flex .image img {
    width: 163px; }

  .page-cause #contents .item2.flex .image img {
    width: 134px; }

  .page-cause #contents .item3.flex .image img {
    width: 143px; }

  .page-cause #contents .item4.flex .image img {
    width: 223px; }

  .page-cause #contents .item h2 {
    font-size: 18px; }

  .page-cause #contents .item dt {
    margin-bottom: 6px; }

  .page-cause #contents .item dt::after {
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px; }

  .page-cause #contents .item1 {
    margin-bottom: 40px; }

  .page-cause #contents .item2 {
    margin-bottom: 40px; }

  .page-cause #contents .item3 {
    margin-bottom: 40px; }

  .page-type #contents .item {
    margin-top: 30px;
    padding-top: 30px; }

  .page-type #contents .item1,
  .page-type #contents .item3 {
    margin-top: 10px; }

  .page-type #contents .item1 .image,
  .page-type #contents .item4 .image {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 0; }

  .page-type #contents .item2 .image {
    width: 180px;
    margin: 20px auto 0; }

  .page-type #contents .item2 .text {
    width: 100%;
    padding-right: 0; }

  .page-type #contents .item3 .image {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 0; }

  .page-type #contents .item3 .text {
    width: 100%;
    padding-right: 0; }

  .page-treatment #contents .time {
    border-radius: 10px; }

  .page-treatment #contents .time table {
    font-size: 12px; }

  .page-treatment #contents .bg {
    border-radius: 15px;
    padding: 20px; }

  .page-treatment #contents .bg dt::before {
    width: 14px;
    height: 12px; }

  .page-treatment #contents .bg dd {
    margin: 0 0 10px 17px; }

  .page-handling.cat-about #contents .icons {
    border-radius: 15px;
    padding: 20px; }

  .page-handling.cat-about #contents .icons p.f18 {
    font-size: 12px;
    text-align: center; }

  .page-handling.cat-about #contents .icons1 h3::before {
    width: 20px;
    height: 20px;
    margin-right: .2em;
    vertical-align: -4px; }

  .page-handling.cat-about #contents .icons1 .image {
    width: 80%;
    margin: 0 auto 10px; }

  .page-handling.cat-about #contents .icons2 h3::before {
    width: 20px;
    height: 20px;
    margin-right: .2em;
    vertical-align: -4px; }

  .page-handling.cat-about #contents .icons2 .image {
    width: 90%;
    margin: 0 auto 10px; }

  .page-handling.cat-about #contents .item .image {
    width: 100%;
    margin-top: 10px; }

  .page-handling.cat-about #contents .item .text {
    width: 100%;
    padding-right: 0; }

  .page-handling.cat-about #contents .item1.flex .image img {
    width: 142px; }

  .page-handling.cat-about #contents .item2.flex .image img {
    width: 153px; }

  .page-handling.cat-about #contents .item h2 {
    font-size: 18px; }

  .page-handling.cat-about #contents .item dt {
    margin-bottom: 6px; }

  .page-handling.cat-about #contents .item dt::after {
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px; }

  .page-handling.cat-about #contents .item1 {
    margin-top: 40px; }

  .page-handling.cat-about #contents .item2 {
    margin-top: 40px; }

  .page-living #contents .bg {
    border-radius: 15px;
    padding: 20px 20px 0;
    margin-bottom: 40px; }

  .page-living #contents .bg li {
    padding-left: 22px;
    text-indent: -22px; }

  .page-living #contents .bg li::before {
    width: 20px;
    height: 20px;
    margin-right: .2em;
    vertical-align: -4px; }

  .page-living #contents .bg .image {
    width: 100%;
    max-width: 350px;
    margin: 20px auto 0; }

  .page-living #contents .check {
    margin-top: 40px; }

  .page-living #contents .check dt {
    font-size: 16px;
    padding-left: 23px;
    text-indent: -23px; }

  .page-living #contents .check dt::before {
    width: 18px;
    height: 19px;
    margin-right: 5px;
    vertical-align: -3px;
    flex: 0 0 18px; }

  .page-living #contents .check dd {
    font-size: 14px;
    margin: 2px 0 20px 24px; }

  .page-living #contents .flex.sheet {
    margin-top: 40px;
    justify-content: center; }

  .page-living #contents .flex.sheet .image {
    width: 100%;
    text-align: center;
    margin-top: 20px; }

  .page-living #contents .flex.sheet .image img {
    width: 220px; }

  .page-living #contents .flex.sheet .text {
    width: 100%;
    margin-right: 0; }

  .page-management-sheet #contents .frame {
    margin-top: 30px;
    padding: 20px; }

  .page-management-sheet #contents .image {
    width: 100%; }

  .page-management-sheet #contents .btn {
    width: 100%; }

  .page-management-sheet #contents .sample {
    margin: 30px auto 0;
    width: 100%; }

  .page-tool #contents .frame {
    padding: 20px; }

  .page-tool #contents .item {
    margin-bottom: 30px;
    padding-bottom: 30px; }

  .page-tool #contents .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }

  .page-tool #contents .item .book {
    width: 100%;
    max-width: 350px;
    margin: 0 auto 20px; }

  .page-tool #contents .item .text {
    width: 100%;
    padding-left: 0; }

  .page-tool #contents .item .text h2 {
    border-left: 8px solid #EA6068;
    padding-left: 10px;
    margin-bottom: 10px; }

  .page-tool #contents .item .text .btn {
    margin: 20px auto 0;
    padding: 5px 60px;
    width: 100%; }

  .page-tool #contents .item .text .btn::before {
    width: 18px;
    height: 18px; }

  /* --------------------------------------------------------------------------- */
  .movie-container {
    width: 100%;
    height: auto;
    min-height: 200px;
    position: relative; }

  footer .inner {
    padding-left: 0; }

  footer {
    border-left: none; }

  footer nav {
    border-left: 16px solid red;
    margin-left: 0;
    padding: 40px 0;
    width: 100%; }

  footer nav ul {
    display: flex; }

  /*footer nav ul li:first-child a::after {*/
  /*    content: "";*/
  /*    position: absolute;*/
  /*    top: 0;*/
  /*    right: 0;*/
  /*    border-right: 1px solid #595649;*/
  /*    width: 2px;*/
  /*    display: inline-block;*/
  /*    height: 100%;*/
  /*}*/
  footer nav li {
    font-size: 14px; }

  footer nav li:first-child {
    margin-bottom: 0; }

  footer nav li a {
    padding: 10px 10px;
    display: block;
    line-height: 110%; }

  footer ul li:first-child a {
    padding: 10px 10px; }

  .sp_view {
    display: block; } }
/* 768px */

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