@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 (max-width: 768px) {
  .pc {
    display: none;
  }

  /* ヘッダー エリア */
  #header_in .inner_left {
    width: 195px;
    height: auto;
    margin: 0;
    float: left;
  }

  #header_in .inner_left img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    padding-top: 0;
  }

  #header_in .inner_right {
    width: 150px;
    height: auto;
    margin-bottom: 0;
    padding: 0;
    float: right;
  }

  #header_in .inner_right .sp_nav_btn {
    width: 29.62962962%;
    height: auto;
    margin-left: 3.703703733%;
    padding: 0;
    float: right;
  }

  #header_in .inner_right .sp_nav_btn img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  #header_in .nav_sp {
    width: 105.208333332%;
    height: auto;
    margin: 10px -10px -10px;
    padding: 0;
    border-top: 1px solid #326a3f;
    float: left;
  }

  #header_in .nav_sp .left {
    width: 50%;
    height: auto;
    float: left;
    border-right: 1px solid #326a3f;
  }

  #header_in .nav_sp .right {
    width: 50%;
    height: auto;
    float: right;
  }

  #header_in .nav_sp .left li,
  #header_in .nav_sp .right li {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-bottom: 1px dotted #326a3f;
  }

  #header_in .nav_sp .contact {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px;
    border-bottom: 1px solid #326a3f;
  }

  #header_in .nav_sp .contact a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #303c48;
  }

  #header_in .nav_sp .left li:hover,
  #header_in .nav_sp .right li:hover,
  #header_in .nav_sp .contact:hover {
    width: 100%;
    height: auto;
    background-color: #326a3f;
    border-bottom: 1px dotted #ffffff;
  }

  #header_in .nav_sp .left li a,
  #header_in .nav_sp .right li a,
  #header_in .nav_sp .contact a,
  #header_in .nav_sp .left li span,
  #header_in .nav_sp .right li span {
    font-size: 3.5vw;
    color: #303c48;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    display: block;
  }

  #header_in .nav_sp .left li a:hover,
  #header_in .nav_sp .right li a:hover,
  #header_in .nav_sp .contact a:hover {
    color: #ffffff;
  }

  .fixheader {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: table;
    z-index: 2;
    box-shadow: 0 4px 4px rgba(153, 153, 153, 0.2);
    transition: 1s;
  }

  .is-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    transition: 1s;
  }

  .footer-popup {
    width: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
  }

  .footer-popup ul {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
  }

  .footer-popup ul li {
    display: table-cell;
    background-color: #40bf24;
  }

  .footer-popup ul li.tel {
    background-color: #f2843f;
    animation: buruburu 1s infinite;
  }

  .footer-popup ul li.contact {
    background-color: #1b74d4;
  }

  @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 a {
    display: block;
  }

  .footer-popup ul li a img,
  .footer-popup label img {
    max-width: fit-content;
    height: 70px;
    padding: 5px 0;
    margin: auto;
  }

  /*popup*/

  .footer-popup li {
    background-color: #459ed9;
  }
  div#popuptel_wrap {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    height: 0;
  }

  input#sp-popup:checked + #popuptel_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    opacity: 1;
    transition: all 0.3s ease;
    height: 100vh;
    z-index: 99999999999999999999999999;
  }
  input#sp-popup:checked + #popuptel_wrap::before {
    background: #f7f7f7;
    opacity: 0.85;
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: -10;
  }
  div#popuptel_wrap div.popuptel_inner {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    margin-bottom: 15vw;
    width: 84vw;
    height: auto;
    padding: 5vw 0;
    z-index: 0;
  }
  div#popuptel_wrap div.popuptel_inner > p {
    font-size: 5.5vw;
    line-height: 1.35em;
    font-weight: bold;
    text-align: center;
    display: block;
    color: #333;
  }
  div#popuptel_wrap div.popuptel_inner ul {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 3.5vw 5vw;
    background: #eeffe9;
    margin: 3.5vw 0 4vw;
  }
  div#popuptel_wrap div.popuptel_inner ul li {
    width: 45%;
    margin: 0 auto;
    border-radius: 1.5vw;
    padding-bottom: 3vw;
  }
  div#popuptel_wrap div.popuptel_inner ul li:nth-child(1) {
    background: #326a3f;
  }
  div#popuptel_wrap div.popuptel_inner ul li:nth-child(2) {
    background: #a1d337;
  }
  div#popuptel_wrap div.popuptel_inner ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 3.75vw;
  }
  div#popuptel_wrap div.popuptel_inner ul li span {
    width: 9vw;
    background-color: #fff;
    height: 9vw;
    border-radius: 800px;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 3vw auto;
  }
  div#popuptel_wrap div.popuptel_inner ul li span i {
    margin: 0 auto;
    font-size: 4.2vw;
  }
  div#popuptel_wrap div.popuptel_inner ul li:nth-child(1) span i {
    color: #326a3f;
  }
  div#popuptel_wrap div.popuptel_inner ul li:nth-child(2) span i {
    color: #a1d337;
  }
  div#popuptel_wrap div.popuptel_inner ul li b {
    text-align: center;
    display: block;
    color: #fff;
  }
  div#popuptel_wrap div.popuptel_inner label {
    background-color: #ef9700;
    width: 80%;
    border-radius: 5000px;
    text-align: center;
    display: block;
    padding: 1.25vw;
    position: relative;
    color: #fff;
    max-width: 280px;
    margin: 0vw auto 0;
  }
  div#popuptel_wrap div.popuptel_inner label span {
    color: #fff;
  }
  div#popuptel_wrap div.popuptel_inner label::before {
    border-left: 2px solid;
    border-top: 2px solid;
    border-color: #fff;
    content: "";
    height: 6px;
    position: absolute;
    right: 15px;
    top: 45%;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 6px;
  }

  /* パンくずリスト エリア */
  #breadcrumb {
    margin: 0 0 2.604166666% 0;
  }

  #breadcrumb div {
    font-size: 12px;
    display: inline-block;
  }

  /* コンテンツ エリア */
  #content h1 {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 3.90625%;
    padding: 15px 10px 12px 10px;
    clear: both;
    color: #326a3f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #326a3f;
    background-image: url("../amaterasu/images/body_bg.webp");
    background-position: 0 0;
    background-position: 0 0;
    background-repeat: repeat;
  }

  #content h2 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 3.255208333%;
    padding: 10px 10px 10px 15px;
    clear: both;
    color: #ffffff;
    background-color: #326a3f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }

  #content h3 {
    width: 100%;
    font-size: 18px;
    line-height: 1.2em;
    margin-bottom: 2.604166666%;
    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: 1.953125%;
    padding: 1px 7px 0 7px;
    clear: both;
    color: #303c48;
    border-left: 16px solid #303c48;
  }

  #content h1 a {
    font-size: 28px;
    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;
    width: 100%;
  }

  #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: 2.604166666%;
    right: 2.604166666%;
    z-index: 2;
  }

  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: #ff6600;
    border: 1px solid #ffffff;
  }

  p.pagetop a:hover {
    opacity: 0.5;
  }

  /* フッター エリア */
  #footer_in .inner_left {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner_left ul {
    width: 100%;
    height: auto;
    margin-bottom: 3.90625%;
    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: 16px;
    text-align: center;
    line-height: 1.3em;
    color: #303c48;
    margin-top: 1.302083333%;
    padding: 0;
  }

  #footer_in .inner_left ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner_right {
    width: 100%;
    height: auto;
    margin-bottom: 3.90625%;
    padding: 0;
  }

  #footer_in .inner_right img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  #footer_in .inner ul li {
    width: 100%;
    height: auto;
    margin-bottom: 1.302083333%;
    padding: 0;
  }

  #footer_in .inner ul li:last-child {
    margin: 0;
  }

  #footer_in .inner ul li 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;
    padding: 2.994791666% 0 2.604166666% 0;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
  }

  #footer_in .inner ul li.type01 a {
    background-color: #326a3f;
  }

  #footer_in .inner ul li.type02 a {
    background-color: #326a3f;
  }

  #footer_in .inner ul li a:hover {
    color: #ffffff;
  }

  #footer_in .inner ul li 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;
  }

  #footer_in .inner ul li.type01 a::after {
    background-color: #303c48;
  }

  #footer_in .inner ul li.type02 a::after {
    background-color: #6fa106;
  }

  #footer_in .inner ul li a:hover:after {
    height: 100%;
  }

  #footer_in p {
    width: 100%;
    height: auto;
    font-family: "arial", "メイリオ";
    font-size: 12px;
    text-align: left;
    color: #303c48;
    padding-top: 5.208333333%;
    clear: both;
  }

  /* ウィジェット エリア */
  #sidebar #widget-area {
    width: 100%;
    height: auto;
    display: table;
    margin-top: -40px;
  }

  #sidebar #widget-area .widget-container {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    margin-bottom: 25px;
  }

  #sidebar #widget-area .widget-container img {
    width: auto;
    height: auto;
    padding: 0;
    text-align: center;
    margin: auto;
  }

  #sidebar #widget-area .widget-container img:hover {
    opacity: 0.5;
  }

  #sidebar #widget-area .widget-container p {
    width: 100%;
    height: auto;
    margin-bottom: 1.953125%;
    padding: 0;
  }

  #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: 13px 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: 16px;
    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 .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;
  }

  /* コメント エリア */
  #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: 3.90625%;
    padding: 0;
  }

  #content .corona p {
    margin-bottom: 13px;
  }

  #content .top_bnr p {
    margin-bottom: 0;
  }

  .top_bnr img.arrow {
    width: 82.19178082%;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  .top_bnr02 {
    width: 100%;
    height: auto;
    margin-bottom: 5.208333333%;
    padding: 0;
  }

  .top_bnr img,
  .top_bnr02 img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .top_bnr02 p {
    font-size: 15px;
    text-align: left;
    line-height: 1.6em;
    color: #333333;
    margin-bottom: 1.953125%;
  }

  .top_bnr02 p span {
    font-size: 18px;
    font-weight: bold;
    color: #326a3f;
  }

  /*下層ページ作る際に削除*/
  .contact_box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 2.604166666%;
    background-color: #f9fef1;
    border: 1px solid #cccccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .contact_box .inner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 2.604166666%;
    background-color: #ffffff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    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: 2.604166666% 0 4.557291666% 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: 15px;
    line-height: 1.6em;
    color: #303c48;
    margin-bottom: 2.604166666%;
  }

  .contact_box .inner p span {
    color: #326a3f;
  }

  .contact_box .inner .view {
    width: 100%;
    margin-top: 3.90625%;
    padding-top: 56.25%;
    position: relative;
  }

  .contact_box .inner .view iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  /*下層ページ作る際に削除*/

  /*お問い合わせエリア*/
  .page-contact {
  }

  .page-contact p {
    margin-bottom: 13px !important;
  }

  table.table th {
    width: 30%;
    font-size: 13px;
    padding: 3%;
  }

  table.table td {
    font-size: 13px;
    padding: 3%;
  }

  iframe.lazyloaded {
    height: 300px;
  }

  /* お悩み */
  ul.trable {
    width: 100%;
  }
  ul.trable li {
    display: inline-block;
    margin: 0px 3% 2% 0px;
    width: 47%;
    text-align: center;
  }
  ul.trable li:nth-child(3),
  ul.trable li:nth-child(9) {
    margin: 0px 3% 2% 0px;
  }
  ul.trable li:nth-child(even) {
    margin-right: 0px;
  }
  ul.trable li img {
    display: inline-block;
  }

  /* 選ばれる理由ページ エリア */
  .page img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    margin-bottom: 0;
  }

  .feature {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .feature .inner {
    width: 100%;
    height: auto;
    margin-top: 5.208333333%;
    padding-bottom: 3.90625%;
    border-bottom: 2px dotted #999999;
    display: table;
  }

  .feature .inner img {
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  .feature .inner ul {
    width: 100%;
    height: auto;
    margin-top: 3.90625%;
    padding: 0;
  }

  .feature .inner ul li {
    width: 100%;
    height: auto;
    margin-bottom: 2.604166666%;
    padding: 0;
  }

  .feature .inner ul li:last-child {
    margin: 0;
  }

  .feature .inner ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
  }

  .feature .inner ul li p {
    font-size: 15px;
    line-height: 1.6em;
    color: #333333;
  }

  /*トップページ　院長挨拶*/
  .top_box {
    width: 100%;
    height: auto;
    margin-bottom: 1.953125%;
    padding: 0;
    display: table;
  }

  .top_box img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .top_box .inner {
    width: 100%;
    height: auto;
    margin-top: 3.90625%;
    padding: 0;
  }

  .top_box .inner p {
    font-size: 15px;
    text-align: left;
    line-height: 1.6em;
    color: #333333;
    margin-bottom: 1.953125%;
  }

  .top_box .inner p span {
    font-size: 15px;
    font-weight: bold;
    color: #157f75;
  }

  .top_box .inner img {
    width: 80%;
    height: auto;
    margin: 0 auto 2.604166666% auto;
    padding: 0;
  }

  /*院長紹介*/

  .ep .img {
    margin-bottom: 17px;
  }

  .shokai img {
    width: 85%;
    margin: 0 auto;
  }

  /* 患者様の声ページ エリア */
  .voice-block {
    width: 100%;
    overflow: hidden;
    background-color: #e9efeb;
  }

  .voice-float {
    width: 100%;
    padding: 10px;
    float: none;
  }

  .voice-float img {
    border: 10px solid #ffffff;
    width: 80%;
    margin: auto;
  }

  #content .voice-float p {
    margin-top: 0;
  }

  span.img-click {
    display: block;
    width: 80%;
    margin: auto;
    margin-top: 10px;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: white;
    background-color: #ff335c;
    border-radius: 5px;
    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;
  }

  /* 初めての方へページ エリア */
  #content .point h3 {
    width: auto;
    float: none;
    border: none;
    padding: 0;
    color: #000;
    margin-bottom: 1em;
  }

  .img_right {
    float: none;
  }

  .img_right img {
    margin: auto;
    width: 70%;
    margin-bottom: 1em;
  }

  body:not(.home) #content .point p.txt_left {
    float: none;
  }

  .price-block img {
    width: 70%;
    margin: auto;
  }

  th.prise-th {
    width: 40%;
    background-color: #1e4126;
  }

  .staff_box img {
    height: auto;
    width: 70%;
    margin: auto;
    margin-bottom: 1em;
  }

  span.profile-title {
    width: 100px;
  }

  .flow img {
    margin: auto;
  }

  ul.flow li p {
    margin-bottom: 3%;
  }

  ul.flow li img {
    width: 80%;
    margin: auto;
  }

  p.txt {
    margin: 0px auto 27px;
  }

  /* 症例一覧ページ エリア */
  .case_box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: table;
  }

  .case_box .img_nav {
    width: 100%;
    height: auto;
    margin-bottom: 3.255208333%;
    padding: 0;
    display: table;
  }

  .case_box .img_nav ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .case_box .img_nav ul li {
    width: 48%;
    height: auto;
    margin: 0 1.506849315% 1.432291666% 0;
    padding: 0;
    float: left;
  }

  .case_box .img_nav ul li:last-child {
  }

  .case_box .img_nav ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .ylwbox {
    background-color: #ffffd2;
    border: 2px solid #cc0000;
  }

  .price-table td {
    width: 50%;
  }

  /*症例下層*/

  #shorei img {
    width: 85%;
    margin: auto;
  }

  div.symptom_nayami {
    overflow: hidden;
  }

  #shorei .symptom_nayami .onayami_ttl img {
    width: 100%;
  }

  div.symptom_nayami .right {
    width: 50%;
    margin: 0 auto 3px !important;
  }

  div.symptom_nayami .right img {
    display: inline-block;
  }

  div.symptom_nayami ul {
    float: left;
    width: 100%;
  }
  div.symptom_nayami ul li {
    background-image: url("../../uploads/2022/01/shorei_check.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding: 10px 0px 10px 37px;
    border-bottom: dotted 2px #c5bbbb;
    color: #562b0c;
    font-size: 13px;
  }

  #content p.onayami_ttl {
    margin-bottom: 3px;
  }

  #content p.shorei_arrow {
    margin: 20px 0 10px;
  }

  div.symptom_nayami ul li {
    font-size: 15px;
    font-weight: bold;
  }

  #shorei p.shiryo img {
    width: 100%;
  }

  /**/
  p.important {
    background-color: #41a2d340;
    padding: 8px;
    font-size: 12px;
  }

  /*よくある質問*/

  .question1 {
    font-size: 17px;
    font-weight: bold;
    line-height: 130%;
    margin: 15px auto 4px auto;
    padding: 5px 0 6px 50px;
    background-image: url(../amaterasu/images/q1.png);
    background-repeat: no-repeat;
    background-position: 10px top;
    background-size: 30px;
  }
  #content .question1 p {
    margin-bottom: 0;
  }
  #content .answer1 {
    position: relative;
    font-size: 16px;
    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 60px;
    background-image: url(../amaterasu/images/a1.png);
    background-repeat: no-repeat;
    background-position: 12px 18px;
    background-size: 30px;
  }

  .nmlbox {
    border: 2px solid #cccccc;
  }

  .nmlbox,
  .dottbox,
  .ylwbox,
  .graybg {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
  }

  /*メール*/
  .wpcf7 p input[type="text"] {
    width: 100%;
    height: auto;
    margin: 5px 0 15px 0;
    padding: 5px 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%;
    width: 100%;
    height: auto;
    margin: 5px 0 0 0;
    padding: 3%;
    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: 12px;
    text-align: center;
    color: #ffffff;
    padding: 2px 7px 2px 7px;
    background-color: #ff8d0c;
    font-weight: bolder;
  }

  .wpcf7 p span.accept {
    font-size: 12px;
    color: #ff8d0c;
  }

  .wpcf7 p input[type="submit"] {
    width: 50% !important;
    height: auto;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin: 0 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;
  }

  .wpcf7 p {
    width: 100%;
    height: auto;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    color: #6c5e55;
    margin-bottom: 15px;
    padding: 0;
    font-weight: bolder;
  }

  span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
    font-weight: 100;
  }

  /*症例ページ*/

  table,
  td,
  th {
    border: solid 1px #ccc;
    padding: 5px;
  }

  table {
    width: 100%;
    font-size: 13px;
    margin: 10px 0;
    border-collapse: collapse;
    border-spacing: 0px;
  }

  .dsc2item td {
    padding: 6px;
    width: 25%;
  }

  .dsc1item th,
  .dsc2item th {
    text-align: center;
    background-color: #ebebeb;
  }

  th {
    background-color: #326a3f;
    color: #ffffff;
    text-align: center;
  }

  .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;
  }

  /*M式テクニックについて*/

  .todo_area,
  .todo_area ul,
  .todo_area .right {
    width: 100%;
  }

  .todo_area ul li {
    font-size: 15px;
  }

  .cycle_area .inner {
    display: block;
  }

  .cycle_area .inner .left,
  .cycle_area .inner .right {
    width: 100%;
  }

  .approach_area,
  .approach_area .left,
  .approach_area .right {
    width: 100%;
  }

  #m-tec img {
    width: 90%;
    margin: auto;
  }

  /* カテゴリ・アーカイブ・検索結果ページ エリア */
  .post_inner {
    width: 100%;
    height: auto;
    margin-bottom: 3.90625%;
    padding-bottom: 1.953125%;
    float: left;
  }

  .post_inner .thum {
    width: 21.97802197%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }

  .post_inner .show_post {
    width: 75.27472527%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
  }

  .post_inner .show_post li {
    width: 100%;
    height: auto;
    margin-bottom: 0.911458333%;
    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: 0 3px;
    float: left;
    background-color: #6fb429;
  }

  .post_inner .show_post li.cat_mark_box p.cat_mark a {
    font-size: 10px;
    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: 15px;
    color: #613811;
    text-decoration: none;
    line-height: 1.2em;
    display: block;
  }

  .post_inner .show_post li.cat_text_box {
    margin: 0;
  }

  .post_inner .show_post li.cat_text_box p.cat_text {
    line-height: 1.2em;
  }

  .post_inner .show_post li.cat_text_box p.cat_text a {
    font-size: 13px;
    color: #613811;
    line-height: 1.3em;
    text-decoration: none;
    display: block;
  }

  .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: #ff6600;
  }

  /*------------------------------------症例メニューレスポンシブ2020/6/19------------------------------------*/

  .caselist div#cases_nav {
    padding: 0;
    border-radius: initial;
    background: #fff;
  }

  .caselist div#cases_nav li {
    float: left;
    width: 49%;
    margin: 1px;
    text-align: center;
    background: #326a3f;
    border-right: none;
  }

  .caselist div#cases_nav li:nth-child(-n + 5) {
    background: #326a3f;
    border-bottom: none;
  }

  #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;
  }

  /*------------------------------------症例メニューレスポンシブ2020/6/19ここまで------------------------------------*/

  /*コロナ対策エリア*/
  .corona p img {
    margin: 0 auto;
  }

  /*ブレッド*/
  .maincontents {
    padding: 20px 0;
  }

  .nayami {
    margin-bottom: 0;
  }

  .main_conts_wrap {
    width: 100%;
    padding: 0 5%;
  }

  .ttl02 {
    margin-bottom: 12px;
    font-size: 24px;
  }

  .ttl02_sub {
    font-size: 16px;
    text-align: center;
    line-height: 1.6;
  }

  .nayami_conts {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .nayami_list {
    margin-bottom: 25px;
    order: 1;
  }

  .nayami_list ul li {
    background-size: 24px auto;
    margin-bottom: 20px;
    padding-left: 32px;
    font-size: 16px;
  }

  .nayami_list ul li:last-child {
    margin-bottom: 0;
  }

  .nayami_img {
    max-width: 280px;
    margin: 0 auto;
  }

  span.sub-t2 {
    font-size: 18px;
  }
}