@charset "utf-8";

/*
Theme Name: kawamura-hearing
Theme URI:
Description: 川村義肢株式会社エイドセンター テーマ
Version: 1.1
Author: shoji
Author URI:
*/

/*基本レイアウトの調整*/

body {
  margin: 0;
}

.wrap {
  padding: 60px 0 0 0;
}

.content {
  text-align: center;
  font-size: 22px;
  color: #bf86ce;
  height: 2000px;
  padding: 60px;
  background-color: #f8e0f7;
}

/*ハンバーガーボタン*/

.header3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background-color: #025bac;
  z-index: 1000;
}

.el_humburger {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 26px;
  height: auto;
  padding-top: 1px;
  box-sizing: border-box;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
  z-index: 10006 !important;
}

.js_humburgerOpen .el_humburger {
}

.el_humburger > span {
  display: block;
  width: 100%;
  margin: 0 auto 6px;
  height: 3px;
  background: #fff;
  transition: all 0.2s ease-in-out;
  &:last-child {
    margin-bottom: 0;
  }
  .js_humburgerOpen & {
    background: #000;
  }
}

.js_humburgerOpen .el_humburger > span.top {
  transform: translateY(9px) rotate(-45deg);
}

.js_humburgerOpen .el_humburger > span.middle {
  opacity: 0;
}

.js_humburgerOpen .el_humburger > span.bottom {
  transform: translateY(-9px) rotate(45deg);
}

.el_humburgerButton.el_humburgerButton__close {
  top: 2%;
  right: 2%;
}

.el_humburgerButton__close > span {
  display: block;
  width: 35px;
  margin: 0 auto;
  height: 4px;
  background: #fff;
}

.el_humburgerButton__close > span.el_humburgerLineTop {
  transform: translateY(5px) rotate(-45deg);
}

.el_humburgerButton__close > span.el_humburgerLineBottom {
  transform: translateY(-6px) rotate(45deg);
}

/*ナビゲーション*/

.js_appear {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  z-index: 9998;
}

.navigation_screen {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.96);
  z-index: 0;
  margin-top: 0px;
  padding-top: 0px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.navigation_wrapper {
  padding: 80px 0 0 0;
  text-align: center;
  background-color: #025bac;
  height: 900px;
  position: relative;
  z-index: 9000;
}

.navigation_item {
  font-size: 18px;
  margin-bottom: 20px;
  color: white;
}

.navigation_item > a {
  color: #000;
  text-decoration: none;
  color: white;
}

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

.post a:hover {
  text-decoration: underline;
}

.post img:hover {
  -webkit-filter: brightness(0.8);

  -moz-filter: brightness(0.8);

  -o-filter: brightness(0.8);

  -ms-filter: brightness(0.8);

  filter: brightness(0.8);
}

nav {
  z-index: 1000;
  position: relative;
}

@charset "UTF-8";

a[href^="tel:"] {
  cursor: default;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */

form.sent p {
  display: none;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

* {
  margin: 0;
  padding: 0;
}

classname a:link {
  color: #666666;
}

html {
  font-size: 62.5%;
}

body {
  font-family: "MSゴシック", "Hiragino Kaku Gothic ProN";
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  line-height: 1.75;
  text-align: justify;
  -webkit-text-size-adjust: 100%;
  font-size: 0.75rem;
  background-color: #f0f1f6;
}

img {
  display: block;

  max-width: 100%;

  height: auto;
}

a {
  display: block;

  text-decoration: none;

  color: inherit;
}

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

.f07 {
  font-size: 0.7em;
}

.f08_form {
  font-size: 0.8em;
  margin-top: -10px;
  line-height: 1;
  padding-bottom: 30px;
}

.f08 {
  font-size: 0.8em;
}

.f09 {
  font-size: 0.9em;
}

.f12 {
  font-size: 1.2em;
}

.f14 {
  font-size: 1.4em;
}

.f16 {
  font-size: 1.6em;
}

.f18 {
  font-size: 1.8em;
}

.f20 {
  font-size: 2em;
}

.f21 {
  font-size: 2.1em;
}

.f22 {
  font-size: 2.2em;
}

.f24 {
  font-size: 2.4em;
}

.f26 {
  font-size: 2.6em;
}

.f3 {
  font-size: 3em;
}

.f35 {
  font-size: 3.5em;
}

.b {
  font-weight: bold;
}

.n {
  font-weight: normal;
}

.mt-8 {
  margin-top: -8px;
}

.mt-20 {
  margin-top: -20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt-32 {
  margin-top: -32px;
}

.mt15 {
  margin-top: 15px;
}

.table-mb-15 {
  border-spacing: 0px 0px -15px 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mlr5 {
  margin: 0px 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px !important;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb45 {
  padding-bottom: 45px;
}

.pt40 {
  padding-top: 40px;
}

.pt-20 {
  padding-top: -20px;
}

.p30 {
  padding: 0px 30px;
}

.pl30 {
  padding-right: 30px;
}

.p30tb {
  padding: 30px 0px;
}

.p10b {
  padding-bottom: 10px;
}

.p15b {
  padding-bottom: 15px;
}

.p20b {
  padding-bottom: 20px;
}

.p50b {
  padding-bottom: 50px !important;
}

.p25b {
  padding-bottom: 25px;
}

.p30b {
  padding-bottom: 30px;
}

.p60b {
  padding-bottom: 60px;
}

ul {
  list-style: none;
}

.text_center {
  text-align: center;
}

.y_line {
  text-align: center;
  border-bottom: solid 2px gray;
}

form.sent p {
  display: none;
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.4.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0")
      format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"),
    url("../fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"),
    url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"),
    url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.link-shadow {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.25);
}

.shop_article_container a img:hover {
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  -o-filter: brightness(0.7);
  -ms-filter: brightness(0.7);
  filter: brightness(0.7);
}

.shop_article_container3 a img:hover {
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  -o-filter: brightness(0.7);
  -ms-filter: brightness(0.7);
  filter: brightness(0.7);
}

@media screen and (min-width: 600px) {
  .header3 {
    display: none;
  }

  header .logo {
    width: 370px;
    font-size: 1.7em;
    margin: 0px 0px -5px 10px;
    position: absolute;
    bottom: 0;
    font-weight: normal;
  }

  /*ヘッダー*/
  .header {
    /*border-top: #025bac solid 8px;*/
    background-color: #025bac;
    margin-top: -32px;
  }

  .header_content {
    width: 1000px;
    height: 140px;
    margin: 0 auto;
  }

  .header_container {
    color: white;
    display: flex;
    height: 160px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .header_left {
    position: relative;
    height: 62px;
    float: left;
  }

  .header_left2 {
    position: relative;
    height: 62px;
    float: left;
  }

  .nav {
    background-color: #bae3f9;
    border-top: #005bac solid 1px;
  }

  .nav_content {
    width: 1000px;
    margin: 0 auto;
  }

  .nav_container {
    height: 70px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  /*ナビゲーション*/
  .nav_menu_home {
    width: 135px;
    line-height: 70px;
    border-left: white solid 2px;
    text-align: center;
    vertical-align: middle;
    box-shadow: -1px 0px 1px 0px gray;
  }

  .nav_menu {
    width: 173px;
    line-height: 70px;
    border-left: white solid 2px;
    text-align: center;
    vertical-align: middle;
    box-shadow: -1px 0px 1px 0px gray;
  }

  .nav_menu_last {
    border-left: white solid 2px;
    box-shadow: -1px 0px 1px 0px gray;
  }

  .nav_menu_home a:hover {
    background-color: #80d0fb;
    opacity: 1;
  }
  .nav_menu a:hover {
    background-color: #80d0fb;
    opacity: 1;
  }

  .nav_menu_last a:hover {
    background-color: #80d0fb;
    opacity: 1;
  }

  /*メインコンテンツ部分*/
  .main_content {
    width: 1000px;
    margin: 0 auto;
  }
  .main-one {
    background: #fafafa;
    margin-top: 30px;
  }

  .main {
    width: 749px;
    float: left;
    padding: 30px 10px 0px 0px;
  }
  .main-one .main {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .article {
    background-color: #fafafa;
    padding: 26px 26px 50px 26px;
  }

  .article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
  }

  .article_container_size {
    width: 210px;
  }

  .blog_pic {
    width: 220px;
    height: 160px;
    background-color: lightgray;
    margin-bottom: 10px;
  }

  .submit_button {
    color: white;
    background-color: #ff9933;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
  }

  .top_button {
    color: white;
    background-color: #ff9933;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 20px;
  }

  .top_button a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .top_button2 {
    color: white;
    background-color: #ff9933;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .top_button2 a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  /*サイドメニュー*/
  .aside {
    width: 240px;
    float: left;
    padding-top: 30px;
  }

  .aside_content {
    background-color: #fafafa;
    padding: 24px 9px 10px 9px;
  }

  .brightness img:hover {
    -webkit-filter: brightness(0.7);
    -moz-filter: brightness(0.7);
    -o-filter: brightness(0.7);
    -ms-filter: brightness(0.7);
    filter: brightness(0.7);
  }

  /*フッター*/
  .footer {
    clear: left;
    background-color: #025bac;
  }

  .footer_top_size {
    background-color: #bae3f9;
  }

  .footer_top {
    width: 1000px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: right;
    vertical-align: middle;
    font-size: 2.4em;
  }

  .footer_content {
    width: 1000px;
    margin: 0 auto;
    color: white;
  }

  .footer_content a:hover {
    text-decoration: underline;
  }

  .footer_container1 {
    display: flex;
    height: 160px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .footer_container2 {
    display: flex;
    height: 280px;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    font-weight: normal;
  }

  .footer_container2 p {
    margin: 15px 0px;
  }

  .footer_end_size {
    background-color: #025bac;
  }

  .footer_end {
    color: white;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
  }

  footer_content a:link {
    color: white;
  }

  footer_content a:visited {
    color: white;
  }

  footer_content a:hover {
    color: white;
  }

  footer_content a:active {
    color: white;
  }

  /*購入とサポート*/
  .mainpic_support {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/support_mainpic.jpg)
      center center / cover no-repeat;
  }

  .support_nav {
    letter-spacing: -0.1em !important;
  }

  .support_article {
    background-color: #fafafa;
    padding: 26px 26px 50px 26px;
  }

  .support_article2 {
    background-color: #fafafa;
    padding: 26px;
  }

  .support_article_container {
    height: 290px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .support_pic {
    width: 400px;
  }

  .support_text {
    width: 280px;
  }
  .support_text .f22.mt20 {
    padding-left: 20px;
  }
  .support_text.order2 .f22.mt20 {
    padding-left: 0px;
    padding-right: 20px;
  }

  .support_article_title {
    height: 41px;
    line-height: 41px;
    width: 280px;
    margin-top: 36px;
    text-align: center;
    vertical-align: middle;
    background-color: #dddddd;
    font-size: 3em;
    font-weight: normal;
  }

  .support_article_title2 {
    height: 41px;
    line-height: 41px;
    width: 280px;
    text-align: center;
    vertical-align: middle;
    background-color: #dddddd;
    font-size: 3em;
  }

  .support_title {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    width: 695px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 3.5em;
  }

  .support_title2 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 2.4em;
  }

  .support_mail_size {
    width: 210px;
  }

  .support_button {
    color: white;
    background-color: #ff9933;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 20px;
  }

  .support_button a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .support_button2 {
    color: white;
    width: 500px;
    height: 60px;
    line-height: 60px;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    font-size: 3.5em;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .support_button2 a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .support_mail_text {
    font-size: 2em;
  }

  /*訪問サービス*/
  .mainpic_visit {
    width: 100%;
    z-index: -1;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/visit_mainpic.jpg)
      center center / cover no-repeat;
  }

  .visit_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .visit_article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
  }

  .visit_article_container2 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-bottom: 20px;
  }

  .visit_article_container3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 20px;
  }

  .visit_pic {
    width: 340px;
  }

  .visit_text1 {
    width: 100%;
    line-height: 25px;
  }

  .visit_text_size {
    font-size: 2.4em;
  }

  .visit_text_size2 {
    font-size: 2.4em;
    text-align: center;
  }

  .visit_title_line {
    width: 120px;
    border-bottom: 2px black solid;
    padding-top: 5px;
    margin: 0 auto;
  }

  .visit_title {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    width: 695px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 3em;
  }

  .visit_subtitle {
    font-size: 2.4em;
    margin-top: 15px;
    text-align: center;
  }

  .visit_title2 {
    background-color: lightgrey;
    font-weight: normal;
    width: 695px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .button_width300 {
    width: 300px;
  }

  .visit_button_size {
    font-size: 2em;
  }

  .visit_button {
    color: white;
    height: 40px;
    width: 300px;
    line-height: 40px;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    font-size: 1.3em;
  }

  .visit_button a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .visit_button2 {
    color: white;
    width: 500px;
    height: 60px;
    line-height: 60px;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 3.5em;
  }

  .visit_button2 a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  table th {
    /*table内のthに対して*/
    padding: 5px 4px;
    letter-spacing: -0.07em !important;
  }

  table td {
    /*table内のtdに対して*/
    padding: 5px 5px;
    /*上下3pxで左右10px*/
  }

  .chack_table_size {
    width: 110px;
  }

  .table_color {
    background-color: #e8e8e8;
  }

  .table_color1 {
    background-color: #a0bc7f;
  }

  .table_color2 {
    background-color: #f9e277;
  }

  .table_color3 {
    background-color: #f3b47a;
  }

  .table_color4 {
    background-color: #ed8e76;
  }

  .table_color5 {
    background-color: #e95a60;
  }

  .table_color6 {
    background-color: #badbf7;
  }

  .table_color7 {
    background-color: #bae3f9;
  }

  #tbl-bdr table,
  #tbl-bdr td,
  #tbl-bdr th {
    border-collapse: collapse;
    border: 1px solid lightgray;
  }

  .table_width {
    width: 100%;
  }

  .table_size {
    width: 80px;
  }

  /*購入補助制度*/
  .mainpic_assist {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/assist_mainpic.jpg)
      center center / cover no-repeat;
  }

  .assist_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .assist_article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .assist_box {
    line-height: 50px;
    height: 50px;
    background-color: #dddddd;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
  }

  .assist_container_box {
    width: 320px;
    margin-bottom: 10px;
  }

  .assist_table_size_left {
    width: 10%;
  }

  .assist_table_size_center {
    width: 20%;
  }

  .assist_table_size_right {
    width: 70%;
  }

  .assist_color {
    color: #0051a2;
  }

  /*聞こえのプチ情報*/
  .mainpic_petiteinfo {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/petiteinfo_mainpic.jpg)
      center center / cover no-repeat;
  }

  .petiteinfo_article {
    background-color: #fafafa;
    padding: 26px 26px 0px 26px;
  }

  .petiteinfo_article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .bordering-arrow-center {
    width: 100%;
    line-height: 50px;
    height: 50px;
    background-color: #dddddd;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
    font-size: 3em;
  }

  .petiteinfo_title {
    text-align: center;
    font-size: 3em;
    clear: both;
    margin-top: 15px;
    padding-bottom: 30px;
  }

  .clear_both {
    clear: both;
  }

  .petiteinfo_text_g {
    color: #025bac;
  }

  .petiteinfo_text_height {
    height: 50px;
  }

  .petiteinfo_pic {
    width: 330px;
  }

  .font_space {
    letter-spacing: -0.05em;
  }

  .font_line_height {
    line-height: 1.3em;
  }

  /*店舗紹介*/
  .mainpic_shop {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/shop_mainpic.jpg)
      center center / cover no-repeat;
  }

  .shop_text {
    letter-spacing: -0.05em !important;
  }

  .shop_name1 {
    width: 100%;
    font-size: 2.4em;
    text-align: center;
    margin-top: 10px;
  }

  .shop_article {
    background-color: #fafafa;
    padding: 26px 26px 0px 26px;
  }

  .shop_article_last {
    background-color: #fafafa;
    padding: 26px 26px 30px 26px;
  }

  .shop_article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .shop_article_container2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .shop_picsize {
    padding-bottom: 30px;
  }
  .shop_picsize img {
    width: 340px;
  }

  .shop_picsize2 {
    padding-bottom: 15px;
  }

  .shop_title {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    width: 695px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 3.5em;
  }

  .shop_title2 {
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #dddddd;
    margin-bottom: 20px;
    font-size: 3em;
  }

  .shop_name {
    width: 190px;
    line-height: 25px;
    font-size: 2.4em;
    margin: 0px 20px;
  }

  .shop_info {
    width: 425px;
    font-size: 2.2em;
  }

  .shop_description {
    padding: 20px 40px;
    background-color: white;
    border: 1px solid lightgray;
    margin-top: 20px;
  }

  .shop_button {
    color: white;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    line-height: 1.5;
    padding: 10px;
  }

  .shop_button:hover {
    background-color: #ff730d !important;
  }

  .underline a:hover {
    text-decoration: underline !important;
  }

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

  #pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
  }

  #pageTop i {
    padding-top: 6px;
  }

  #pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 0 0 8px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #9fd6d2;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }

  #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
  }

  /*取扱い補聴器*/
  .mainpic_product {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/product_mainpic.jpg)
      center center / cover no-repeat;
  }

  .product_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .product_article_container {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  .product_article_container2 {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .product_article_container3 {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .product_article_container_size2 {
    margin: 0px 5px;
  }

  .product_pic {
    width: 200px;
    margin-bottom: 20px;
  }

  .product_text_line {
    line-height: 1.5;
    font-size: 2em;
  }

  .product_text {
    line-height: 25px;
    border: 1px solid lightgray;
    background-color: white;
    vertical-align: middle;
    padding: 10px;
    margin: 10px 0px;
  }

  .product_text_red {
    color: #ad3335;
  }

  .product_text_red2 {
    color: red;
  }

  .product_text_blue {
    color: darkblue;
  }

  .product_title {
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #dddddd;
    margin: 20px 0px;
  }

  .product_title2 {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    width: 695px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 3.5em;
  }

  /*コンタクト*/
  .contact-title {
    font-size: 2rem;
  }

  .wpcf7-mail-sent-ok {
    font-size: 2em;
    text-align: left;
  }

  .form_td {
    margin-top: -15px;
  }

  .mainpic_contact {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/contact_mainpic.jpg)
      center center / cover no-repeat;
  }
  .table-contact {
    font-size: 1.4em;
  }

  .contact-space {
    padding-bottom: -10px;
  }

  .shop_time {
    font-size: 0.8em;
  }

  .wpcf7-select {
    font-size: 1.1em;
  }

  .wpcf7 input[name="yubin"] {
    width: 30%;
    height: 35px !important;
  }

  .wpcf7 input[name="namae"],
  .wpcf7 input[name="kana"],
  .wpcf7 input[name="address1"],
  .wpcf7 input[name="address2"],
  .wpcf7 input[name="tel"],
  .wpcf7 input[name="mail"],
  .wpcf7 input[name="your-kibou1"],
  .wpcf7 input[name="your-kibou2"],
  .wpcf7 input[name="your-kibou3"],
  .wpcf7 input[name="your-subject"] {
    width: 100%;
    height: 35px !important;
  }

  .wpcf7 input[name="your-sikuchouson"],
  .wpcf7 input[name="your-tatemono"] {
    width: 70%;
    height: 35px !important;
  }

  .wpcf7 input[name="your-kibou1"],
  .wpcf7 input[name="your-kibou2"],
  .wpcf7 input[name="your-kibou3"] {
    width: 50%;
    height: 35px !important;
  }

  .wpcf7 textarea[name="textarea"] {
    width: 100%;
    height: 200px !important;
  }

  .table-ctf7 {
    padding: 0px 35px;
  }

  table-ctf7 tr th,
  tr {
    height: 40px;
  }

  .contact_table_width {
    width: 70%;
  }

  .contact_table_width2 {
    width: 40%;
  }

  contact_left {
    width: 30% !important;
    text-align: right;
  }

  contact_right {
    width: 70% !important;
  }

  th {
    text-align: left;
    font-weight: bold;
  }

  .text_tr {
    height: 225px;
  }

  .table-ctf7 tr:nth-child(even) {
    background-color: #f9f9f9;
    /* 偶数行をうっすらグレーに */
  }

  .contact_article {
    background-color: #fafafa;
    padding: 26px 26px 50px 26px;
    font-size: 14px;
  }

  .top_text {
    vertical-align: top;
    padding-top: 15px;
  }

  .img-right2 {
    margin-left: auto;
    width: 120px;
  }

  .wpcf7-radio .wpcf7-list-item {
    margin-top: 10px;
    display: block;
  }

  .button_size {
    height: 50px;
    width: 200px;
  }

  .contact_button {
    color: white;
    background-color: #225ba6;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 2.5em;
  }

  .contact_button a:hover {
    background-color: #1b4883;
  }

  .contact_Required {
    color: white;
    background-color: red;
    font-size: 0.6em;
    font-weight: normal;
    padding: 2px 6px;
    float: right;
    margin-left: 20px;
  }

  /*聞こえのかんたんチェック*/
  .check_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .check_article_last {
    background-color: #fafafa;
    height: 860px;
    padding: 26px 26px 20px 26px;
  }

  .check_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0px;
    letter-spacing: -0.05em !important;
  }

  .check_container_size1 {
    color: #205b9f;
  }

  .check_text_size {
    font-size: 2.4em;
  }

  .check_text_size2 {
    font-size: 1.8em !important;
  }

  .mainpic_check {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/check_mainpic.jpg)
      center center / cover no-repeat;
  }

  /* css checkbox01 */
  .checkbox01-input {
    display: none;
    margin: 10px 0px;
  }
  .checkbox01-parts {
    padding-left: 30px;
    position: relative;
    margin-right: 20px;
  }
  .checkbox01-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 4px;
  }

  .checkbox01-input:checked + .checkbox01-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 6px;
    width: 7px;
    height: 17px;
    transform: rotate(40deg);
    border-bottom: 3px solid red;
    border-right: 3px solid red;
  }

  .check_text {
    line-height: 25px;
    border: 1px solid lightgray;
    background-color: white;
    vertical-align: middle;
    padding: 10px;
  }

  .check_text a:hover {
    text-decoration: underline;
  }

  .check_border {
    border-top: 1px solid lightgray;
    margin: 10px 0px;
  }

  .text_right {
    text-align: right;
  }

  /*投稿*/
  .yarpp-related button {
    margin-bottom: 20px;
  }

  h3 {
    font-size: 4em;
    border-top: #005bac solid 2px;
    border-bottom: #005bac solid 2px;
    margin-bottom: 20px;
    text-align: center;
  }

  h2 {
    font-size: 2.5em;
    border-top: #005bac solid 2px;
    border-bottom: #005bac solid 2px;
    margin-bottom: 20px;
  }

  .entry {
    margin-top: 20px;
    font-size: 2em;
  }

  .catefory_entry {
    font-size: 2em;
  }

  .time {
    font-size: 1.6em;
    display: inline;
  }

  .postmetadata {
    font-size: 1.6em;
    display: inline;
  }

  .yarpp-thumbnail-title {
    font-size: 2.2em;
    font-weight: bold;
  }
  .yarpp-related p {
    font-size: 14px;
  }

  .yarpp-related h3 {
    margin-top: 60px;
    font-size: 3em;
  }

  .yarpp-thumbnails-horizontal {
    width: 100%;
    overflow: auto;
  }

  .yarpp-thumbnails-horizontal a {
    width: 31%;
    float: left;
    padding: 8px;
  }

  .wp-post-image {
    width: 100%;
  }

  .category_pagination_size {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .category_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
  }

  .category_container_size {
    width: 210px;
    margin-bottom: 20px;
  }

  .category_container_left {
    width: 40%;
  }

  .category_container_right {
    width: 55%;
  }

  /*投稿ページメイン画像*/
  .cat-7 {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/qa_mainpic.jpg)
      center center / cover no-repeat;
    z-index: -1;
  }

  .cat-4 {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/attention_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-3 {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/news_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-2 {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/reviews_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-8 {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/staffblog_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-5 {
    width: 100%;
    padding-top: calc(170 / 1000 * 100%);
    /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/staffblog_mainpic.jpg)
      center center / cover no-repeat;
  }

  .post-navigation {
    overflow: hidden;
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .prev {
    font-size: 2em;
    float: left;
  }

  .next {
    font-size: 2em;
    float: right;
  }

  .mobile-tel {
    display: none;
  }

  .mobile-tel2 {
    display: none;
  }
}

.frontcatch_size {
  margin-bottom: 15px;
}
.frontcatch_size a {
  display: block;
  overflow: hidden;
  width: 210px;
  height: 210px;
  border: 1px solid #96b4d4;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.frontcatch_size img {
  position: absolute;
  height: 210px;
  width: auto;
  left: 50%;
  transform: translate(-50%, -0%);
  max-width: initial;
}

@media screen and (max-width: 640px) {
  .frontcatch_size a {
    width: 100%;
    height: auto;
    padding-top: 100%;
  }
  .frontcatch_size img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: initial;
    top: 0;
  }
}

.frontcatch_size a img:hover {
  -webkit-filter: brightness(0.7);
  -moz-filter: brightness(0.7);
  -o-filter: brightness(0.7);
  -ms-filter: brightness(0.7);
  filter: brightness(0.7);
}

.post_body {
}

.post_body .cat a {
  display: inline-block;
  background: #e4ecf4;
  margin-bottom: 5px;
  font-size: 12px;
  padding: 3px;
  margin-right: 5px;
}
.post_body .title {
  font-size: 16px;
  font-weight: bold;
}
.post_body .date {
  font-size: 13px;
}

.post_body a:hover {
  text-decoration: underline;
}

.post_date {
  font-size: 1.6em;
}

.category-title {
  text-align: center;
  color: #1457a0;
  font-size: 28px;
}

.pagination {
  clear: both;
  padding: 30px 0;
  position: relative;
  font-size: 11px;
  line-height: 13px;
  border-top: 2px dotted #96b4d4;
  margin-top: 50px;
  display: block;
  width: 100%;
  text-align: center;
}

.pagination span,
.pagination a {
  display: inline-block;
  margin: 2px 5px 2px 5px;
  padding: 7px;
  text-decoration: none;
  width: auto;
  background: #e0e0e0;
  font-size: 14px;
}

.pagination a:hover {
  color: #fff;
  background: #487cb5;
}

.pagination .current {
  background: #487cb5;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .category-title {
    font-size: 22px;
  }
}

/* post */

.post-detail {
  font-size: 14px;
}

.post-detail h3 {
  position: relative;
  font-size: 22px;
  border: 0;
  margin: 0;
  padding: 0;

  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 2px solid #96b4d4;
  text-align: left;
}

.post-detail h3:before {
  background: #487cb5;
  position: absolute;
  left: 0;
  bottom: -3px;
  content: "";
  height: 4px;
  width: 110px;
}

.entry-meta {
  margin-bottom: 25px;
}

.entry-meta .date {
  display: inline-block;
  margin-right: 5px;
}

.entry-meta .cat {
  display: inline-block;
}
.entry-meta .cat a {
  display: inline-block;
  background: #e4ecf4;
  margin-bottom: 5px;
  font-size: 12px;
  padding: 3px;
  margin-right: 5px;
}

.entry-body {
  margin-bottom: 40px;
  font-size: 16px;
}

.entry-navi {
  position: relative;
  padding: 40px 0 50px 0;
  border-top: 2px dotted #96b4d4;
  text-align: center;
}

.entry-navi a {
  display: inline-block;
  font-size: 16px;
  padding: 15px 35px;
  border: 1px solid #96b4d4;
  background: #e4ecf4;
  box-shadow: 2px 2px 2px rgba(100, 100, 100, 0.3);
  text-align: center;
  color: #1457a0;
}
.entry-navi a:hover {
  opacity: 0.7;
}

.entry-navi .entry-navi-prev {
  position: absolute;
  left: 0;
  top: 40px;
}
.entry-navi .entry-navi-next {
  position: absolute;
  right: 0;
  top: 40px;
}

.entry-navi .entry-navi-index {
  color: #fff;
  background: #1457a0;
  border-color: #1457a0;
  position: relative;
}

.entry-navi-prev:before,
.entry-navi-next:before,
.entry-navi-index:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 1px solid #1457a0;
  border-right: 1px solid #1457a0;
  position: absolute;
  top: 50%;
}

.entry-navi-prev:before {
  left: 15px;
  transform: rotate(225deg) translate(-0%, -50%);
  margin-top: -5px;
}
.entry-navi-next:before {
  right: 15px;
  transform: rotate(45deg) translate(-0%, -50%);
}
.entry-navi-index:before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 15px;
  transform: rotate(45deg) translate(-0%, -50%);
}

@media screen and (max-width: 767px) {
  .post-detail h3 {
  }

  .entry-navi a {
    font-size: 12px;
    padding: 10px 15px;
  }

  .entry-navi-prev:before {
    left: 5px;
  }

  .entry-navi-next:before,
  .entry-navi-index:before {
    right: 5px;
  }
}

/*スマホ用************************************************************************************************************************************************/

@media screen and (max-width: 599px) {
  .swiper-slide-active {
    height: 200px !important;
  }

  .order1 {
    order: 1;
  }

  .order2 {
    order: 2;
  }

  .order3 {
    order: 3;
  }

  .order4 {
    order: 4;
  }

  .order5 {
    order: 5;
  }

  .sp_size {
    width: 90%;
    margin: 20px;
  }

  header .logo {
    font-size: 1.4em;
    font-weight: normal;
    padding: 10px 0px;
  }

  .header_left {
    display: none;
  }

  .nav_container {
    display: none;
  }

  .header_container_right {
    display: none;
  }

  .footer_container1 {
    display: none;
  }

  .sidebar {
    display: none;
  }

  .swiper-slide {
    position: relative;
    z-index: 5 !important;
  }
  .mobile_logo {
    position: relative;
    z-index: 10005 !important;
    width: 100%;
    height: 50px;
    padding: 15px 0px 0px 15px;
    background-color: #025bac;
  }

  .mobile_logo img {
    width: 70%;
  }

  .header {
    /*border-top: #025bac solid 8px;*/
    background-color: #025bac;
    color: white;
    padding: 20px 0px 10px 0px;
  }

  .header_container img {
    width: 80%;
  }

  .header_container {
    width: 90%;
    margin: 0 auto;
  }

  .swiper-pagination {
    display: none;
  }

  .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
  }

  .submit {
    color: white;
    background-color: #ff9933;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
  }

  .top_button {
    color: white;
    background-color: #ff9933;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
  }

  .top_button2 {
    color: white;
    background-color: #ff9933;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 40px;
  }

  .footer_top_size {
    background-color: #bae3f9;
  }

  .footer_top {
    height: 30px;
    line-height: 30px;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 2em;
  }

  .footer_container2 {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    padding: 10px 0px 0px 15px;
    color: white;
    background-color: #025bac;
  }

  .footer_end_size {
    background-color: #025bac;
  }

  .footer_end {
    color: white;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
  }

  /*店舗紹介*/
  .mainpic_shop {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/shop_mainpic.jpg)
      center center / cover no-repeat;
  }

  .shop_article {
    background-color: #fafafa;
    padding-top: 1px;
  }

  .shop_article .shop-menu {
    text-align: center;
    font-size: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: center;
    justify-content: center;
    margin: 20px 15px 10px 15px;
  }

  .shop_article .shop-menu li {
    margin: 0 18px 10px 18px;
  }
  .shop_article .shop-menu li a {
    position: relative;
    padding-right: 15px;
  }
  .shop_article .shop-menu li a:before {
    position: absolute;
    border: 5px solid transparent;
    border-top: 5px solid #7298c5;

    content: "";
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -3px;
  }

  .shop_article_last {
    background-color: #fafafa;
    padding: 26px 26px 30px 26px;
  }

  .shop_article_container2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .shop_article_container3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .shop_title {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 2.6em;
  }

  .shop_title2 {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #dddddd;
    margin-bottom: 10px;
    font-size: 2.6em;
  }

  .shop_article_container3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .shop_picsize {
    padding: 30px 15px;
  }
  .shop_picsize:nth-child(even) {
    background: #e4edf4;
  }

  .shop_picsize img {
    max-width: 100%;
  }

  .shop_picsize2 {
    width: 49%;
    padding-bottom: 15px;
  }

  .shop_name {
    line-height: 25px;
    font-size: 2.4em;
  }

  .shop_name1 {
    width: 100%;
    font-size: 1.6em;
    text-align: left;
    margin-top: 10px;
  }

  .shop_name1 span {
    font-weight: bold;
    font-size: 1.8em;
    color: #1457a0;
    margin-left: 10px;
  }

  .shop_picsize .sp-only {
    font-size: 1.6em;
    margin-top: 10px;
  }

  .shop_picsize .btn01 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #1457a0;
    background: #1457a0;
    color: #fdfdfc;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    transition: 0.2s;
    margin-bottom: 20px;
    font-size: 14px;
  }
  .shop_picsize .btn01:before {
    content: "";
    position: absolute;
    top: 25px;
    right: 15px;
    width: 6px;
    height: 9px;
    background: url(assets/images/common/arrow02.png) center/100% no-repeat;
  }
  .shop_picsize .btn01:hover {
    background: #fdfdfc;
    color: #1457a0;
  }
  .shop_picsize .btn01:hover:before {
    background: url(assets/images/common/arrow01.png) center/100% no-repeat;
  }

  .top-address {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .top-address li {
    width: 48%;
  }

  .top-address a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border: 1px solid #7298c5;
    background: #7298c5;
    color: #fdfdfc;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    transition: 0.2s;
    cursor: pointer;
    font-size: 14px;
  }
  .top-address a:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-size: auto 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #d9e3ed;
    border-radius: 100%;
  }
  .top-address .tel a:before {
    background-image: url(assets/images/shop/icon-tel-blue.svg);
  }
  .top-address .access a:before {
    background-image: url(assets/images/shop/icon-map-blue.svg);
  }

  .top-address a:hover {
    background-color: #fff;
    color: #7298c5;
  }

  .shop_button {
    color: white;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    line-height: 1.5;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .shop_info {
    width: 100%;
    font-size: 1.6em;
  }

  .mainpic_support {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/support_mainpic.jpg)
      center center / cover no-repeat;
  }

  .support_article {
    background-color: #fafafa;
    padding: 26px 26px 10px 26px;
  }

  .support_article2 {
    background-color: #fafafa;
    padding: 26px;
  }

  .support_article_title {
    height: 41px;
    line-height: 41px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #dddddd;
    font-size: 2em;
    font-weight: normal;
  }

  .support_article_title2 {
    height: 41px;
    line-height: 41px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #dddddd;
    font-size: 2em;
  }

  .support_article_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .support_pic {
    width: 400px;
  }

  .support_text {
    width: 100%;
  }

  .support_title {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 2.5em;
  }

  .support_button {
    color: white;
    background-color: #ff9933;
    width: 220px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 20px;
  }

  .support_button a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .support_button2 {
    color: white;
    width: 80%;
    height: 40px;
    line-height: 40px;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 15px;
    font-size: 2.2em;
  }

  .support_button2 a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .support_title2 {
    width: 100%;
    margin-bottom: 20px;
    font-size: 1.9em;
  }

  .support_mail_size {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .support_mail_size img {
    width: 100%;
  }

  .support_mail_text {
    font-size: 1.8em;
  }

  .mainpic_product {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/product_mainpic.jpg)
      center center / cover no-repeat;
  }

  .product_title2 {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 2.6em;
  }

  .product_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .product_article_container {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
  }

  .product_article_container_size {
    width: 49%;
    margin-bottom: 10px;
  }

  .product_article_container2 {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .product_article_container3 {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .product_article_container_size2 {
    width: 49%;
  }

  .product_text_line {
    line-height: 1.5;
  }

  .product_text {
    line-height: 25px;
    border: 1px solid lightgray;
    background-color: white;
    vertical-align: middle;
    padding: 10px;
    margin: 10px 0px;
  }

  .product_text_red {
    color: #ad3335;
  }

  .product_text_red2 {
    color: red;
  }

  .product_text_blue {
    color: darkblue;
  }

  .product_pic {
    width: 48%;
    margin-bottom: 20px;
  }

  .product_text_line {
    line-height: 1.5;
    font-size: 1.7em;
  }

  .mainpic_visit {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/visit_mainpic.jpg)
      center center / cover no-repeat;
    z-index: -1;
  }

  .visit_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .visit_article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
  }

  .visit_article_container2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .visit_article_container3 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 20px;
  }

  .visit_pic {
    margin: 0px 2px;
  }

  .visit_text1 {
    width: 100%;
    line-height: 20px;
  }

  .visit_title_line {
    width: 120px;
    border-bottom: 2px black solid;
    padding-top: 5px;
    margin: 0 auto;
  }

  .visit_title {
    color: white;
    background-color: #225ba6;
    font-weight: normal;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 10px 0px;
    font-size: 2.6em;
    line-height: 25px;
  }

  .visit_subtitle {
    font-size: 1.9em;
    margin-bottom: 10px;
    text-align: center;
  }

  .visit_title2 {
    background-color: lightgrey;
    font-weight: normal;
    width: 695px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .visit_button {
    color: white;
    height: 40px;
    width: 100%;
    line-height: 40px;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    font-size: 1.4em;
  }

  .visit_button a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .visit_button2 {
    color: white;
    width: 90%;
    height: 50px;
    line-height: 50px;
    background-color: #ff9933;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 2.5em;
  }

  .visit_button2 a:hover {
    background-color: #ff730d;
    opacity: 1;
  }

  .visit_button_size {
    font-size: 1.69em;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10px;
  }

  .visit_text_size {
    font-size: 2em;
  }

  .visit_text_size2 {
    font-size: 2em;
  }

  .check_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .check_article_last {
    background-color: #fafafa;
    height: 860px;
    padding: 26px 26px 20px 26px;
  }

  .check_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0px;
    letter-spacing: -0.05em !important;
  }

  .check_container_size1 {
    color: #205b9f;
    margin-bottom: -10px;
  }

  .mainpic_check {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/check_mainpic.jpg)
      center center / cover no-repeat;
  }

  .check_table th,
  .check_table td {
    width: 100%;
    display: block;
    border-top: none;
  }

  /* css checkbox01 */
  .checkbox01-input {
    display: none;
  }
  .checkbox01-parts {
    padding-left: 30px;
    position: relative;
    margin-right: 20px;
  }

  .checkbox01-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 4px;
  }

  .checkbox01-input:checked + .checkbox01-parts::after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 6px;
    width: 7px;
    height: 17px;
    transform: rotate(40deg);
    border-bottom: 3px solid red;
    border-right: 3px solid red;
  }

  .check_text {
    line-height: 25px;
    border: 1px solid lightgray;
    background-color: white;
    vertical-align: middle;
    padding: 10px;
    text-decoration: none;
  }

  .check_text_size {
    font-size: 2.2em;
  }

  .check_text a:hover {
    text-decoration: underline;
  }

  .check_border {
    border-top: 1px solid lightgray;
  }

  .text_right {
    text-align: right;
  }

  table th {
    /*table内のthに対して*/
    padding: 5px 4px;
    letter-spacing: -0.07em !important;
  }

  table td {
    /*table内のtdに対して*/
    padding: 5px 5px;
    /*上下3pxで左右10px*/
  }

  .chack_table_size {
    width: 110px;
  }

  .table_color {
    background-color: #e8e8e8;
  }

  .table_color1 {
    background-color: #a0bc7f;
  }

  .table_color2 {
    background-color: #f9e277;
  }

  .table_color3 {
    background-color: #f3b47a;
  }

  .table_color4 {
    background-color: #ed8e76;
  }

  .table_color5 {
    background-color: #e95a60;
  }

  .table_color6 {
    background-color: #badbf7;
  }

  .table_color7 {
    background-color: #bae3f9;
  }

  #tbl-bdr table,
  #tbl-bdr td,
  #tbl-bdr th {
    border-collapse: collapse;
    border: 1px solid lightgray;
  }

  .table_width {
    width: 100%;
  }

  .table_size {
    width: 80px;
  }

  .mainpic_assist {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/assist_mainpic.jpg)
      center center / cover no-repeat;
  }

  .assist_article {
    background-color: #fafafa;
    padding: 26px 26px 20px 26px;
  }

  .assist_article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .assist_box {
    line-height: 50px;
    height: 50px;
    background-color: #dddddd;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
  }

  .assist_li_size {
    padding-bottom: 10px;
  }

  .assist_container_box {
    width: 320px;
    margin-bottom: 10px;
  }

  .assist_table_size_left {
    width: 10%;
  }

  .assist_table_size_center {
    width: 20%;
  }

  .assist_table_size_right {
    width: 70%;
  }

  .assist_color {
    color: #0051a2;
  }

  .mainpic_petiteinfo {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/petiteinfo_mainpic.jpg)
      center center / cover no-repeat;
  }

  .petiteinfo_article {
    background-color: #fafafa;
    padding: 26px 26px 0px 26px;
  }

  .petiteinfo_article_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .bordering-arrow-center {
    width: 100%;
    line-height: 50px;
    height: 50px;
    background-color: #dddddd;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
    font-size: 2.4em;
  }

  .petiteinfo_title {
    text-align: center;
    font-size: 2.3em;
    clear: both;
    margin-top: 5px;
    padding-bottom: 10px;
  }

  .petiteinfo_text_margin-top {
    margin-top: -20px;
  }

  .clear_both {
    clear: both;
  }

  .petiteinfo_text_g {
    color: #025bac;
  }

  .petiteinfo_text_height {
    height: 50px;
  }

  .petiteinfo_pic {
    width: 330px;
  }

  .font_space {
    letter-spacing: -0.05em;
  }

  .font_line_height {
    line-height: 1.3em;
  }

  .yarpp-related button {
    margin-bottom: 20px;
  }

  h3 {
    font-size: 2.5em;
    border-top: #005bac solid 2px;
    border-bottom: #005bac solid 2px;
    margin-bottom: 20px;
    text-align: center;
  }

  h2 {
    font-size: 2.5em;
    border-top: #005bac solid 2px;
    border-bottom: #005bac solid 2px;
    margin-bottom: 20px;
  }

  .entry {
    margin-top: 20px;
    font-size: 2em;
  }

  .catefory_entry {
    font-size: 2em;
  }

  .time {
    font-size: 1.6em;
    display: inline;
  }

  .postmetadata {
    font-size: 1.6em;
    display: inline;
  }

  .wp-post-image {
    width: 100%;
  }

  .category_pagination_size {
    width: 100%;
  }

  .category_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
  }

  .category_container_size {
    width: 100%;
    margin-bottom: 20px;
  }

  .category_container_left {
    width: 40%;
  }

  .category_container_right {
    width: 55%;
  }

  .frontcatch_size a img:hover {
    -webkit-filter: brightness(0.7);
    -moz-filter: brightness(0.7);
    -o-filter: brightness(0.7);
    -ms-filter: brightness(0.7);
    filter: brightness(0.7);
  }

  .post_body {
    font-size: 2.2em;
    font-weight: bold;
  }

  .post_body a:hover {
    text-decoration: underline;
  }

  .post_date {
    font-size: 1.6em;
  }

  /*投稿ページメイン画像*/
  .cat-7 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/reviews_mainpic.jpg)
      center center / cover no-repeat;
    z-index: -1;
  }

  .cat-4 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/information_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-3 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/news_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-2 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/attention_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-8 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/staffblog_mainpic.jpg)
      center center / cover no-repeat;
  }

  .cat-5 {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/qa_mainpic.jpg)
      center center / cover no-repeat;
  }

  .post-navigation {
    overflow: hidden;
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }

  .prev {
    font-size: 2em;
    float: left;
  }

  .next {
    font-size: 2em;
    float: right;
  }

  .main_content {
    width: 100%;
    margin: 0 auto;
  }

  .main {
    width: 100%;
  }

  .article {
    background-color: #fafafa;
    padding: 26px 26px 10px 26px;
  }

  .article_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 15px;
  }

  .article_container_size {
    width: 100%;
  }

  .blog_pic {
    width: 100%;
    height: auto;
    background-color: lightgray;
    margin-bottom: 10px;
  }

  .yarpp-thumbnail-title {
    font-size: 2.2em;
    font-weight: bold;
  }

  .yarpp-related p {
    font-size: 14px;
  }

  .submit_button {
    color: white;
    background-color: #ff9933;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
  }

  .mainpic_contact {
    width: 100%;
    height: 120px;
    object-fit: cover;
    background: url(/hearing/wp-content/themes/kawamura-hearing/images/contact_mainpic.jpg)
      center center / cover no-repeat;
  }

  .wpcf7 input[name="yubin"] {
    width: 30%;
    height: 35px !important;
  }

  .table-sp {
  }
  .table-sp tr {
  }
  .table-sp td {
    margin: 0;
  }

  .table-sp,
  .table-sp tbody,
  .table-sp tr,
  .table-sp th,
  .table-sp td {
    display: block;
    height: auto;
    width: 100%;
  }

  .table-ctf7,
  .table-ctf7 tbody,
  .table-ctf7 tr,
  .table-ctf7 th,
  .table-ctf7 td {
    display: block;
    height: auto;
    width: 100%;
  }

  .contact-shop-sp {
    font-size: 1.8em;
  }

  .wpcf7 th,
  .wpcf7 td {
    width: 100%;
    display: block;
    border-top: none;
  }

  .wpcf7 input[name="namae"],
  .wpcf7 input[name="kana"],
  .wpcf7 input[name="address1"],
  .wpcf7 input[name="address2"],
  .wpcf7 input[name="tel"],
  .wpcf7 input[name="mail"],
  .wpcf7 input[name="your-kibou1"],
  .wpcf7 input[name="your-kibou2"],
  .wpcf7 input[name="your-kibou3"],
  .wpcf7 input[name="your-subject"] {
    width: 100%;
    height: 35px !important;
  }

  .wpcf7 input[name="your-kibou1"],
  .wpcf7 input[name="your-kibou2"],
  .wpcf7 input[name="your-kibou3"] {
    width: 50%;
    height: 35px !important;
  }

  .wpcf7 textarea[name="textarea"] {
    width: 100%;
    height: 200px !important;
  }

  table-ctf7 tr th,
  tr {
    height: 40px;
  }

  table-ctf7 td {
    font-size: 0.9;
  }

  .contact_table_width {
    width: 75%;
  }

  .contact_table_width2 {
    width: 40%;
  }

  contact_left {
    width: 30% !important;
    text-align: right;
  }

  contact_right {
    width: 70% !important;
  }

  th {
    text-align: left;
    font-weight: bold;
  }

  .text_tr {
    height: 225px;
  }

  .table-ctf7 tr:nth-child(even) {
    background-color: #f9f9f9;
    /* 偶数行をうっすらグレーに */
  }

  .contact_article {
    background-color: #fafafa;
    padding: 26px 26px 36px 26px;
    position: relative;
    z-index: 1;
  }

  .top_text {
    vertical-align: top;
    padding-top: 15px;
  }

  .img-right2 {
    margin-left: auto;
    width: 120px;
  }

  .wpcf7-radio .wpcf7-list-item {
    margin-top: 10px;
    display: block;
  }

  .button_size {
    height: 50px;
    width: 200px;
  }

  .contact_button {
    color: white;
    background-color: #225ba6;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 2.5em;
  }

  .contact_button a:hover {
    background-color: #1b4883;
  }

  .contact_Required {
    color: white;
    background-color: red;
    font-size: 0.6em;
    font-weight: normal;
    padding: 2px 6px;
  }

  .shop_time {
    font-size: 0.7em;
  }

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

  .pc-tel {
    display: none;
  }

  .mobile-tel {
    font-size: 1.6em;
  }
  .mobile-tel2 {
  }
  .mobile-mb {
    margin-bottom: 16px;
    margin-top: -11px;
  }

  .mainvisual {
    height: 85px;
  }
}

/*---------------##############################################----------------------*/

/* _setting CSS */
/*
* common
*/
/* ------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");

/*
===== pagetitle =====
*/

.pagetitle {
  color: #1457a0;
  background: #f0f1f6;
  position: relative;
}
body.page-template-shop202004 .pagetitle,
body.page-template-shop-child202004 .pagetitle {
  background: url(assets/images/shop/pagetitle-common-r.jpg);
}

.pagetitle.ver-news {
  background-color: #fff;
}
.pagetitle.ver-reviews {
  background-color: #fdfdfc;
}

.pagetitle:before {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 70%;
  content: "";
  background: url(assets/images/shop/pagetitle-pc.jpg) left center no-repeat;
  background-size: cover;
}

.pagetitle .inner {
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  height: 250px;
}

.pagetitle .name {
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
  transform: translate(-0%, -50%);
  border: none;
  font-weight: normal;
}

.pagetitle .name {
  display: inline-block;
  border-bottom: 2px solid #96b4d4;
  position: relative;
  padding-bottom: 10px;
  font-size: 22px;
  line-height: 1.4;
}
.pagetitle.ver-takatsuki .name,
.pagetitle.ver-tachibana .name,
.pagetitle.ver-sakai .name,
.pagetitle.ver-minamimorimachi .name,
.pagetitle.ver-hirano .name,
.pagetitle.ver-daitou .name{
  font-size: 28px;
}
.pagetitle .name:before {
  background: #487cb5;
  position: absolute;
  left: 0;
  bottom: -3px;
  content: "";
  height: 4px;
  width: 50px;
}
.pagetitle .name span {
  font-size: 28px;
  color: #1457A0;
}
.pagetitle.ver-takatsuki .name span,
.pagetitle.ver-tachibana .name span,
.pagetitle.ver-sakai .name span,
.pagetitle.ver-minamimorimachi .name span,
.pagetitle.ver-hirano .name span,
.pagetitle.ver-daitou .name span {
  margin-right: 10px;
  font-size: 18px;
}

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

@media screen and (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
  .pagetitle {
  }
  .pagetitle:before {
    background-image: url(assets/images/shop/pagetitle-sp.jpg);
  }

  .pagetitle .inner {
    height: 150px;
    margin: 0 15px;
  }
  .pagetitle.ver-takatsuki .name,
  .pagetitle.ver-tachibana .name,
  .pagetitle.ver-sakai .name,
  .pagetitle.ver-minamimorimachi .name,
  .pagetitle.ver-hirano .name,
  .pagetitle.ver-daitou .name{
    font-size: 22px;
  }
  .pagetitle .name span {
    font-size: 22px;
  }
  .pagetitle.ver-takatsuki .name span,
  .pagetitle.ver-tachibana .name span,
  .pagetitle.ver-sakai .name span,
  .pagetitle.ver-minamimorimachi .name span,
  .pagetitle.ver-hirano .name span,
  .pagetitle.ver-daitou .name span {
   font-size: 16px;
  }
}

/* ver */

.pagetitle.ver-petiteinfo:before {
  background-image: url(assets/images/petiteinfo/pagetitle-pc.jpg);
}
.pagetitle.ver-contact:before {
  background-image: url(assets/images/contact/pagetitle-pc.jpg);
}
.pagetitle.ver-reviews:before {
  background-image: url(assets/images/reviews/pagetitle-pc.jpg);
}
.pagetitle.ver-visit:before {
  background-image: url(assets/images/visit/pagetitle-pc.jpg);
}
.pagetitle.ver-check:before {
  background-image: url(assets/images/check/pagetitle-pc.jpg);
}
.pagetitle.ver-product:before {
  background-image: url(assets/images/product/pagetitle-pc.jpg);
}
.pagetitle.ver-support:before {
  background-image: url(assets/images/support/pagetitle-pc.jpg);
}
.pagetitle.ver-assist:before {
  background-image: url(assets/images/assist/pagetitle-pc.jpg);
}
.pagetitle.ver-question:before {
  background-image: url(assets/images/question/pagetitle-pc.jpg);
}
.pagetitle.ver-attention:before {
  background-image: url(assets/images/attention/pagetitle-pc.jpg);
}
.pagetitle.ver-news:before {
  background-image: url(assets/images/news/pagetitle-pc.jpg);
}
.pagetitle.ver-staffblog:before {
  background-image: url(assets/images/staffblog/pagetitle-pc.jpg);
}

/*
.pagetitle.ver-takatsuki:before{background-image:url(assets/images/takatsuki/pagetitle-pc.jpg);}
.pagetitle.ver-tachibana:before{background-image:url(assets/images/tachibana/pagetitle-pc.jpg);}
.pagetitle.ver-sakai:before{background-image:url(assets/images/sakai/pagetitle-pc.jpg);}
.pagetitle.ver-minamimorimachi:before{background-image:url(assets/images/minamimorimachi/pagetitle-pc.jpg);}
.pagetitle.ver-hirano:before{background-image:url(assets/images/hirano/pagetitle-pc.jpg);}
*/

.pagetitle.ver-shop:before,
.pagetitle.ver-takatsuki:before,
.pagetitle.ver-tachibana:before,
.pagetitle.ver-sakai:before,
.pagetitle.ver-minamimorimachi:before,
.pagetitle.ver-hirano:before,
.pagetitle.ver-daitou:before{
  background-image: url(assets/images/shop/pagetitle-common-pc.jpg);
}

@media screen and (max-width: 767px) {
  .pagetitle.ver-petiteinfo:before {
    background-image: url(assets/images/petiteinfo/pagetitle-sp.jpg);
  }
  .pagetitle.ver-contact:before {
    background-image: url(assets/images/contact/pagetitle-sp.jpg);
  }
  .pagetitle.ver-reviews:before {
    background-image: url(assets/images/reviews/pagetitle-sp.jpg);
  }
  .pagetitle.ver-visit:before {
    background-image: url(assets/images/visit/pagetitle-sp.jpg);
  }
  .pagetitle.ver-check:before {
    background-image: url(assets/images/check/pagetitle-sp.jpg);
  }
  .pagetitle.ver-product:before {
    background-image: url(assets/images/product/pagetitle-sp.jpg);
  }
  .pagetitle.ver-support:before {
    background-image: url(assets/images/support/pagetitle-sp.jpg);
  }
  .pagetitle.ver-assist:before {
    background-image: url(assets/images/assist/pagetitle-sp.jpg);
  }
  .pagetitle.ver-question:before {
    background-image: url(assets/images/question/pagetitle-sp.jpg);
  }
  .pagetitle.ver-attention:before {
    background-image: url(assets/images/attention/pagetitle-sp.jpg);
  }
  .pagetitle.ver-news:before {
    background-image: url(assets/images/news/pagetitle-sp.jpg);
  }
  .pagetitle.ver-staffblog:before {
    background-image: url(assets/images/staffblog/pagetitle-sp.jpg);
  }

  /*
.pagetitle.ver-takatsuki:before{background-image:url(assets/images/takatsuki/pagetitle-pc.jpg);}
.pagetitle.ver-tachibana:before{background-image:url(assets/images/tachibana/pagetitle-pc.jpg);}
.pagetitle.ver-sakai:before{background-image:url(assets/images/sakai/pagetitle-pc.jpg);}
.pagetitle.ver-minamimorimachi:before{background-image:url(assets/images/minamimorimachi/pagetitle-pc.jpg);}
.pagetitle.ver-hirano:before{background-image:url(assets/images/hirano/pagetitle-pc.jpg);}
*/

  body.page-template-shop202004 .pagetitle,
  body.page-template-shop-child202004 .pagetitle {
    background: url(assets/images/shop/pagetitle-common-r-sp.jpg);
  }

  .pagetitle.ver-shop:before,
  .pagetitle.ver-takatsuki:before,
  .pagetitle.ver-tachibana:before,
  .pagetitle.ver-sakai:before,
  .pagetitle.ver-minamimorimachi:before,
  .pagetitle.ver-hirano:before,
  .pagetitle.ver-daitou:before{
    background-image: url(assets/images/shop/pagetitle-common-sp.jpg);
  }
}

/*
===== pankuzu =====
*/

.pankuzu {
  background: #fdfdfc;
}

body.post-type-archive-reviews .pankuzu {
  background: #f0f1f6;
}

body.page-template-shop-child202004 .pankuzu {
  background: #e4edf4;
}

.pankuzu * {
  font-family: "MSゴシック", "Hiragino Kaku Gothic ProN";
  font-size: 14px;
}

.pankuzu .inner {
  margin: 0 auto;
  max-width: 1000px;
  padding: 10px 0;
}

.pankuzu ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
.pankuzu li {
}

.pankuzu li a:after {
  content: ">";
  display: inline;
  margin: 0 3px;
}

@media screen and (max-width: 767px) {
  .pankuzu .inner {
    margin: 0 15px;
  }

  .pankuzu ul {
    display: block;
    text-align: left;
  }
  .pankuzu li {
    display: inline;
  }
  .pankuzu li a {
    display: inline;
  }
}

/*
===== form-contents =====
*/

.form-contents {
  font-size: 1.4rem;
}

.form-contents * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.form-contents p {
  margin-bottom: 1em;
}

.form-contents .group {
  margin-bottom: 50px;
}

.form-contents .group .head {
  text-align: center;
  font-size: 2.2rem;
  color: #1457a0;
  margin-bottom: 20px;
  font-weight: bold;
}
.form-contents .group .head img {
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 24px;
}

.form-contents .tel-section .inner {
  margin: 0 auto;
  padding: 20px;
  border: 2px solid #96b4d4;
  background: #fdfdfc;
}
.form-contents .tel-section .inner .item {
  display: flex;
  margin-bottom: 20px;
  -webkit-justify-content: center;
  justify-content: center;

  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.form-contents .tel-section .inner .item:last-child {
  margin-bottom: 0;
}

.form-contents .tel-section .name {
  font-size: 16px;
  font-weight: bold;
  margin-right: 25px;
  background: #e4ecf4;
  text-align: center;
  min-width: 5em;
  padding: 0 5px;
  line-height: 26px;
}
.form-contents .tel-section .data {
  text-align: left;
  width: 320px;
}
.form-contents .tel-section .num {
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
}
.form-contents .tel-section .eigyo {
  font-size: 1.5rem;
}

.form-contents .tel-section .notes {
  color: #8b0000;
}

.wpcf7-list-item-label .notes {
  color: #8b0000;
}

@media screen and (max-width: 767px) {
  .form-contents .tel-section .inner .item {
    display: block;
    text-align: center;
    width: auto;
  }

  .form-contents .tel-section .name {
    margin-right: 0;
    margin-bottom: 5px;
  }

  .form-contents .tel-section .data {
    text-align: center;
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }

  .form-contents table.table01 {
    width: 100%;
    margin: -1px;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
  .form-contents table.table01 th,
  .form-contents table.table01 td {
    border: solid 1px #96b4d4;
    padding: 15px;
  }
  .form-contents table.table01 th {
    width: 308px;
    padding: 22px 15px;
    background: rgba(20, 87, 160, 0.2);
    font-size: 1.6rem;
    font-weight: normal;
    vertical-align: top;
  }
  .form-contents table.table01 td {
    padding-left: 30px;
    background: #fdfdfc;
  }
  .form-contents table.table01 .contact_Required {
    color: #fff;
    background-color: #db4646;
    font-size: 1.1rem;
    font-weight: normal;
    padding: 4px 6px;
    float: right;
    height: 20px;
    border-radius: 3px;
    margin-left: 20px;
    line-height: 1;
  }
  .form-contents input[type="text"],
  .form-contents input[type="tel"],
  .form-contents input[type="email"],
  .form-contents input[type="password"],
  .form-contents textarea {
    height: 40px;
    margin: 0 20px 0 0;
    line-height: 30px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #f5f5f5;
  }
  .form-contents textarea {
    width: 100%;
    height: 200px;
  }
  .form-contents label,
  .form-contents input[type="checkbox"],
  .form-contents input[type="radio"],
  .form-contents input[type="button"],
  .form-contents input[type="submit"],
  .form-contents button,
  .form-contents select {
    outline: none;
    cursor: pointer;
  }
  .form-contents select {
    font-size: 1.6rem;
    padding: 5px;
    background: #f5f5f5;
  }
  .form-contents input.input_s {
    width: 268px;
  }
  .form-contents input.input_m {
    width: 452px;
  }
  .form-contents input.input_l {
    width: 100%;
  }
  .form-contents .product_text_red2 {
    color: #db4646;
    margin: 3px 0 0;
  }
  .form-contents .form02 {
    font-size: 1.6rem;
  }
  .form-contents .form02 select {
    margin-right: 10px;
  }
  .form-contents .form02 p {
    margin-bottom: 10px;
  }
  .form-contents .form02 .serect01 {
    margin-bottom: 15px;
  }
  .form-contents .agree_wrap {
    line-height: 2;
    font-size: 1.6rem;
    text-align: center;
    margin: 20px 0;
  }
  .form-contents .agree_wrap a {
    display: inline-block;
    text-decoration: underline;
  }
  .form-contents .btn01 {
    margin: 0 auto;
  }
  .form-contents .btn01 input.submit {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    font-size: 1.6rem;
    color: #fdfdfc;
  }
  .form-contents .btn01:hover input.submit {
    color: #1457a0;
  }
}

@media screen and (max-width: 767px) {
  .form-contents table.table01 {
    display: block;
    width: 100%;
    border: 2px solid #96b4d4;
    border-collapse: collapse;
    margin-bottom: 30px;
  }
  .form-contents table.table01 tbody {
    display: block;
    width: 100%;
  }
  .form-contents table.table01 tr {
    display: block;
    height: auto;
    border: solid 1px #96b4d4;
  }
  .form-contents table.table01 th,
  .form-contents table.table01 td {
    display: block;
    padding: 10vw 5vw;
  }
  .form-contents table.table01 th {
    padding: 3vw 8vw 3vw 3vw;
    background: rgba(20, 87, 160, 0.2);
    font-size: 1.6rem;
    font-weight: normal;
    vertical-align: top;
  }
  .form-contents table.table01 td {
    display: block;
    width: 100%;
    padding: 3vw;
    background: #fdfdfc;
  }
  .form-contents table.table01 .contact_Required {
    color: #fff;
    background-color: #db4646;
    font-size: 1.1rem;
    font-weight: normal;
    padding: 4px 6px;
    float: right;
    height: 20px;
    border-radius: 3px;
    margin-left: 20px;
    line-height: 1;
  }
  .form-contents input[type="text"],
  .form-contents input[type="tel"],
  .form-contents input[type="email"],
  .form-contents input[type="password"],
  .form-contents textarea {
    width: 100%;
    height: 10vw;
    margin: 0 20px 0 0;
    line-height: 2;
    padding: 5px 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #f5f5f5;
  }
  .form-contents textarea {
    width: 100%;
    height: 70vw;
  }
  .form-contents label,
  .form-contents input[type="checkbox"],
  .form-contents input[type="button"],
  .form-contents input[type="submit"],
  .form-contents button,
  .form-contents select {
    outline: none;
    cursor: pointer;
    width: 100%;
  }
  .form-contents select {
    width: 100%;
    font-size: 1.6rem;
    padding: 5px;
    background: #f5f5f5;
  }
  .form-contents .product_text_red2 {
    color: #db4646;
    margin: 3px 0 0;
  }
  .form-contents .form02 {
    font-size: 1.6rem;
  }
  .form-contents .form02 select {
    margin-right: 10px;
    width: 18vw;
  }
  .form-contents .form02 p {
    margin-bottom: 10px;
  }
  .form-contents .form02 .serect01 {
    margin-bottom: 15px;
  }
}

.form-contents .subhead {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 15px;
}

.form-contents .reserve-group {
  margin-bottom: 35px;
  margin-top: 35px;
}

.form-contents .reserve-head {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1.8rem;
}

.form-button {
  padding-bottom: 35px;
  text-align: center;
}

.form-button input[type="submit"] {
  color: #fff;
  padding: 15px;
  width: 100%;
  display: block;
  font-size: 1.8rem;
  background: #1457a0;
  box-shadow: 2px 2px 2px rgba(100, 100, 100, 0.3);
  margin: 0 auto;
  max-width: 300px;
}

/*
===== bottom-oyakudachi =====
*/

.bottom-oyakudachi {
  font-family: "Noto Sans JP", sans-serif;
  background: #e4ecf4;
  font-size: 1.6rem;
  line-height: 1.4;
  padding-top: 30px;
  padding-bottom: 60px;
  clear: both;
}
.bottom-oyakudachi * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.bottom-oyakudachi .head {
  text-align: center;
  color: #1457a0;
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 40px 0;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .bottom-oyakudachi .common_inner {
  }
  .bottom-oyakudachi ul {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .bottom-oyakudachi ul li {
    width: 235px;
    margin: 0px 20px 0 0;
    border: 1px solid #96b4d4;
    background: #fff;
  }
  .bottom-oyakudachi ul li a {
    display: block;
  }
  .bottom-oyakudachi ul li a:hover {
    background: #e4ecf4;
  }
  .bottom-oyakudachi ul li img {
    display: block;
  }
  .bottom-oyakudachi ul li .text {
    position: relative;
    padding: 10px 15px;
    color: #1457a0;
    font-weight: 500;
  }
  .bottom-oyakudachi ul li .text:before {
    content: "";
    position: absolute;
    top: 22px;
    right: 15px;
    width: 6px;
    height: 9px;
    background: url(assets/images/takatsuki/arrow01.png) center/100% no-repeat;
  }
}

@media screen and (max-width: 767px) {
  .sp-textl {
    text-align: left !important;
  }

  .bottom-oyakudachi .common_inner {
    padding: 0 5.33333vw;
  }

  .bottom-oyakudachi ul li {
    margin: 0 0 5vw 0;
    border: 1px solid #96b4d4;
    background: #fff;
  }
  .bottom-oyakudachi ul li:last-child {
    margin-bottom: 0;
  }

  .bottom-oyakudachi ul li a {
    display: block;
  }
  .bottom-oyakudachi ul li a:hover {
    background: #e4ecf4;
  }
  .bottom-oyakudachi ul li img {
    width: 100%;
    height: auto;
    display: block;
  }
  .bottom-oyakudachi ul li .text {
    position: relative;
    padding: 3vw 5vw;
    color: #2e2e2e;
  }
  .bottom-oyakudachi ul li .text:before {
    content: "";
    position: absolute;
    top: 22px;
    right: 15px;
    width: 6px;
    height: 9px;
    background: url(assets/images/takatsuki/arrow01.png) center/100% no-repeat;
  }
}

/*
===== side-fixed-banner =====
*/
.side-fixed-banner{
	position:fixed;
	right:0;
	bottom:30px;
	z-index:85;
	opacity:0;
	transition: all .3s;
}
.side-fixed-banner.hidden{
}
.side-fixed-banner .close{
	position:absolute;
	width:29px;
	height:29px;
	left:-29px;
	top:20px;
	background: url(/assets/images/common/icon-arrow.svg) center no-repeat #333333;
	cursor:pointer;
	background-size:8px 11px;
}
.side-fixed-banner .close img{
}
.side-fixed-banner.hidden .close{
	transform: scale(-1,1);
}
.side-fixed-banner .body{
	transition: all .3s;
	position:relative;
	right:0;
	width:230px;
}
.side-fixed-banner.hidden .body{
	right:-230px;
}
.side-fixed-banner a{
	position:relative;
	display:block;
	transition: all .3s;
}
.side-fixed-banner a:hover{
	opacity:0.7;
}
.side-fixed-banner .img-o{
	position:relative;
	z-index:2;
	transition: all .3s;
	opacity:1;
}
.side-fixed-banner.hidden .img-o{
	opacity:0;
}
.side-fixed-banner .img-c{
	position: absolute;
	z-index:1;
	top:0;
	left:0;
}

@media only screen and (max-width: 768px) {
.side-fixed-banner{
}
.side-fixed-banner .close{
	width:24px;
	height:24px;
	left:-24px;
}
.side-fixed-banner .body{
	width:182px;
}
.side-fixed-banner.hidden .body{
	right:-182px;
}
.side-fixed-banner a{
}
.side-fixed-banner img{
	width:auto;
	height:154px;
}
}

/* x */

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

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