@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 !important;
}
/* ヘッダー エリア */
#header_in .inner_left{
  width:54.94505494%;
  height:auto;
  margin:0;
  padding-top:0;
}
#header_in .inner_left img{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
#header_in .inner_right{
  width:30%;
  height:auto;
  margin:0;
  padding:0;
  float:right;
}
#header_in .inner_right  ul.sp_nav_wrap{
  display:flex;
  justify-content:flex-end;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  align-items:center;
  width:100%;
}
#header_in .inner_right ul.sp_nav_wrap li{
  width:auto;
  margin-right:8px;
}
#header_in .inner_right .sp_nav_btn{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
#header_in .inner_right .sp_nav_btn img{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  float:right;
}
#header_in .inner_right .sp_nav_btn a{
  float:right;
  padding:0 0px 0 5px;
}
#nav_sp.nav_sp{
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  padding:18% 0% 0%;
  pointer-events:none;
  transition:.5s ease;
  transform:translateY(-50vw);
  background-color:#fff;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
  height:auto;
  z-index:999999999;
  width:100%;
}
input#sp-menu:checked + #nav_sp{
  opacity:1;
  pointer-events:all;
  transform:translateY(0);
}
#nav_sp.t_sp_menu ul{
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:center;
  justify-content:space-evenly;
  align-items:center;
}
#nav_sp.t_sp_menu ul li{
  width:46%;
  font-size:4vw;
  margin-bottom:3%;
}
#nav_sp.t_sp_menu ul li a{
  background:#11c5d9;
  padding:10% 5%;
  display:flex;
  text-decoration:none;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-start;
  align-items:center;
  position:relative;
}
#nav_sp.t_sp_menu ul li a span.sp_memu_text{
  color:white;
  text-decoration:none;
  font-weight:600;
  letter-spacing:1px;
}
#nav_sp.t_sp_menu ul li a span.sp_memu_icon{
  width:1.5em;
  margin-right:0.5em;
}
#nav_sp.t_sp_menu ul li a::before{
  border-left:2px solid;
  border-top:2px solid;
  border-color:#ffffff;
  content:"";
  height:5px;
  position:absolute;
  right:15px;
  top:42%;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:5px;
}
#nav_sp .t_sp_menu ul li:nth-child(5){
  width:95%;
}
#nav_sp .t_sp_menu ul li:nth-child(5) a{
  padding:5% 2.75%;
}
/* パンくずリスト エリア */
#breadcrumb{
  margin:-10px 0 5px 0;
}
#breadcrumb div{
  font-size:12px;
  display:inline-block;
}
/* コンテンツ エリア */
#content h1{ 
  width:auto;
  font-size:20px;
  font-weight:bold;
  margin-bottom:10px;
  padding:8px 10px 6px 20px;
  clear:both;
  color:#666666;
  background-color:#f8f8f8;
  border-top:4px solid #cc0000;
  border-bottom:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
}
#content h2,
#content h3{ 
  width:auto;
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
  padding:6px 10px 3px 20px;
  clear:both;
  color:#666666;
  background-color:#f8f8f8;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  border-left:7px solid #cc0000;
  border-right:1px solid #cccccc;
}
#content h4,
#content h5,
#content h6{ 
  width:auto;
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
  padding:1px 10px 0px 20px;
  clear:both;
  color:#666666;
  background-color:#f8f8f8;
  border-top:4px solid #cc0000;
  border-bottom:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
}
#content h1 a{ 
  font-size:20px;
  font-weight:bold;
  text-decoration:none; 
  color:#666666;
}
#content h2 a,
#content h3 a{ 
  font-size:16px;
  font-weight:bold;
  text-decoration:none; 
  color:#666666;
}
#content h4 a,
#content h5 a,
#content h6 a{ 
  width:auto;
  font-size:14px;
  font-weight:bold;
  text-decoration:none; 
  color:#666666;
}
#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover,
#content h5 a:hover,
#content h6 a:hover{ 
  color:#cc0000;
}
#content .post{
  padding-bottom:20px;
}
.home #content .post
.page-template-page-onecolumn #content .post{
  padding-bottom:0;
}
#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:120px;
  right:55px;
}
p.pagetop a{
  display:block;
  width:50px;
  height:50px;
  font-size:24px;
  text-align:center;
  text-decoration:none;
  line-height:50px;
  color:#ffffff;
  background-color:#cccccc; /* [if lt IE 9] */
  background:-webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, #eeeeee),
  color-stop(1, #999999)
);
  background:-o-linear-gradient(bottom, #eeeeee 0%, #999999 100%);
  background:-moz-linear-gradient(bottom, #eeeeee 0%, #999999 100%);
  background:-webkit-linear-gradient(bottom, #eeeeee 0%, #999999 100%);
  background:-ms-linear-gradient(bottom, #eeeeee 0%, #999999 100%);
  background:linear-gradient(to bottom, #eeeeee 0%, #999999 100%);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  border:1px solid #888888;
}
p.pagetop a:hover{
  opacity:0.7;
  color:#cc0000;
}
/* フッター エリア */
#footer_in .inner_right{
  display:none;
}
#footer_in .inner_left{
  width:100%;
  height:auto;
  margin-bottom:2.604166666%;
  padding:0;
  float:left;
}
#footer_in .inner_left>p{
  text-align:center;
  color:#fff;
  font-size:3.5vw;
  margin-bottom:6%;
}
#footer_in .inner_left ul{
  width:100%;
  height:auto;
  margin-left:1%;
  padding:0;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:center;
  justify-content:space-between;
  align-items:center;
}
#footer_in .inner_left ul li{
  width:49%;
  height:auto;
  margin:0 0 2%;
  padding:0;
}
#footer_in .inner_left ul li a{
  font-size:14px;
  padding:10% 10%;
  text-decoration:none;
  background-color:#606060;
  background-image:url("images/arrow_icon_white.png");
  background-position:center right 5%;
  background-repeat:no-repeat;
  background-size:auto 15px;
  color:#fff;
  display:block;
}
#footer_in .inner_left ul li a:hover{
  text-decoration:underline;
}
#copyright p,
#copyright p a{
  width:auto;
  height:auto; 
  font-family:"Noto Sans JP","メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
  font-size:12px;
  text-decoration:none;
  text-align:center;
  color:#ffffff;
  margin:0;
}
/* ウィジェット エリア */
#sidebar #widget-area{
  width:100%;
  height:auto;
  display:table;
}
#sidebar #widget-area .widget-container{
  width:100%;
  height:auto;
  float:left;
  clear:both;
}
#sidebar #widget-area .widget-container ul{
  width:100%;
  height:auto;
  margin-bottom:20px;
  padding-bottom:10px;
  float:left;
  clear:both;
  background-color:#none;
}
#sidebar #widget-area .widget-container ul li{
  width:auto;
  height:auto;
  margin:0 5px;
  padding:4px 0 4px 25px;
  background-image:url("images/nav_icon.png");
  background-position:0 8px;
  background-repeat:no-repeat;
  border-bottom:1px dotted #444444;
}
#sidebar #widget-area .widget-container ul li a{
  width:auto;
  height:auto;
  display:block;
  font-size:14px;
  font-weight:bold;
  text-decoration:none; 
  color:#666666;
}
#sidebar #widget-area .widget-container ul li a:hover{
  color:#cc0000;
}
#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:16px;
  font-weight:bold;
  line-height:1;
  padding:8px 0 8px 15px;
  color:#666666;
  background-color:#f8f8f8;
  border-top:4px solid #cc0000;
  border-bottom:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
}
#sidebar #widget-area .widget-container .tagcloud{
  margin-bottom:20px;
}
#sidebar #widget-area .widget-container .rss-widget-icon{
  margin:0 5px 20px -5px;
  float:left;
}
/* コメント エリア */
#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;
}
/*症例ページCSS*/
.cases-template-single-cases .ovh .img-right,
.cases-template-single-cases .ovh .img-left,
.cases-template-single-cases .ovh .text-right,
.cases-template-single-cases .ovh .text-left{
  float:none;
  width:100%; 
}
.cases-template-single-cases .ovh .img-right,
.cases-template-single-cases .ovh .img-left{
  text-align:center;
}



/* iframe レスポンシブ用コード */
.view{
  width:100%;
  margin-top:20px;
  padding-top:56.25%;
  position:relative;
}
.view iframe{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}
/* カテゴリ・アーカイブ・検索結果ページ エリア */
.post_inner{
  width:100%;
  height:auto;
  margin-bottom:3.90625%;
  padding-bottom:1.953125%;
  float:left;
  border-bottom:1px dotted #50361d;
}
.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:1.0em;
  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;
}
/*popup*/
.footer-popup{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:999999999;
}
.footer-popup ul{
    width:100%;
    overflow:hidden;
    display:table;
    table-layout:fixed;
}
.footer-popup ul li{
   display:table-cell;
   vertical-align:middle;
}
.footer-popup ul li a{
    display:block;
}
/*popup*/
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;
  box-shadow:0 0 0 #555;
}
input#sp-popup:checked+#popuptel_wrap::before{
  background:#f4fdff;
  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;
  box-shadow:0 0 10px 0px #c6cdce;
}
div#popuptel_wrap div.popuptel_inner>p{
  font-size:4.5vw;
  line-height:1.35em;
  font-weight:500;
  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:#d0f7ff;
  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-color:#80f4c3;
  background-image:-moz-linear-gradient(-30deg, #80f4c3 0%, #0cb6e3 100%);
  background-image:-webkit-linear-gradient(-30deg, #80f4c3 0%,#0cb6e3 100%);
  background-image:linear-gradient(150deg, #80f4c3 0%,#0cb6e3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f4c3', endColorstr='#0cb6e3',GradientType=1 );
}
div#popuptel_wrap div.popuptel_inner ul li:nth-child(2){
  background-color:#e8f57c;
  background-image:-moz-linear-gradient(-30deg, #32d4f4 0%, #1986af 99%);
  background-image:-webkit-linear-gradient(-30deg, #32d4f4 0%,#1986af 99%);
  background-image:linear-gradient(150deg, #32d4f4 0%,#1986af 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#32d4f4', endColorstr='#1986af',GradientType=1 );
}
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;
  background-position:center;
  background-size:70% auto;
  background-repeat:no-repeat;
}
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{
  background-image: url('images/popup_tel01.png');
}
div#popuptel_wrap div.popuptel_inner ul li:nth-child(2) span{
  background-image: url('images/popup_tel01.png');
}
div#popuptel_wrap div.popuptel_inner ul li b{
  text-align:center;
  display:block;
  letter-spacing:1px;
  font-weight:500;
  color:#fff;
  text-shadow:0 0 1px #4f4f4f;
}
div#popuptel_wrap div.popuptel_inner label{
  background-color:#16b3d2;
  width:80%;
  border-radius:5000px;
  text-align:center;
  display:block;
  padding:1.25vw;
  position:relative;
  color:#fff;
  max-width:280px;
  padding:8px 0;
  margin:0vw auto 0;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
}
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;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:6px;
}
div#popuptel_wrap div.popuptel_inner label span{
  letter-spacing:1px;
  color:#fff;
  font-weight:600;
  text-shadow:0 0 1px #4f4f4f;
}
}