@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:68%;
  height:auto;
  margin:0;
  padding-top:0;
  max-width: 400px;
}
#header_in .inner_left img{
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}
#header_in .inner_right{
  width:31%;
  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-left: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:17% 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;
  margin-top:4%;
}
#nav_sp.t_sp_menu ul li{
  width:46%;
  font-size:4vw;
  margin-bottom:3%;
}
#nav_sp.t_sp_menu ul li:nth-child(7){
  width:95%;
}
#nav_sp.t_sp_menu ul li a{
  background:#f0b317;
  padding:10% 3.6%;
  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:nth-child(7) a{
  padding:5% 2.5%;
}
#nav_sp.t_sp_menu ul li a span.sp_memu_text{
  color:white;
  text-decoration:none;
  font-weight:600;
  letter-spacing:1px;
  line-height: 1em;
  font-size: 3.4vw;
  padding-bottom: 0.35vw;
}
#nav_sp.t_sp_menu ul li a span.sp_memu_icon{
  width:1.5em;
  margin-right:1.5%;
}
#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:4%;
  -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;
}
#footer_in .inner_left #f_logo{
  width: 96%;
  margin: 0 auto 3%;
}
#footer_in .inner_left>p{
  text-align:center;
  color:#343434;
  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;
}
#footer_menu ul.footer-list.footer-groupshop {
    display: flex;
    flex-wrap: wrap;
    vertical-align: baseline;
    border-top: solid 1px #ccc;
}
#footer_menu ul.footer-list li {
    width: 50%;
    min-width: inherit;
}
#footer_menu ul.footer-list li a {
  padding: 5.5% 3% 5.5% 12%;
  font-size: 14px;
  text-decoration: none;
  color: #343434;
  position:relative;
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}
#footer_menu ul.footer-list li:nth-child(2n) a{
  border-right: unset;
}
#footer_in #footer_menu ul li a::before {
  content: '';
  position: absolute;
  width: 5%;
  height: 3px;
  background: #f0b317;
  left: 3%;
}
#footer_menu ul.footer-list li:last-of-type:nth-child(2n+1) {
    width: 100%;
}
#footer_menu ul.footer-list li:last-of-type:nth-child(2n+1) a{
    padding: 3.5% 1.5% 3.5% 6%;
}
#footer_in #footer_menu ul li:last-of-type:nth-child(2n+1) a::before {
  width: 2.5%;
  height: 3px;
  left: 1.5%;
}
ul.footer-bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  padding: 3%;
  align-items: center;
}
ul.footer-bottom li {
  width: 50%;
  padding: 0;
  padding: 0;
}
ul.footer-bottom li a {
  display: block;
  text-align: center;
  color: #59460B;
  text-decoration: none;
  font-size: 14px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 3% 5% 3% 15%;
}

ul.footer-bottom li a::before{
  border-left:2px solid;
  border-top:2px solid;
  border-color: #eb9a30;
  content:"";
  height:6px;
  position:absolute;
  left: 0;
  /* top:45%; */
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:6px;
}
#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 img{
  image-rendering:auto;
}/*
.footer-popup ul li:first-of-type{
  background-color:#e8f57c;
  background-image:-moz-linear-gradient(-30deg, #ffaf52 0%,#e97e00 99%);
  background-image:-webkit-linear-gradient(-30deg, #ffaf52 0%,#e97e00 99%);
  background-image: linear-gradient(-30deg, #ff4c07 0%,#e97e00 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=
  '#ffaf52', endColorstr='#e97e00',GradientType=1 );
}
.footer-popup ul li:nth-child(2){
  background-color: #1986af;
  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 );
}
.footer-popup ul li:last-of-type{
  background-color: #1986af;
  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, #54ea50 0%,#16bc12 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#32d4f4', endColorstr='#1986af',GradientType=1 );
}*/
/*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:#fff8ed;
  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:#fff6e0;
  margin:3.5vw 0 4vw;
}
div#popuptel_wrap div.popuptel_inner ul li{
  width:80%;
  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, #f0b317 0%,#fa7f00 100%);
  background-image:-webkit-linear-gradient(-30deg, #f0b317 0%,#fa7f00 100%);
  background-image:linear-gradient(150deg, #f0b317 0%,#fa7f00 100%)
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b317', endColorstr='#fa7f00',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:#f0b317;
  width:80%;
  border-radius:5000px;
  text-align:center;
  display:block;
  padding:1.25vw;
  position:relative;
  color:#fff;
  max-width:280px;
  padding:8px 0;
  margin:3.4vw 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;
}
}
/*popup_line*/
div#popuptel_wrap_line{
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  overflow:hidden;
  height:0;
}
input#sp-linepopup:checked+#popuptel_wrap_line{
  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-linepopup:checked+#popuptel_wrap_line::before{
  background:#fff8ed;
  opacity:0.85;
  content:'';
  width:100vw;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  display:block;
  z-index:-10;
}
div#popuptel_wrap_line div.popuptel_inner{
  background-color:#fff;
  border-radius:8px;
  display:block;
  max-width: 400px;
  width:84vw;
  height:auto;
  padding: 2% 0;
  z-index:0;
  box-shadow:0 0 10px 0px #c6cdce;
}
div#popuptel_wrap_line div.popuptel_inner>p{
  font-size:clamp( 16px, 4.5vw, 25px );
  line-height:1.35em;
  font-weight:500;
  text-align:center;
  display:block;
  color:#333;
}
div#popuptel_wrap_line div.popuptel_inner>ul+p{
  font-size:clamp( 16px, 4.2vw, 22px );
}
div#popuptel_wrap_line div.popuptel_inner ul{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  padding: 5% 5%;
  background:#fff6e0;
  margin: 5% 0;
}
div#popuptel_wrap_line div.popuptel_inner ul li{
  width: 80%;
  margin:0 auto;
  border-radius: 20px;
  padding-bottom: 1vw;
}
div#popuptel_wrap_line div.popuptel_inner ul li:nth-child(1){
  background-color: #4acb46;
  background-image:-moz-linear-gradient(-30deg, #f0b317 0%,#fa7f00 100%);
  background-image: -webkit-linear-gradient(-30deg, #17bd15 0%,#4acb46 100%);
  background-image: gradient(-30deg, #17bd15 0%,#4acb46 100%)  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b317', endColorstr='#fa7f00',GradientType=1 );
}
div#popuptel_wrap_line 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_line div.popuptel_inner ul li a{
  display:block;
  text-decoration:none;
  color:#fff;
  font-size:3.75vw;
}
div#popuptel_wrap_line div.popuptel_inner ul li span{
  max-width: 40px;
  width:9vw;
  background-color:#fff;
  max-height: 40px;
  height:9vw;
  border-radius:800px;
  text-align:center;
  display:flex;
  align-items:center;
  margin: 1vw auto .5vw;
  background-position:center;
  background-size:70% auto;
  background-repeat:no-repeat;
}
div#popuptel_wrap_line div.popuptel_inner ul li span i{
  margin:0 auto;
  font-size:4.2vw;
}
div#popuptel_wrap_line div.popuptel_inner ul li:nth-child(1) span{
  background-image: url('images/popup_tel01.png');
  filter: hue-rotate(45deg);
}
div#popuptel_wrap_line div.popuptel_inner ul li:nth-child(2) span{
  background-image: url('images/popup_tel01.png');
}
div#popuptel_wrap_line div.popuptel_inner ul li b{
  text-align:center;
  display:block;
  letter-spacing:1px;
  font-weight:500;
  color:#fff;
  font-size: clamp( 16px, 4.2vw, 22px );
  text-shadow:0 0 1px #4f4f4f;
}
div#popuptel_wrap_line div.popuptel_inner label{
  background-color: #1fbf1d;
  width:80%;
  border-radius:5000px;
  text-align:center;
  display:block;
  padding:1.25vw;
  position:relative;
  color:#fff;
  max-width:280px;
  padding:8px 0;
  margin: 30px auto 0;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
}
div#popuptel_wrap_line 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_line div.popuptel_inner label span{
  letter-spacing:1px;
  color:#fff;
  font-weight:600;
  text-shadow:0 0 1px #4f4f4f;
}

/*2023/05/24|追記*/
@media screen and (max-width: 768px){
  #content .post {
    width: 95%;
    margin: auto;
    padding-bottom: 20px;
  }
  #content .post h1 {
    margin: 0px 0px 20px;
    padding: 10px 10px;
    font-size: 25px;
    color: #5c4508;
    background-color: #fff;
    border: none;
    border-bottom: 5px solid #f3a200;
  }
  #content .post h2 {
      margin: 0px 0px 20px;
      padding: 10px 20px;
      font-size: 16px;
      color: #fff;
      background-color: #f3a200;
      border-radius: 10px;
      border: none;
  }
  #content .column_summary{
    width: auto;
    font-size: 20px;
    font-weight: bold;
    margin: 0 20px;
    margin-top: 24px;
    margin-bottom: 30px;
    padding: 10px 10px 8px 16px;
    clear: both;
    color: #fff;
    background-color: #f3a200;
    border-radius: 5px;
    border: none;
  }
}