@charset "utf-8";
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (min-width: 671px) and (max-width: 960px) {

  body {
    font-size: 1.8rem;
  }

  header {
    margin-bottom: 40px;
  }

  .w-1100 {
    width: 90%;
    margin: auto;
  }

  .educator-column-info {
    margin: 10px auto 0;
  }

  .button-detail {
    height: 77px;
  }

  .br-tb {
    display: inline;
  }

  /* ヘッダー */
  #header {
    height: 80px;
    padding: 25px 2% 0;
  }
  #headerLogo {
    width: 300px;
  }
  .snsWrap li img {
    width: 30px;
  }
  .btnMenu a span {
    width: 30px;
  }

  .btnMenu a span:first-child {
    top: 2px;
  }
  .btnMenu a span:last-child {
    top: 22px;
  }

  #gNavi {
    top: 80px
  }

  #gNavi .pala li a {
    font-size: 40px;
  }

  #gNavi .sub-menu li a {
    font-size: 30px;
  }


  /* TOP */
  .top_inner {
    width: 90%;
    margin: auto;
  }
  .dot01 {
    margin: 35px 0 48px;
  }

  .newsWrap .hd {
    font-size: 3rem;
  }
  .newsWrap .link a {
    font-size: 18px;
  }

  .ul01 li {
    padding: 2%;
  }

  .ul02 a .title {
    font-size: 20px;
  }

  .ul02 a .text {
    font-size: 18px;
  }

  .isList {
    width: 40%;
  }
  .introWrap .img img {
    width: auto;
  }
  .introWrap .text {
    font-size: 2rem;
  }

  /* Products */
  .product_category_inner img {
    width: 50%;
  }

  .page .contents .product-index h2 {
    font-size: 28px;
  }

  .product-index > p {
    font-size: 18px;
  }

  .product_category_inner ul li a span {
    font-size: 20px;
  }
  .product_category_inner ul li a {
    font-size: 18px;
  }

  .page div.contents h2 {
    font-size: 26px;
  }

  .product_items .right {
    font-size: 16px;
  }

  .product_items ul li {
    width: 170px;
  }
  .product_items li .item_name {
    font-size: 20px;
  }

  .color_title {
    font-size: 18px;
  }

  .item_color_detail {
    font-size: 14px;
  }

  .color_icon_list div {
    margin-bottom: 10px;
  }
  .color_icon_list img, .color-gel-tags img {
    width: 25px;
    height: auto;
  }

  body {
    padding-top: 100px;
    margin-top: -40px;

  }
  #clear-gel, #color-gel, #art-color-gel, #gel-brush, #others,
  #powder, #liquid, #acrylic-brush,
  #care, #file, #pusher, #preparetion, #color, #off,
  #morecouture-platinum-educator, #more-gel-art-director, #morecouture-special-educator,
  #morecouture-educator, #morecouture-special-acrylic-educator, #international-acrylic-educator,
  #more-gel-top-educator, #international-morecouture-educator, #morecouture-acrylic-educator {
    padding-top: 100px;
    margin-top: -100px;
  }

  /* News */
  .page-news-head-bg-img {
    min-height: 150px;
  }
  .page-news-title {
    font-size: 40px;
  }

  /* Events */
  .page-events-description {
    font-size: 18px;
  }
  .e-date {
    font-size: 20px;
    width: 180px;
  }
  .events .ttl {
    font-size: 20px;
  }

  /* Educators */
  .educator section {
    margin-top: 80px;
  }

  .page-educators-bg {
    min-height: 150px;
  }

  .page .contents h2.page-educators-title {
    font-size: 40px;
  }

  .educator-loop {
    width: 33%;
  }

  .page-educators-en {
    font-size: 28px;
  }
  .educator-category-name .ja {
    font-size: 22px;
  }

  #acMenu > p {
    font-size: 16px;
  }

  .educator-names .educator-name-ja {
    font-size: 20px;
  }
  .educator-names .educator-name {
    font-size: 18px;
  }
  .open-dialog {
    font-size: 18px;
  }

  /* Educator System */
  .page-educator-system-bg {
    min-height: 150px;
  }
  .page-educator-system-title {
    font-size: 40px;
  }
  .educator-system-heading {
    font-size: 26px;
  }
  .educator-system-description {
    font-size: 18px;
  }
  .educator-column-buttons {
    width: 320px;
  }
  .button-detail, .button-apply {
    width: 320px;
    font-size: 20px;
  }
  .no-apply {
    width: 320px;
  }
  .no-apply-text {
    font-size: 18px;
  }
  .educator-column-info {
    width: 100%;
  }
  .educator-column-info {
    margin: 20px auto;
  }

  .educator-column-image img {
    width: 160px;
  }

  /* About Us */
  .about-us-title {
    font-size: 40px;
  }
  .policy-tokushoho {
    font-size: 18px;
  }

  /* Dealer */
  .page-dealer-title {
    font-size: 40px;
  }
  .dealer-shop-attention {
    font-size: 18px;
  }
  .dealer-name {
    font-size: 26px;
  }
  .company-address {
    width: 70%;
  }
  .company-tel {
    width: 30%;
  }

  /* Single */
  .article__head h1.ttl {
    font-size: 40px;
  }

  .article__body p {
    font-size: 18px;
  }

  /* Single Products */
  .product-image-wrap {
    text-align: center;
    width: 100%;
  }
  .product-image-wrap img {
    width: 40%;
  }

  .product-name {
    font-size: 22px;
  }

  .product-element {
    font-size: 18px;
  }

  .product-info-wrap p {
    font-size: 18px;
  }

  /* Single News */
  .single-news .contents h1 {
    font-size: 30px;
  }

  /* Single Evemts */
  .single-events .contents h1 {
    font-size: 28px;
  }
  .event-apply-link {
    width: 50%;
  }
  .seminar-past-link {
    font-size: 18px;
  }

  /* Single Educators */
  .educator-image-wrap {
    width: 30%;
  }
  .educator-info {
    width: 68%;
    margin-left: 2%;
  }
  .educator-category-en {
    font-size: 22px;
  }
  .educator-category-ja {
    font-size: 16px;
  }
  p.educator-name {
    font-size: 22px;
  }
  .educator-en-name {
    font-size: 18px;
  }
  .educator-profile {
    font-size: 18px;
  }
  .educaotor-awards-heading {
    font-size: 20px;
  }
  .educaotor-awards-content {
    font-size: 18px;
  }

  /* Gel Process */
  .process_dl dt img {
    width: 50%;
    margin: auto 25%;
  }
  .process_dl dd {
    font-size: 18px;
  }
  #product_process h3 span {
    font-size: 26px;
  }

  /* Q&A */
  h2.product_list, h2.product_list span {
    font-size: 30px;
  }
  .product_qa_text {
    font-size: 20px;
  }

  /* Educator Only */
  .educator-only .educator-only-top-logo p {
    font-size: 20px;
  }

  .educator-only ul.detail-ul{
    padding-left: 20px;
  }
  .link-buttons a {
    width: 345px;
  }
  .link-buttons, .link-buttons-left, .link-buttons-right {
    width: 100%;
  }
}