@charset "utf-8";
/* CSS Document */

/*
Theme Name: AMATERASU
Description: Easy,SimpleDesign
Version: simple 1.1
Base Color: red
Author: AMATERASU
Author URI: http://www.seo-amaterasu.com/
*/

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }

  /* ヘッダー エリア */
  #header .description {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 15px 0 12px 0;
    border-top: 6px solid #326a3f;
    border-bottom: 2px solid #326a3f;
  }

  #header .description .inner {
    width: 1240px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: table;
  }

  #header .description .inner h1 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2em;
    color: #326a3f;
    padding: 5px 0;
    float: left;
  }

  #header .description .inner ul {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  #header .description .inner ul li {
    width: auto;
    height: auto;
    margin-left: 5px;
    padding: 0;
    float: right;
    border: 1px solid #326a3f;
  }

  #header .description .inner ul li a {
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    line-height: 1.2em;
    color: #326a3f;
    padding: 5px 14px;
    display: block;
    text-transform: uppercase;
    display: block;
    position: relative;
    overflow: hidden;
  }

  #header .description .inner ul li a:hover {
    color: #ffffff;
  }

  #header .description .inner ul li a::after {
    width: 0;
    height: 100%;
    content: "";
    position: absolute;
    left: -45%;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    transform: skew(50deg);
    transition-duration: 0.6s;
    transform-origin: top left;
    z-index: -1;
    background-color: #326a3f;
  }

  #header .description .inner ul li a:hover:after {
    width: 145%;
    height: 100%;
  }

  #header_in .inner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #header_in .inner ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #header_in .inner ul li {
    width: 290px;
    height: auto;
    margin-right: 10px;
    padding: 0;
    float: left;
  }

  #header_in .inner ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #header_in .inner ul li:first-child {
    width: 480px;
  }

  #header_in .inner ul li:first-child p {
    font-family: "arial", "メイリオ";
    font-size: 14px;
    text-align: center;
    line-height: 1.2em;
    color: #303c48;
    margin-top: 5px;
  }

  #header_in .inner ul li:last-child {
    width: 150px;
    margin: 0;
  }

  /* パンくずリスト エリア */
  #breadcrumb {
    margin: 0 0 15px 0;
  }

  #breadcrumb div {
    font-size: 12px;
    display: inline-block;
  }

  .footer-popup {
    width: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
  }

  .footer-popup ul {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
  }

  .footer-popup ul li {
    display: table-cell;
    background-color: #ff4b64;
  }

  .footer-popup ul li.tel {
    background-color: #ff8400;
    animation: buruburu 1s infinite;
  }

  @keyframes furifuri {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-2deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(2deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  @keyframes buruburu {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-2deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(2deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  @keyframes kurakura {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-1deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(1deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  .footer-popup ul li.contact {
    background-color: #92bfe0;
  }

  .footer-popup ul li a {
    display: block;
  }

  .footer-popup ul li a img {
    margin: auto;
  }

  /* コンテンツ エリア */
  #content h1 {
    width: 100%;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 30px;
    padding: 23px 10px 20px 10px;
    clear: both;
    color: #326a3f;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #326a3f;
    background-image: url("../amaterasu/images/body_bg.webp");
    background-position: 0 0;
    background-repeat: repeat;
  }

  #content h2 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding: 15px;
    clear: both;
    color: #ffffff;
    background-color: #326a3f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
  }

  #content h3 {
    width: 100%;
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding: 3px 10px;
    clear: both;
    color: #326a3f;
    border-bottom: 2px dotted #326a3f;
    border-left: 8px solid #326a3f;
  }

  #content h4,
  #content h5,
  #content h6 {
    width: auto;
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 15px;
    padding: 1px 7px 0 7px;
    clear: both;
    color: #303c48;
    border-left: 16px solid #326a3f;
  }

  #content h1 a {
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
    color: #326a3f;
  }

  #content h2 a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
  }

  #content h3 a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #303c48;
  }

  #content h4 a,
  #content h5 a,
  #content h6 a {
    width: auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #303c48;
  }

  #content h1 a:hover,
  #content h2 a:hover,
  #content h3 a:hover,
  #content h4 a:hover,
  #content h5 a:hover,
  #content h6 a:hover {
    opacity: 0.5;
  }

  #content .post {
    padding-bottom: 20px;
  }

  #content .eye_catch img {
    margin: 0 10px 20px 0;
    float: left;
  }

  /* 続きを読む エリア */
  a.more-link {
    font-size: 14px;
    text-align: right;
    margin-right: 10px;
    display: block;
  }

  a.more-link:hover {
    text-decoration: underline;
  }

  a.more-link:link,
  a.more-link:active,
  a.more-link:visited,
  a.more-link:hover {
    color: #dc143c;
  }

  /* ページトップ エリア */
  p.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
  }

  p.pagetop a {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    color: #ffffff;
    background-color: #f2843f;
    border: 1px solid #ffffff;
  }

  p.pagetop a:hover {
    opacity: 0.5;
  }

  /* フッター エリア */
  #footer_in .inner_left {
    width: 480px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  #footer_in .inner_left ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner_left ul li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner_left ul li p {
    font-family: "arial", "メイリオ";
    font-size: 14px;
    text-align: left;
    line-height: 1.2em;
    color: #303c48;
    margin-top: 10px;
    padding: 0;
  }

  #footer_in .inner_left ul li:first-child {
    margin-bottom: 35px;
  }

  #footer_in .inner_left ul li:first-child img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner_left ul li:last-child {
    width: 700px;
    height: auto;
    line-height: 1.2em;
    margin: 0 auto;
    padding-left: 2px;
  }

  #footer_in .inner_left ul li:last-child a {
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #303c48;
    margin-right: 5px;
    padding-left: 20px;
    background-image: url("../amaterasu/images/footer_nav_icon.png");
    background-position: left center;
    background-repeat: no-repeat;
  }

  #footer_in .inner_left ul li:last-child a.last {
    margin: 0;
  }

  #footer_in .inner_left ul li:last-child a:hover {
    opacity: 0.7;
  }

  #footer_in .inner_right {
    width: 480px;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  #footer_in .inner_right img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in p {
    width: 100%;
    height: auto;
    font-family: "arial", "メイリオ";
    font-size: 12px;
    text-align: center;
    color: #303c48;
    padding-top: 40px;
    clear: both;
  }

  /* ウィジェット エリア */
  #sidebar #widget-area {
    width: 100%;
    height: auto;
    display: table;
  }

  #sidebar #widget-area .widget-container {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    margin-bottom: 25px;
  }

  #sidebar #widget-area .widget-container img {
    width: 100%;
    height: auto;
    padding: 0;
  }

  #sidebar #widget-area .widget-container a img:hover {
    opacity: 0.5;
  }

  #sidebar #widget-area .widget-container p {
    width: 100%;
    height: auto;
    /* margin-bottom: 15px; */
    padding: 0;
    font-size: 15px;
  }

  #sidebar #widget-area .widget-container .side_menu p a {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.2em;
    color: #ffffff;
    transform: rotate(0.03deg);
    text-transform: uppercase;
    margin: 0;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    padding: 20px 0px;
    margin-bottom: 15px;
  }

  #sidebar #widget-area .widget-container .side_menu p.home a {
    background-color: #d84f3c;
  }

  #sidebar #widget-area .widget-container .side_menu p.price a {
    background-color: #f2843f;
  }

  #sidebar #widget-area .widget-container .side_menu p.access a {
    background-color: #1d7a50;
    margin-bottom: 0px;
  }

  #sidebar #widget-area .widget-container .side_menu p a:hover {
    color: #ffffff;
  }

  #sidebar #widget-area .widget-container .side_menu p a::after {
    width: 100%;
    height: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: -1;
  }

  #sidebar #widget-area .widget-container .side_menu p.home a::after {
    background-color: #992616;
  }

  #sidebar #widget-area .widget-container .side_menu p.price a::after {
    background-color: #a74f18;
  }

  #sidebar #widget-area .widget-container .side_menu p.access a::after {
    background-color: #034c2b;
  }

  #sidebar #widget-area .widget-container .side_menu p a:hover:after {
    height: 100%;
  }

  #sidebar #widget-area .widget-container ul {
    width: 100%;
    height: auto;
    padding: 0 10px;
    border: 1px solid #cccccc;
    border-top: none;
  }

  #sidebar #widget-area .widget-container ul li.report {
    width: 100%;
    height: auto;
    line-height: 1.4em;
    margin: 0;
    padding: 13px 0 10px 0;
    border-bottom: 2px dotted #999999;
    background-image: none;
  }

  #sidebar #widget-area .widget-container ul li.report span {
    font-size: 12px;
    line-height: 1.2em;
    display: block;
  }

  #sidebar #widget-area .widget-container ul li {
    width: 100%;
    height: auto;
    line-height: 1.2em;
    margin: 0;
    padding: 11px 0 10px 20px;
    border-bottom: 2px dotted #999999;
    background-image: url("../amaterasu/images/side_nav_icon.webp");
    background-size: 13px;
    background-position: center left;
    background-repeat: no-repeat;
  }

  #sidebar #widget-area .widget-container ul li:last-child {
    border: none;
  }

  #sidebar #widget-area .widget-container ul li a {
    font-size: 15px;
    text-decoration: none;
    color: #333333;
    margin: 0;
    padding: 0;
    transform: rotate(0.03deg);
    display: inline-block;
    position: relative;
    float: none;
  }

  #sidebar #widget-area .widget-container ul li a::after {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform 0.3s;
    background-color: #e3023e;
  }

  #sidebar #widget-area .widget-container ul li a:hover::after {
    transform: scale(1, 1);
  }

  #sidebar #widget-area .widget-container form#searchform {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 11px 0 11px;
    display: table;
    background-color: #f8f8f8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
  }

  #sidebar
    #widget-area
    .widget-container
    form#searchform
    label.screen-reader-text {
    margin-top: -3px;
  }

  #sidebar #widget-area .widget-container form#searchform input[type="text"] {
    width: 100%;
    border: 1px solid #cccccc;
  }

  #sidebar #widget-area .widget-container form#searchform input[type="submit"] {
    width: auto;
    font-size: 12px;
    margin: 5px 0 10px 0;
    padding: 0 15px;
    float: right;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
  }

  #sidebar
    #widget-area
    .widget-container
    form#searchform
    input[type="submit"]:hover {
    color: #cc0000;
  }

  #sidebar #widget-area .widget-container #calendar_wrap {
    width: auto;
    margin-bottom: 20px;
    padding: 0 15px 0 0;
    background-color: #f8f8f8;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }

  #sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar {
    width: 100%;
    margin-top: 10px;
  }

  #sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar th {
    font-weight: bold;
    text-align: right;
    color: #333333;
  }

  #sidebar #widget-area .widget-container #calendar_wrap table#wp-calendar td {
    text-align: right;
    color: #333333;
  }

  #sidebar
    #widget-area
    .widget-container
    #calendar_wrap
    table#wp-calendar
    td
    a {
    color: #dc143c;
  }

  #sidebar
    #widget-area
    .widget-container
    #calendar_wrap
    table#wp-calendar
    td
    a:hover {
    color: #999999;
  }

  #sidebar
    #widget-area
    .widget-container
    #calendar_wrap
    table#wp-calendar
    caption {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 10px;
    color: #333333;
  }

  #sidebar #widget-area .widget-container h3 {
    width: auto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    padding: 16px 0 13px 0;
    color: #ffffff;
    background-color: #326a3f;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    -ms-border-top-right-radius: 8px;
    -o-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -ms-border-top-left-radius: 8px;
    -o-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
  }

  #sidebar #widget-area .widget-container h3.orange {
    background-color: #326a3f;
  }

  #sidebar #widget-area .widget-container h3.green {
    background-color: #326a3f;
  }

  #sidebar #widget-area .widget-container .tagcloud {
    margin-bottom: 20px;
  }

  #sidebar #widget-area .widget-container .rss-widget-icon {
    margin: 0 5px 20px -5px;
    float: left;
  }

  /* サイドバー エリア */
  #sidebar h3 {
    width: auto;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    padding: 8px 0 8px 15px;
    color: #ffffff;
    background-image: url("images/h3_bg.png");
    background-position: bottom;
    background-repeat: repeat-x;
  }

  #sidebar h3 a {
    color: #ffffff !important;
    text-decoration: none !important;
  }

  #sidebar .side_info p {
    margin-bottom: 7px;
    font-size: 13px;
    color: #333;
  }

  #sidebar .side_info p:last-child {
    margin-bottom: 0px;
  }

  .side_info {
    height: auto;
    padding: 8px;
    border: 1px solid #dddcda;
    margin-bottom: 0px;
  }

  .side_info p {
    font-size: 13px;
    color: #326a3f;
  }

  .side_info b {
    font-size: 15px;
    color: #326a3f;
  }

  .side_info p span {
    margin-left: 65px;
  }

  span.tel {
    margin-left: 0 !important;
  }

  .side_info .access_map {
    width: auto;
    height: auto;
    margin: 10px 0 5px 0;
    display: table;
  }

  /* コメント エリア */
  #comments {
    width: auto;
    height: auto;
    margin: 20px 0 10px 0;
  }

  #respond h3 a {
    color: #ffffff;
  }

  #respond h3 a:hover {
    color: #dc143c;
  }

  #respond {
    width: auto;
    height: auto;
    margin-top: 20px;
  }

  #respond a {
    font-weight: bold;
  }

  .commentlist {
    list-style-image: none;
    list-style-type: none;
  }

  .reply {
    margin-bottom: 20px;
  }

  #commentform textarea {
    width: 99%;
    height: auto;
    margin: 10px 0;
    border: 1px solid #cccccc;
  }

  #commentform input[type="text"] {
    margin-bottom: 5px;
    border: 1px solid #cccccc;
  }

  #commentform input[type="submit"] {
    margin-bottom: 20px;
    padding: 5px;
    color: #333333;
    background-color: #eeeeee; /* [if lt IE 9] */
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #eeeeee),
      color-stop(1, #cccccc)
    );
    background: -o-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
    background: -moz-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
    background: -webkit-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(bottom, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    border: 1px solid #bbbbbb;
  }

  p.nocomments {
    display: none;
  }

  /* 検索結果 エリア */
  #content h4.not_found {
    font-size: 24px;
    padding-left: 25px;
    background-image: url("images/not_found.png") !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    background: none;
    border: none;
  }

  #content p.not_found {
    font-size: 14px;
    color: #dc143c;
  }

  #content dl.search_box {
    width: 100%;
    height: auto;
    padding: 15px;
    display: table;
    background-color: #f8f8f8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
  }

  #content dl.search_box dt input[type="text"] {
    width: 70%;
    height: 25px;
    float: left;
    border: 1px solid #cccccc;
  }

  #content dl.search_box dd input[type="submit"] {
    width: 100px;
    height: auto;
    font-size: 14px;
    text-align: center;
    padding: 2px 0;
    float: right;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
  }

  #content dl.search_box dd input[type="submit"]:hover {
    color: #cc0000;
  }

  #content h4.search_result_title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 30px;
    color: #333333;
    background: none;
    background-image: url("images/search_result.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: none;
    border-bottom: 3px dotted #000000;
  }

  #content p.search_result {
    font-size: 16px;
    margin-bottom: 20px;
  }

  #content p.search_result_txt {
    font-size: 14px;
    color: #dc143c;
    margin-bottom: 20px;
  }

  /* ページャー エリア */
  #content .pager {
    text-align: center;
  }

  #content .pager a,
  #content .pager span {
    font-size: 14px;
    padding: 0 3px;
  }

  #content .pager span {
    color: #dc143c;
  }

  #content .pager a {
    color: #000000;
  }

  #content .pager a:hover {
    color: #dc143c;
  }

  /* 404 エリア */
  #content a.reverse_lnk {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    text-decoration: underline;
  }

  /* トップページ エリア */
  .top_bnr {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 0;
  }

  .top_bnr img.arrow {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  .top_bnr02 {
    width: 100%;
    height: auto;
    margin: 30px 0;
    padding: 0;
  }

  .top_bnr img,
  .top_bnr02 img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .top_bnr02 p {
    font-size: 16px;
    text-align: left;
    line-height: 1.7em;
    color: #333333;
  }

  .top_bnr02 p span {
    font-size: 20px;
    font-weight: bold;
    color: #326a3f;
  }

  /*下層ページ作る際に削除*/
  .contact_box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 15px;
    background-color: #f9fef1;
    border: 1px solid #cccccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .contact_box .inner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 15px 15px 8px 15px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .contact_box .inner img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .contact_box .inner ul {
    width: 100%;
    height: auto;
    margin: 15px 0 30px 0;
    padding: 0;
    float: left;
  }

  .contact_box .inner ul li:first-child {
    width: 32.63473053%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  .contact_box .inner ul li:last-child {
    width: 65.11976047%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  .contact_box .inner ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .contact_box .inner p {
    font-size: 16px;
    line-height: 1.6em;
    color: #326a3f;
    margin-bottom: 20px;
  }

  .contact_box .inner p span {
    color: #326a3f;
  }
  /*下層ページ作る際に削除*/

  /*お問い合わせエリア*/
  .page-contact {
    overflow: hidden;
    padding: 20px;
    border: 2px solid #326a3f;
    border-radius: 10px;
    margin: 1em 0;
  }

  .page-contact p {
    margin: 0px 0px 13px;
  }

  .page-contact a {
    display: block;
  }

  table.table {
    width: 100%;
    border: none;
    border-top: 1px solid #326a3f;
    border-left: 1px solid #326a3f;
    margin: 1em 0;
  }

  table.table th {
    background-color: #326a3f;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    border: none;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center;
    padding: 10px;
  }

  table.table tr:last-child th {
    border-bottom: solid 1px #326a3f;
  }

  table.table td {
    font-size: 14px;
    border: none;
    font-weight: normal;
    border-right: 1px solid #326a3f;
    border-bottom: 1px solid #326a3f;
    text-align: left;
    padding: 10px;
    background-color: white;
  }

  /* お悩み */
  ul.trable {
    width: 670px;
    margin: 0px auto;
  }
  ul.trable li {
    display: inline-block;
    margin: 0px 13px 13px 0px;
  }
  ul.trable li:nth-child(3),
  ul.trable li:nth-child(6),
  ul.trable li:nth-child(9) {
    margin-right: 0px;
  }
  ul.trable li a {
  }

  /* 選ばれる理由ページ エリア */
  .feature {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .feature .inner {
    width: 100%;
    height: auto;
    margin-top: 40px;
    padding-bottom: 30px;
    border-bottom: 2px dotted #999999;
    display: table;
  }

  .feature .inner img {
    width: 32.87671232%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  .feature .inner ul {
    width: 63.01369863%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  .feature .inner ul li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .feature .inner ul li:first-child {
    margin-bottom: 15px;
  }

  .feature .inner ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
  }

  .feature .inner ul li p {
    font-size: 16px;
    line-height: 1.6em;
    color: #333333;
  }

  /*トップページ　院長挨拶*/
  .top_box {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    padding: 0;
    display: table;
  }

  .top_box img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .top_box .inner {
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 0;
  }

  .top_box .inner p {
    font-size: 16px;
    text-align: left;
    line-height: 1.7em;
    color: #333333;
    margin-bottom: 15px;
  }

  .top_box .inner p span {
    font-size: 16px;
    font-weight: bold;
    color: #157f75;
  }

  .top_box .inner img {
    width: 250px;
    height: auto;
    margin: 3px 0 10px 30px;
    padding: 0;
    float: right;
  }

  .top_box .inner p.incho img {
    margin-right: 11%;
  }

  /*院長紹介*/

  .ep {
    overflow: hidden;
    margin: 0 auto 50px;
  }

  .ep .img {
    width: 300px;
  }

  .ep .txt {
    width: 350px;
  }

  .ep .txt p,
  .thank p {
    margin-bottom: 10px;
  }

  .ep_left .img,
  .ep_right .txt {
    float: left;
  }

  .ep_left .img {
    margin-bottom: 27px;
  }

  .ep_right .img,
  .ep_left .txt {
    float: right;
  }

  .center {
    overflow: hidden;
    width: 100%;
  }

  /* 患者様の声ページ エリア */
  .voice-block {
    width: 100%;
    overflow: hidden;
    background-color: #e9efeb;
  }

  .voice-float {
    padding: 10px;
    width: 50%;
    float: left;
  }

  .voice-float img {
    border: 10px solid #ffffff;
  }

  #content .voice-float p {
    margin-top: 0;
  }

  span.img-click {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: white;
    padding: 10px;
    background-color: #ff335c;
    border-radius: 5px;
    margin-top: 10px;
    border: 2px solid white;
  }

  .voice-name {
    display: block;
    background-image: url(images/voice-icon.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    padding: 10px;
    padding-left: 90px;
    font-size: 24px;
    color: white;
    text-shadow: 0 0 10px #326a3f;
    overflow: hidden;
    background-color: #326a3f60;
    position: relative;
    z-index: 1;
    margin-bottom: 1em;
  }

  .voice-name span {
    display: block;
    font-size: 14px;
  }

  .voice-name::before {
    content: " ";
    display: block;
    background-color: #326a3f75;
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 120%;
    height: 50%;
    transform: rotate(-5deg);
    z-index: -1;
  }

  .voice-strong {
    font-size: 18px;
    display: block;
    padding: 10px;
    background-color: white;
    border-left: 12px solid #326a3f;
    width: 98%;
    box-shadow: 4px 4px 0 0 #326a3f40;
    color: #326a3f;
  }

  /* 初めての方へページ ポイント */
  .point {
    overflow: hidden;
    padding: 0;
  }
  #content .point h2 {
    text-align: center;
  }
  #content .point h2 img {
    display: inline-block;
  }
  .point ul {
    width: 700px;
    margin: auto;
  }
  .point li {
    margin: 10px 0 0;
    overflow: hidden;
  }
  #content .point h3.h3_none {
    width: 400px;
    float: left;
    border: 0px;
    color: #000;
    border-left: 0;
    margin: 0px;
    padding: 0px;
    margin-bottom: 27px;
  }
  .point .img_right {
    width: 31%;
    float: right;
  }
  .point .txt_left {
    width: 65%;
    float: left;
  }
  .point .txt_last {
    border-bottom: 0px;
  }

  /* 初めての方へページ エリア */
  #content h3.h3_none {
    border-bottom: 0;
    border-left: 0;
  }

  .flow {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .flow li {
    width: 32%;
    margin-bottom: 30px;
  }

  .flow li p {
    font-size: 15px;
  }

  .flow .inner {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
    float: left;
  }

  .flow .inner ul {
    width: 32.10526315%;
    height: auto;
    margin-right: 1.842105263%;
    padding: 0;
    float: left;
  }

  .flow .inner ul.last {
    width: 32.10526315%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  .flow .inner ul li,
  .flow .inner ul.last li {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0;
  }

  .flow .inner ul li img,
  .flow .inner ul.last li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .flow li img {
    margin-bottom: 10px;
  }

  .flow .inner ul li p,
  .flow .inner ul.last li p {
    font-size: 15px;
    line-height: 1.5em;
    color: #353535;
  }

  p.txt span {
    font-size: 14px;
    color: #d84f3c;
  }

  /* 症例一覧ページ エリア */
  .case_box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: table;
  }

  .case_box .img_nav {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    padding: 0;
    display: table;
  }

  .case_box .img_nav ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .case_box .img_nav ul li {
    width: 32.32876712%;
    height: auto;
    margin: 0 1.506849315% 11px 0;
    padding: 0;
    float: left;
  }

  .case_box .img_nav ul li:last-child {
    margin: 0 0 11px 0;
  }

  .case_box .img_nav ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .nmlbox {
    border: 2px solid #cccccc;
  }

  .nmlbox,
  .dottbox,
  .ylwbox,
  .graybg {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 585px;
    clear: both;
    margin: auto;
  }

  /*症例下層*/

  div.symptom_nayami {
    overflow: hidden;
    width: 700px;
    margin: auto;
  }
  div.symptom_nayami .right {
    float: right;
    width: 230px;
    text-align: center;
  }
  div.symptom_nayami .right img {
    display: inline-block;
  }

  div.symptom_nayami ul {
    float: left;
    width: 450px;
  }

  div.symptom_nayami ul li {
    background-image: url("../../uploads/2022/01/shorei_check.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding: 13px 0px 13px 50px;
    border-bottom: dotted 2px #c5bbbb;
    color: #562b0c;
    font-size: 16px;
    font-weight: bold;
  }

  p.shorei_arrow {
    margin-top: 27px;
    margin-bottom: 10px !important;
  }

  p.important {
    background-color: #41a2d340;
    padding: 10px;
    font-size: 14px;
  }

  /*頭痛・片頭痛*/

  .zutsu_02 {
    overflow: hidden;
  }

  .zutsu_02 .img {
    width: 300px;
  }

  .zutsu_02 .txt {
    width: 350px;
  }

  .zutsu_02 .txt p {
    margin-bottom: 10px;
  }

  .zutsu_02 .img {
    float: right;
  }

  .zutsu_02 .txt {
    float: left;
  }

  /*肩こり*/

  .katakori_02 {
    overflow: hidden;
  }

  .katakori_02 .img {
    width: 300px;
  }

  .katakori_02 .txt {
    width: 350px;
  }

  .katakori_02 .txt p {
    margin-bottom: 10px;
  }

  .katakori_02 .img {
    float: right;
  }

  .katakori_02 .txt {
    float: left;
  }

  /*腰痛*/

  .youtsu_02 {
    overflow: hidden;
  }

  .youtsu_02 .img {
    width: 300px;
  }

  .youtsu_02 .txt {
    width: 350px;
  }

  .youtsu_02 .txt p {
    margin-bottom: 10px;
  }

  .youtsu_02 .img {
    float: right;
  }

  .youtsu_02 .txt {
    float: left;
  }

  /*産後骨盤矯正*/
  #content h2.ribbon {
    position: relative;
    padding: 0.5em;
    background: #6bc0de;
    color: white;
    border-radius: 0;
  }

  #content h2.ribbon:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px rgb(19 51 76 / 75%);
  }

  .sango_02 {
    overflow: hidden;
  }

  .sango_02 .img {
    width: 300px;
  }

  .sango_02 .txt {
    width: 350px;
  }

  .sango_02 .txt p {
    margin-bottom: 10px;
  }

  .sango_02 .img {
    float: right;
  }

  .sango_02 .txt {
    float: left;
  }

  /*料金*/
  table {
    width: 100%;
    font-size: 13px;
    margin: 10px 0;
    border-collapse: collapse;
    border-spacing: 0px;
  }

  .dsc1item th,
  .dsc1item td,
  .dsc2item th,
  .dsc2item td {
    padding: 6px;
    width: 25%;
  }

  table,
  td,
  th {
    border: solid 1px #ccc;
  }

  .dsc1item th,
  .dsc2item th {
    text-align: center;
    background-color: #ebebeb;
  }

  .price-block {
    margin-bottom: 25px;
  }

  .price_page .fasting p {
    text-align: center;
  }

  .price_page .fasting p img {
    width: auto;
    margin: auto;
  }

  .price_page p img {
    margin-bottom: 25px;
  }

  th.prise-th {
    width: 40%;
    background-color: #1e4126;
  }

  /* アクセス */
  .access_page {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    padding: 0;
  }

  .access_page p img {
    margin-bottom: 25px;
  }

  /*よくある質問*/

  .question1 {
    font-size: 17px;
    font-weight: bold;
    line-height: 130%;
    margin: 15px auto 4px auto;
    padding: 5px 0 6px 56px;
    background-image: url(../amaterasu/images/q1.png);
    background-repeat: no-repeat;
    background-position: left 14px top 3px;
    background-size: 30px;
  }

  .answer1 {
    position: relative;
    font-size: 13px;
    line-height: 140%;
    border: solid 1px #ccc;
    background-color: #f5f5f5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 5px auto 35px auto;
    padding: 20px 20px 20px 55px;
    background-image: url(../amaterasu/images/a1.png);
    background-repeat: no-repeat;
    background-position: 14px 12px;
    background-size: 30px;
  }

  #content .question1 p,
  #content .answer1 p {
    margin-bottom: 1em;
  }

  #content .question1 p:last-child,
  #content .answer1 p:last-child {
    margin-bottom: 0;
  }

  #content .question1 p span,
  #content .answer1 p span {
    line-height: 130%;
    font-size: 16px;
  }

  /*メール*/

  .wpcf7 label {
    font-size: 18px;
    color: #333;
  }

  .wpcf7 p input[type="text"] {
    width: 100%;
    height: auto;
    margin: 5px 0 15px 0;
    padding: 8px 10px;
    border: 1px solid #cccccc;
    background-color: #fefefe;
  }

  .wpcf7 p input[type="text"],
  .wpcf7 p input[type="email"],
  .wpcf7 p input[type="tel"],
  .wpcf7 p input[type="date"],
  select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    width: 100%;
    height: auto;
    margin: 5px 0 0 0;
    padding: 2% 2.5%;
    border: 1px solid #cccccc;
    background-color: #fefefe;
  }

  .wpcf7 p textarea {
    width: 100%;
    height: auto;
    margin-top: 5px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    background-color: #fefefe;
  }

  .wpcf7 p span.required {
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    padding: 0 7px 2px 7px;
    background-color: #ff8d0c;
    font-weight: bolder;
  }

  .wpcf7 p {
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    color: #6c5e55;
    padding: 0;
    font-weight: bolder;
  }

  .wpcf7 p span.accept {
    font-size: 12px;
    color: #ff8d0c;
  }

  .wpcf7 p input[type="submit"] {
    width: 30% !important;
    height: auto;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin: 30px auto 0 auto;
    padding: 10px 0;
    color: #ffffff;
    background-color: #fec32b;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #ffd979),
      color-stop(1, #fec32b)
    );
    background: -o-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: -moz-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: -webkit-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: -ms-linear-gradient(bottom, #ffd979 0%, #fec32b 100%);
    background: linear-gradient(to bottom, #ff724f 0%, #ff8d0c 100%);
    border: 1px solid #ff8d0c;
    display: block;
  }

  span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
    font-weight: 100;
  }

  table,
  td,
  th {
    border: solid 1px #ccc;
    padding: 7px;
    min-width: 6em;
  }

  th {
    background-color: #326a3f;
    color: #ffffff;
    text-align: center;
  }

  /*footer*/
  .copy-light p {
    text-align: center;
    background-color: #326a3f;
    padding: 5px;
    color: #ffffff;
    font-size: 11px;
  }

  .copy-light p a {
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
  }

  /*ポップアップ*/
  .popup-block {
    display: none;
  }
  .ug_bn {
    animation: furifuri 1s infinite;
  }
  @keyframes furifuri {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-2deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(2deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  .ud_bn {
    animation: kurakura 1s infinite;
  }
  @keyframes kurakura {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(-1deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(1deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }

  .top-news {
    padding: 15px;
    border: 2px #157e75 solid;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 1em;
  }

  .top-news-text {
    text-align: center;
    margin-bottom: 10px;
  }

  .top-news p.top-news-title {
    display: block;
    margin-bottom: 1em;
    border-bottom: 1px solid #157e75;
    text-align: center;
    padding: 5px 0;
    color: #157e75;
    font-size: 21px;
    font-weight: bold;
  }

  .top-news p.top-news-subtitle {
    color: #147d75;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dotted #147d75;
  }

  .top-news p.top-news-subtitle2 {
    color: #147d75;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dotted #147d75;
  }

  .top-news p.top-news-subtitle2 + ul li span {
    background-color: #6fa106;
  }

  .top-news ul {
    margin: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 1em;
  }

  .top-news ul li {
    padding: 0;
    margin: 0;
    display: table-cell;
    padding: 0 10px;
  }

  .top-news ul li::before {
    content: none !important;
  }

  .top-news ul li span {
    display: block;
    font-size: 16px;
    background-color: #ff8d0c;
    border-radius: 5px;
    text-align: center;
    padding: 10px 5px;
    font-weight: bold;
    color: white;
  }

  .top-news ul.tujo span {
    background-color: #157e75;
  }

  .top-news ul.kyushin span {
    background-color: #ff6600;
  }

  /* カテゴリ・アーカイブ・検索結果ページ エリア */
  .post_inner {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 15px;
    float: left;
  }

  .post_inner .thum {
    width: 17.14285714%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  .post_inner .show_post {
    width: 80%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  .post_inner .show_post li {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 0;
    float: left;
  }

  .post_inner .show_post li.cat_mark_box p.cat_mark {
    width: auto;
    height: auto;
    line-height: 1em;
    margin: 0;
    padding: 2px 5px;
    float: left;
    background-color: #326a3f;
  }

  .post_inner .show_post li.cat_mark_box p.cat_mark a {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
  }

  .post_inner .show_post li.cat_mark_box p.cat_date {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 1.4em;
    float: right;
  }

  .post_inner .show_post li.cat_title_box p.cat_title {
    font-weight: bold;
    line-height: 1.2em;
  }

  .post_inner .show_post li.cat_title_box p.cat_title a {
    font-size: 16px;
    color: #303c48;
    text-decoration: none;
  }

  .post_inner .show_post li.cat_text_box {
    margin: 0;
  }

  .post_inner .show_post li.cat_text_box p.cat_text {
    line-height: 1.3em;
  }

  .post_inner .show_post li.cat_text_box p.cat_text a {
    font-size: 15px;
    color: #303c48;
    text-decoration: none;
  }

  .post_inner .show_post li.cat_title_box p.cat_title a:hover,
  .post_inner .show_post li.cat_text_box p.cat_text a:hover {
    color: #dddddd;
  }

  .post_inner .show_post li.cat_mark_box p.cat_mark a:hover {
    color: #ff8d0c;
  }
}

ul.check-li {
  width: 100%;
  border: 1px solid #326a3f;
  padding: 0 10px;
  margin-bottom: 1em;
}

ul.check-li li {
  padding: 15px 0;
  border-bottom: 1px dotted #326a3f;
  font-weight: bold;
  padding-left: 35px;
  background-image: url(images/check.png);
  background-size: 25px;
  background-position: left center;
  background-repeat: no-repeat;
}

ul.check-li li:last-of-type {
  border-bottom: none;
}

ul.banar-list {
  width: 100%;
  overflow: hidden;
  margin: 1em 0;
}

ul.banar-list li {
  width: calc(100% / 3);
  float: left;
  padding: 5px;
}
.ovh {
  width: 100%;
  overflow: hidden;
}

@media all and (max-width: 780px) {
  ul.banar-list li {
    width: 50%;
  }
}

/*症例一覧*/

.caselist #cases_title h1 {
  padding: 33px 10px 28px 10px;
}
.caselist #cases_title span {
  font-size: 16px;
  color: #789f98;
  display: block;
  text-align: center;
}
div#content.caselist {
  width: 100%;
}
.caselist div#cases_nav {
  border-radius: 12px;
  background: #326a3f;
  padding: 12px;
}
.caselist div#cases_nav ul#cases_nav_inner {
  width: 100%;
  overflow: hidden;
}
.caselist div#cases_nav li {
  float: left;
  width: 20%;
  text-align: center;
  border-right: dotted 1px #fff;
}
.caselist div#cases_nav li a {
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 12px;
}
.caselist div#cases_nav li:nth-child(-n + 5) {
  border-bottom: dotted 1px #fff;
}
.caselist div#cases_nav li:nth-child(5n) {
  border-right: none;
}
.caselist .post-list ul {
  width: 100%;
  overflow: hidden;
  margin: 1em 0;
}
.caselist .post-list ul li {
  width: calc(100% / 3);
  float: left;
  /* padding-right: 1px;
        padding-bottom: 1px; */
  padding: 5px;
}
.caselist .post-list ul li a {
  display: block;
  padding: 10px;
  background-color: #f6fff7;
  text-decoration: none;
  transition: all 0.2s ease-out;
  color: #326a3f;
}
.caselist .post-list ul li a:hover {
  background-color: #326a3f;
  color: white;
  transform: scale(1.05);
}
.caselist .post-list ul li a span.post-title {
  display: block;
  text-align: center;
  border-bottom: 1px dotted #4d3320;
  font-size: 16px;
  font-weight: bold;
}
.caselist .post-list ul li a span.link-botan-obj {
  display: block;
  width: 80%;
  margin: auto;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 500px;
  color: white;
  background: linear-gradient(#326a3f, #88bb1d);
  box-shadow: 0 0 10px 0 #3fd0c2 inset;
  border: 1px solid #0a4c46;
  transition: all 0.2s ease-out;
}
.caselist .post-list ul li a span.link-botan-obj:after {
  content: " ";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  transform: rotate(45deg);
  margin-left: 10px;
  margin-bottom: 1px;
  transition: all 0.2s ease-out;
}
.caselist .post-list ul li a:hover span.link-botan-obj {
  box-shadow: none;
  background: white;
  color: #0a4c46;
}
.caselist .post-list ul li a:hover span.link-botan-obj:after {
  border-top-color: #4d3320;
  border-right-color: #4d3320;
}
.caselist .post-list ul li a .post-img {
  width: 120px;
  height: 120px;
  margin: 10px auto;
  border-radius: 50%;
  border: 2px solid #326a3f;
  position: relative;
  overflow: hidden;
}
.caselist .post-list ul li a .post-img img {
  height: 100%;
  width: auto;
  max-width: initial;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.caselist .post-list ul li a .post-img:before {
  content: " ";
  width: 200%;
  height: 100%;
  position: absolute;
  left: -50%;
  bottom: 60%;
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
  transform: rotate(-10deg);
  z-index: 2;
}
/* レスポンシブ設定 */
@media screen and (max-width: 780px) {
  .caselist .post-list ul li {
    width: 100%;
    float: none;
  }
  .caselist .post-list ul li a {
    display: block;
    width: 100%;
    margin: auto;
    padding: 15px;
    border-radius: 15px;
    background: linear-gradient(#98d692, #42dc46);
    box-shadow: 0 0 10px 0 #4daf38 inset;
    border: 1px solid #26d639;
    transition: all 0.2s ease-out;
    position: relative;
  }
  /*.post-list ul li a:after {
            content: " ";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-top: 4px solid white;
            border-right: 4px solid white;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }*/
  .caselist .post-list ul li a span.link-botan-obj {
    display: none;
  }
  .caselist .post-list ul li a span.post-title {
    border-bottom: none;
    color: white;
    font-size: 18px;
    position: absolute;
    left: 110px;
    top: 50%;
    transform: translateY(-50%);
    width: 60%;
    text-align: left;
  }
  .caselist .post-list ul li a .post-img {
    width: 80px;
    height: 80px;
    margin: 0;
  }
}

#content .pager span {
  color: #dc143c;
  padding: 10px 15px;
  border: 1px solid #d0d0d0;
}

#content .pager a {
  color: #000000;
  padding: 10px 15px;
  border: 1px solid #d0d0d0;
}

#content a.prev.page-numbers {
  padding: 0 10px 0 0;
  border: none;
}

#content a.next.page-numbers {
  padding: 0 0 0 10px;
  border: none;
}
.page-id-553 .syokai-box1 {
  display: none;
}
.syokai_box a img:hover {
  opacity: 0.5;
}
.syokai-box1 a img:hover {
  opacity: 0.5;
}
.page-id-1861 .hoken_box {
  display: none;
}

/*コロナ対策エリア*/
.corona p img {
  display: block;
  margin: 2% auto;
}

/*M式テクニックについて*/

.why_area {
  width: 100%;
  margin: 0;
  height: auto;
}
.why_area .inner {
  width: 100%;
  margin: auto;
}

.todo_area {
  overflow: hidden;
  width: 700px;
  margin: auto;
}
.todo_area .inner {
  margin-bottom: 27px;
  overflow: hidden;
}
.todo_area .right {
  float: right;
  width: 250px;
  text-align: center;
}

#content .todo_area .right p {
  margin-bottom: 0;
}

.todo_area ul {
  float: left;
  width: 400px;
}

.todo_area ul li {
  background-image: url("https://sakadokai-seikotsuin.com/wp-content/uploads/2022/01/shorei_check.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 13px 0px 13px 50px;
  border-bottom: dotted 2px #c5bbbb;
  color: #562b0c;
  font-size: 18px;
}

.cycle_area .inner {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cycle_area .inner .left {
  width: 50%;
}

.cycle_area .inner .right {
  width: 50%;
  padding-left: 10px;
}

.approach_area {
  overflow: hidden;
  width: 700px;
  margin: auto;
}
.approach_area .inner {
  overflow: hidden;
}

.approach_area .left {
  float: left;
  width: 450px;
}
.approach_area .right {
  float: right;
  width: 230px;
  text-align: center;
}

.approach_area .txt {
  clear: both;
}

/*色々強調*/

span.bk_strong {
  font-weight: bold;
}

span.red_strong {
  font-weight: bold;
  color: #d00;
}

span.yellow_strong {
  font-weight: bold;
  background-color: #ffe600;
}

span.red {
  color: #d00;
}
/*ブレッド*/
.maincontents {
  padding: 30px 0 30px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", sans-serif;
}

.nayami_wrap {
  background: #fffffd;
}

.main_conts_wrap {
  width: 100%;
  max-width: 1050px;
  padding: 0 2.5%;
  margin: 0 auto;
}

.ttl02 {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 24px;
  text-align: center;
  color: #654b31;
}

.ttl02_sub {
  border: 1px solid #326a3f;
  border-left: none;
  border-right: none;
  padding: 14px 0;
  font-size: 20px;
  text-align: center;
}

.main_conts_wrap p:last-of-type {
  margin-bottom: 0;
}

.nayami_conts {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.nayami_list {
  width: 100%;
}

.nayami_list ul li {
  background: url(images/check.png) no-repeat left top;
  padding-left: 40px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #326a3f;
  font-size: 16px;
}

.nayami_img {
  width: 100%;
  max-width: 300px;
}

.nayami_img img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.center-img {
  text-align: center;
}

.center-img img {
  margin: auto;
}

span.sub-t2 {
  display: block;
  padding: 1em 0;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  color: #654b31;
  border-top: 1px solid #326a3f;
  border-bottom: 1px solid #326a3f;
  margin: 1em 0;
}

/* 動画&PDFポップアップ */
.popup-overlay {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

.popup-content {
  max-width: 740px;
  width: 94%;
  background: white;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}

/* 20250422 特別休暇*/
section.change-section {
  max-width: 1000px;
  margin: auto;
}
.change-holiday {
  margin: 50px auto 100px;
  padding: 50px;
  border: 3px solid #32b150;
  text-align: center;
}

.change-holiday p {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 3%;
}
.change-holiday p span {
  color: #32b150;
  font-weight: bold;
}

.change-holiday .holiday__title {
  color: #32b150;
  background-color: unset;
  font-size: 24px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  section.change-section {
    max-width: 1100px;
  }
  .change-holiday {
    margin: 40px 10px 40px 10px;
    padding: 25px 15px 15px;
    border: 3px solid #32b150;
  }

  .change-holiday p {
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 1.5rem;
  }

  .change-holiday h2 {
    color: #32b150;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 25px;
  }
  .change-holiday p span {
    color: #32b150;
    font-weight: bold;
    font-size: 16px;
  }
}
/* 20250422 特別休暇*/
/*  */
/*2025/06/11｜お知らせCSS*/
#news ul.news_wrap li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #326a3f;
}
#news ul.news_wrap li a {
  margin: 0;
  text-decoration: none;
  color: #282828;
}
#news ul.news_wrap li a span.date {
  font-size: 90%;
  clear: both;
}
#news ul.news_wrap li a span.category.blog {
  color: #fff;
  font-size: 12px;
  margin-left: 15px;
  padding: 2px 7px;
  background: #326a3f;
  border-radius: 5px;
}
#news ul.news_wrap li a p {
  margin-bottom: 0px !important;
}
#news a.btn {
  background: linear-gradient(90deg, #326a3f, #1dc043);
}

/*2025/06/16｜患者様の声CSS*/
.voice a {
  position: relative;
  display: block;
  width: 280px;
  margin: 0px auto 8%;
  padding: 10px;
  color: #fff !important;
  text-align: center;
  background: #7db83b;
  border-radius: 8px;
  text-decoration: none !important;
}
.voice a:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(https://yoshiokashinkyu-seikotsuin.com/wp-content/themes/amaterasu/images/voice_icon02.png);
  top: 30%;
  right: 12%;
  background-size: 18px;
  background-repeat: no-repeat;
}
