@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, main, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; font-size:100%; }
html { font:14px sans-serif; }
body { -webkit-text-size-adjust: 100%; }
@media print {
body { -webkit-print-color-adjust:exact; }
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display:block; }
img { vertical-align:top; font-size:0; -ms-interpolation-mode: bicubic; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; }
a { margin:0; padding:0; vertical-align:baseline; background:transparent; font-size:100%; text-decoration:none; }
a:link { text-decoration:none; }
a:focus { outline:none; }
ins { color:#000; background-color:#ff9; text-decoration:none; }
mark { color:#000; background-color:#ff9; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { margin:1em 0; padding:0; border:0; border-top:1px solid #cccccc; display:block; height:1px; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; font-size:100%; }
textarea, button { font-size:100%; }
pre, code, kbd, samp, tt { font-family:monospace; }
sub, sup { margin:0; padding:0; border:0; outline:0; position:relative; font-size:66.7%; }
sup { top:-0.3em; }
sub { bottom:-0.1em; } a:active, a:hover, a:focus { outline:0 none; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
img { vertical-align:middle; max-width:100%; }
.img_responsive, .thumbnail>img, .thumbnail a>img, .carousel_inner>.item>img, .carousel_inner>.item>a>img { display:block; width:100% \9; max-width:100%; height:auto }
.img_rounded { border-radius:6px }
.img_thumbnail { display:inline-block; width:100% \9; max-width:100%; height:auto; padding:3px; line-height:1.42857143; background-color:#fff; border:1px solid #ddd; }
.img_circle { border-radius:50% }
p { margin:0}
.table { width:100%; max-width:100%; margin-bottom:10px }
.table tr>th, .table tr>th, .table tr>th, .table tr>td, .table tr>td, .table tr>td { padding:8px; line-height:1.42857143; vertical-align:top; border-bottom:1px solid #ddd; text-align:left }
.table>tbody+tbody { border-top:1px solid #ddd }
.table_bordered { border:1px solid #ddd }
.table_bordered tr>th, .table_bordered tr>th, .table_bordered tr>th, .table_bordered tr>td, .table_bordered tr>td, .table_bordered tr>td { border:1px solid #ddd }
th label { margin: 0; }
input[type=search] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
input[type=radio], input[type=checkbox] { margin:4px 0 0; margin-top:1px \9; line-height:normal; vertical-align:top; }
input[type=file] { display:block }
input[type=range] { display:block; width:100% }
select[multiple], select[size] { height:auto }
input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }
output { display:block; padding-top:7px; font-size:14px; line-height:1.42857143; color:#555 }
.clearfix:before, .clearfix:after, .row:before, .row:after, .pager:before, .pager:after, .sg_header:after, .sg_main:after, .sg_footer:after, .media_txt:after { display:table; content:" " }
.clearfix:after, .row:after, .pager:after, .sg_header:after, .sg_main:after, .sg_footer:after, .media_txt:after { clear:both }
.center_block { display:block; margin-right:auto; margin-left:auto }
.pull_right { float:right!important }
.pull_left { float:left!important }
.btn_block { display: block; width: 100%; }
.btn { display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }
.btn:hover, .btn:focus { color:#333; text-decoration:none }
.btn:active, .btn.active { background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125) }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events:none; cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity:.65 }
.btn_default { color:#333; background-color:#fff; border-color:#ccc }
.btn_lg { border-radius: 6px; font-size:122.3%; line-height: 1.33333; padding: 8px 14px; }
.btn_sm { border-radius: 3px; font-size:88.9%; line-height: 1.5; padding: 2px 7px; }
.btn_xs { border-radius: 2px; font-size:72.3%; line-height: 1.5; padding: 1px 5px; }
a.btn { text-decoration:none; }
.embed_responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed_responsive .embed_responsive_item, .embed_responsive iframe, .embed_responsive embed, .embed_responsive object, .embed_responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed_responsive.embed_responsive_16by9 { padding-bottom: 56.25%; }
.embed_responsive.embed_responsive_4by3 { padding-bottom: 75%; } a.cur_zoom {
display: inline-block;
z-index: 2;
position: relative;
vertical-align: top; }
a.cur_zoom img {
position: relative;
z-index: -1; }
.cur_zoom:after {
position: absolute;
z-index: 100;
bottom: 0;
right: 0;
display: block;
width: 24px;
height: 24px;
background: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/common_img/ico_zoom.png);
content: ""; }
 strong{ font-weight:bold;}
strong.strong{ font-size:125%;}
@media screen and (max-width:640px){
strong.strong{ font-size:116%;}
}
.mincho { font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; } .zen-maru { font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500; }
.marker {
background: linear-gradient(transparent 70%, #fff100 70%);
}
.normal{ font-weight:normal;}
.bold { font-weight:900;}
.italic{ font-family: 'Times New Roman',serif; font-style: italic; letter-spacing:0.05em;}
.txt11{ font-size:11px;}
.txt12{ font-size:12px;}
.txt14{ font-size:14px;}
.txt15{ font-size:15px;}
.txt16{ font-size:16px;}
.txt18{ font-size:18px;}
.txt21{ font-size:21px;}
.txt24{ font-size:24px;}
.txt90p { font-size:90%; }
.txt120p { font-size:120%; }
.txt140p { font-size:140%!important; }
.txt160p { font-size:160%; }
.txt180p { font-size:180%; }
.txt200p { font-size:200%; }
.txt300p { font-size:300%; }
@media print, screen and (min-width:769px){
.txt140p_pc { font-size:140%; }
.txt160p_pc { font-size:160%; }
}
@media print, screen and (max-width:768px){
.txt14_smp { font-size:140%!important;}
.txt130p_smp { font-size:130%; }
}
.white{ color:#fff;}
.black{ color:#333;}
.gy{ color:#aaa;}
.red{ color:#c83232;}
.blue{ color:#0a54a3 !important;}
.green { color:#5ec618;}
.dark-red { color:#cc0000;}
.pink { color:#e5004f;}
.orange { color:#ff7415; }
.purple { color: #795a93; }
.bg_y{
background:linear-gradient(transparent 50%, #fafa64 30%);
background: -webkit-linear-gradient(transparent 50%, #fafa64 30%);
font-weight: bold;
}
.under_line{ text-decoration:underline;}
.line_through{ text-decoration:line-through;}
h1,h2,h3,h4,h5,h6 { margin:3% 0;}
  @font-face {
font-family: YuGothicM;
src: local("Yu Gothic Medium");
}
*{ margin:0px; padding: 0px; box-sizing:border-box;}
div, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ul,ol{ list-style:none;}
html,body {
margin:0 auto;
padding:0;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,"Dela Gothic One",sans-serif;
font-size:100%!important;
text-align:left;
color:#000;
min-width:100%;
}
img { border-style:none; vertical-align:bottom; padding:0px; max-width:100%;}
a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
figure {margin:20px auto; text-align:center;}
p { line-height:1.5; margin-bottom: 3%!important;  padding:0;}
p:last-child{margin:0px; }
a{ color:#0c6fcc; text-decoration:none;}
a:hover{ text-decoration: underline;}
input[type="text"], input[type="tel"], input[type="email"], textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #bfbfbf;
background-color: #f5f5f5;
padding: 10px;
box-sizing: border-box;
}
select { min-height: 40px; border: solid 1px #bfbfbf; background-color: #f5f5f5; border-radius: 3px; box-sizing: border-box;}
.opa { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.opa:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.left { text-align:left!important;}
.right { text-align:right!important;}
.center { text-align:center!important;}
.middle { vertical-align:middle!important;}
@media print, screen and (min-width:769px){
.smp{ display:none !important;}
.ml15 { margin-left:15px; }
.pl65 { padding-left:65px; }
.pc_center { text-align:center;}
.order01 { order: 1; }
.order02 { order: 2; }
}
@media screen and (max-width:768px){
.pc{ display:none !important;}
*{ box-sizing:border-box;}
.figure{ text-align:center; margin:10px auto;}
.right { text-align:left;}
.center_smp { text-align: center;}
img { height:auto;}
.title_img_smp { width: 100%; text-align: center;}
.title_img_smp img { width: 50px!important; height:auto;}
input[type="text"], input[type="tel"], input[type="email"], textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px;
box-sizing: border-box;
width: 100%;
}
.img_smp img { width: 100%; height: auto; margin: 3% 0;}
}
.flex-wrap { display:flex; flex-wrap:wrap; }
.flex-center { display:flex; flex-wrap:wrap; justify-content: center; align-items: center; align-content: center; }
.flex-vcenter { display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: center; }
@media screen and (min-width:769px){
.flex-center_pc { display:flex; flex-wrap:wrap; justify-content: center; align-items: center; align-content: center; }
} header { margin:0; padding:0;}
#header{
margin:0 auto;
width:100%;
display: flex;
justify-content: space-around;
background-color:rgba(255,255,255,1);
z-index: 10;
position: absolute;
top:0;
border-top:solid 5px #ff7415;
}
#header_inner { width:1200px; margin: 0 auto; padding-top: 15px; }
.h_box_pc { display: flex; flex-wrap: wrap; justify-content: space-between; }
.h_logo_box  { width : calc(100% / 3) ; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
.h_h1_box { width : calc(100% / 3) ; display: flex; justify-content: center; align-items: center; }
.h_h1_box  h1 { font-size: 18px; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; color: #000; }
.h_tel_box { width : calc(100% / 3) ; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; display: flex; flex-wrap: wrap; align-items:center; justify-content: flex-end;}
.h_tel_box p { margin: 0;}
.sns_link { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 3% 0; }
.sns_link li { padding-left: 15px;}
.sns_link li img {  transition: all .3s ease; }
.sns_link li img:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;  }
#header_sub {
margin:0 auto;
width:100%;
display: flex;
justify-content: space-around;
background-color:rgba(255,255,255,1);
z-index: 10;
}
#header_sub_inner { width:100%; margin: 0 auto; padding: 1% 0; }
#header_sub_inner .logo_box  { text-align: center; width: 200px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-direction: column; }
#header_sub_inner .logo_box  h1 { font-size: 160%; font-family: 'Noto Serif JP', serif; font-weight: 500; }
.nav { width: 100%; z-index: 10; box-sizing: border-box; display: flex; justify-content:  center; align-items: center; margin-top: 15px;  }
.nav ul { display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; width:1200px; height: 100%; margin:0 auto; padding:0; font-size: 14px; }
.nav li {
margin:0;
padding: 10px 0;
width : calc(100% / 7);
height: 100%;
border-left: dashed 1px #ff7415;
display: flex;
justify-content: center;
align-items: center;
text-align:center;
}
.nav li:last-child { border-right: dashed 1px #ff7415; }
.nav li a {
line-height: 1.5;
position: relative;
text-decoration: none;
font-family: 'Noto Sans JP', sans-serif;
color: #000;
font-weight: 400;
}
.nav li a::before,
.nav li a::after {
border-bottom: solid 1px #000;
bottom: -5px;
content: "";
display: block;
position: absolute;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
.nav li a::before { left: 0; }
.nav li a:hover::before { width: 100%; } .g-nav {
position: relative;
width: 100%;
height: 50px;
max-width: 100%;
margin: 0 auto;
display:flex;
flex-wrap:wrap;
font-size: 14px;
}
.g-nav > li {
width : calc(100% / 7);
height: 50px;
line-height: 1.5;
border-left:dashed 1px #ff7415;
}
.g-nav > li:last-child { border-right:dashed 1px #ff7415;}
.g-nav > li a {
display: flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
color: #000;
height:100%;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight:500;
}
.g-nav > li a:hover {
color: #ff7415;
}
.g-nav__none:hover,
.g-nav__multi:hover,
.g-nav__mega:hover,
.g-nav__single:hover {
background: #f5f5f5;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.g-nav__second-level li {
border-top: 1px solid #fff;
}
.g-nav__third-level li {
border-top: 1px solid #fff;
}
.g-nav__second-level li a { color:#fff; padding:10px 5px;}
.g-nav__second-level li a:hover {
background: #fff;
}
.g-nav__third-level li a:hover {
background: #2a1f1f;
}
.g-nav__fourth-level li a:hover {
background: #1d0f0f;
}
.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.g-nav:before,
.g-nav:after {
content: "";
display: table;
}
.g-nav:after {
clear: both;
}
.g-nav {
*zoom: 1;
} .g-nav > .g-nav__single {
position: relative;
}
.g-nav__single .g-nav__second-level {
position: absolute;
top: 40px;
width: 100%;
background: #ff7415;
-webkit-transition: .2s ease;
transition: .2s ease;
visibility: hidden;
opacity: 0;
}
.g-nav__single:hover > .g-nav__second-level {
top: 50px;
visibility: visible;
opacity: 1;
} .g-nav > .g-nav__multi {
position: relative;
}
.g-nav__multi .g-nav__second-level {
position: absolute;
top: 40px;
width: 100%;
background: #072A24;
-webkit-transition: all .2s ease;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
z-index: 1;
}
.g-nav__multi:hover .g-nav__second-level {
top: 50px;
visibility: visible;
opacity: 1;
}
.g-nav__multi .g-nav__second-level li {
position: relative;
}
.g-nav__multi .g-nav__second-level li:hover {
background: #111;
}
.g-nav__multi .g-nav__second-level li .g-nav__third-level {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
background: #111;
-webkit-transition: all .2s ease;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
}
.g-nav__multi .g-nav__second-level li:hover .g-nav__third-level {
visibility: visible;
opacity: 1;
}
.g-nav__multi .g-nav__second-level li .g-nav__third-level li {
position: relative;
}
.g-nav__multi .g-nav__second-level li .g-nav__third-level li:hover {
background: #2a1f1f;
}
.g-nav__multi .g-nav__second-level li .g-nav__third-level li .g-nav__fourth-level {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
background: #2a1f1f;
-webkit-transition: all .2s ease;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
}
.g-nav__multi .g-nav__second-level li .g-nav__third-level li:hover .g-nav__fourth-level {
visibility: visible;
opacity: 1;
}
.init-right:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .g-nav__mega .g-nav__second-level {
position: absolute;
top: 40px;
left: 0;
box-sizing: border-box;
width: 100%;
padding: 20px 2%;
background: #072A24;
-webkit-transition: all .2s ease;
transition: all .2s ease;
visibility: hidden;
opacity: 0;
z-index: 1;
}
.g-nav__mega:hover .g-nav__second-level {
top: 50px;
visibility: visible;
opacity: 1;
}
.g-nav__mega .g-nav__second-level > li {
float: left;
width: 32%;
border: none;
}
.g-nav__mega .g-nav__second-level > li:nth-child(3n+2) {
margin: 0 1%;
} @media screen and (max-width:768px){ .br-sp {display: none; } .td-sp {width: 10%; }
html,body {
margin:0 auto;
padding:0;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
color:#333;
min-width:100%;
}	
header { width:100%; border-top:0 !important; }
.logo img { max-width:100%; height:auto;}
}
@media screen and (max-width:768px){
#gnav { position: absolute; top: 100%; left: 0; right: 0; display: none; z-index: 9999; background-color: rgba(255,255,255,1); }
#gnav ul { padding: 0 4%; }
#gnav li { border-bottom: 1px solid #000; float: none; position: relative; }
#gnav li:last-child { border-bottom: none; }
#gnav li img { vertical-align: middle; height: 90% !important;}
#gnav li a { color: #000; text-decoration: none; display: block; padding: 3% 0; width: 100%; position: relative; }
#gnav li a:before { content:" "; position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; top: 0; right: 3%; height: 6px; bottom: 0; margin: auto; }
#gnav li a span { display: block; }
#header { width: 100%; background-color:rgba(0,0,0,0); }
#header_inner { width: 100%; height: 100%; margin: 0 auto; padding: 2%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;position: relative; z-index: 0;}
.logo_box  { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; }
.logo_box img { width: 70%; height: auto;}
.logo_box  h1 { font-size: 12px; font-family: 'Noto Serif JP', serif; font-weight: 500;}
.scroll-bg { background-color:rgba(255,255,255,0.7)!important;}
#header .h_main { background-color: transparent; padding: 3%; position: fixed; top:0; width: 100%; z-index: 9999; border:0 !important; transition: all .3s ease; -webkit-transition: all .3s ease; }
#header .h_main .h_logo { width: 80%; margin: 0; }
#header .h_main .h_logo img { width: 160px;}
#header img { max-width:100%; height:auto;}
#header .h_main .h_tools { width: 40%;position: relative; z-index: 100;}
#header .h_main .h_tools li { width: 30%; margin-right: 15px; }
#header .h_main .h_tools li#h_menu { position: relative; margin-right: 0; text-align:left; }
#header .h_main .h_tools li#h_menu span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 33px; height: 5px; background-color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
#header .h_main .h_tools li#h_menu span:after { content: ''; position: absolute; top: 10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #000; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
#header .h_main .h_tools li#h_menu span:before { content: ''; position: absolute; top: -10px; width: 33px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-color: #000; transition: All 0.35s ease-in-out; -webkit-transition: All 0.35s ease-in-out; -o-transition: All 0.35s ease-in-out; }
#header .h_main .h_tools li#h_menu span.active { background: rgba(255, 255, 255, 0); }
#header .h_main .h_tools li#h_menu span.active:after { top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
#header .h_main .h_tools li#h_menu span.active:before { top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#header .h_main .h_tools li#h_menu span { width: 20px; height: 1px; }
#header .h_main .h_tools li#h_menu span:after { top: 7px; width: 20px; height: 1px; }
#header .h_main .h_tools li#h_menu span:before { top: -7px; height: 1px; width: 20px; } .dis_flex { display: -webkit-box; display: -ms-flexbox; display: flex; display: -moz-flex; display: -ms-flex; }
.flex_wrap { -ms--ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex_align_item_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; }
.flex_align_item_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; }
.flex_align_item_center { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit--webkit-box-align: center; -ms-flex-align: center; align-items: center; -moz--webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms--webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex_jus_between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; }
.flex_jus_center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.flex_jus_around { -ms-flex-pack: distribute; justify-content: space-around; }
.flex_jus_start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; }
.flex_jus_end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
}
@media screen and (min-width:480px) and (max-width:768px){
#header .h_main .h_logo { width: 30%; margin: 0; }
#header img { max-width:100%; height:auto;}
#header .h_main .h_tools { width: 30%; }
}
@media screen and (max-width: 768px) { .menu_bt{
height: 20px;
width: 30px;
}
.menu__line{
background: #fff;
display: block;
height: 2px;
position: absolute;
transition:transform .3s;
   width: 100%;
}
.menu__line--center{
top: 9px;
}
.menu__line--bottom{
bottom: 0;
}  .gnav{
background: rgba(255,255,255,0.9);
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 10;
top:0;
}
.gnav__wrap{
    height: 100vh;
position: absolute;
width: 100%;
z-index: 300;
display: flex;
justify-content: center;
align-items: center;
}
.gnav__menu{ position: relative; padding: 5%; width: 100%;}
.gnav__menu__item {  }
.gnav__menu__item a {
display: block;
text-align: center;
color: #000;
font-size: 12px;
padding: 15px;  text-decoration: none;
transition: .3s;
border-bottom: solid 1px #000;
}  .gnav__menu__item:first-child a { }
.gnav__menu__item a:hover{ color: #666; }	
.btn_gnav { z-index: 9999; } .nav_acco { display: none; margin:0;}
.nav_acco li a { background-color:rgba(249,123,0,0.7); color:#fff;}
.nav_open { position:relative;}
.nav_open::before,
.nav_open::after{
position: absolute;
content:'';
width: 15px;
height: 1px;
background-color: #333;
}
.nav_open::before{
top:48%;
right: 15px;
transform: rotate(0deg);
}
.nav_open::after{    
top:48%;
right: 15px;
transform: rotate(90deg);
} .nav_open.close::before{
transform: rotate(45deg);
}
.nav_open.close::after{
transform: rotate(-45deg);
}
} footer { margin-top:0 !important; }
#footer { width: 1200px; margin:0 auto; font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500; font-size:14px; padding: 35px 0; }
#footer p { margin: 0!important;}
.foot_link_box { display: flex; flex-wrap: wrap; justify-content: flex-end;}
.foot_link { width : calc(100% / 4) ; }
.foot_link h3 { font-size: 120%; margin-bottom: 15px!important; }
.foot_link li { border-left: solid 1px #bfbfbf; padding: 5px 5px 5px 20px; }
.foot_link a { display: inline-block; position: relative; color:#ff7415; padding-bottom: 5px;}
@media screen and (min-width:1200px){
.foot_link a::before,
.foot_link a::after {
border-bottom: solid 1px #ff7415;
padding-bottom: 5px;
bottom: 0;
content: "";
display: block;
position: absolute;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
.foot_link a::before { left: 0; }
.foot_link a:hover::before { width: 100%; }
}
.address_box { padding:10px; background-color: #ff7415;}
address { font-style:normal; color: #fff!important; text-align: center; font-size:12px!important; }
@media screen and (max-width:768px){
footer { margin-top:0px !important; }
#footer { width:100%; margin-top: 0; padding: 3% 0; background-size: cover;}	
#footer p { margin: 3% 0;}
address { font-style:normal; font-size: 12px !important; }
.foot_link_box { padding:3%;}
.foot_link { width : calc(100% / 2); }
}
@media screen and (max-width:1080px){
}
@media screen and (min-width:1281px){
} #breadcrumb { width: 100%; text-align:left; padding:0px; background-color:#f5f5f5; }
#breadcrumb ul { width:1200px; margin:0 auto; font-size:90%; padding:5px 0; }
#breadcrumb li { display: inline; margin-right: 5px; margin-left:0; padding:0px; }
#breadcrumb li:after { content:" > "; }
#breadcrumb li:last-child:after { display:none;}
#breadcrumb a { color:#ff7415; font-weight:bold;}
@media screen and (max-width:768px){
#breadcrumb { width: 100%; text-align:left; padding:0px; }
#breadcrumb ul  { width: 100%; margin:0 auto !important; padding:5px 10px !important; font-size: 90%; }
}
#mainimage { width:100%; height: 100vh; margin:0 auto; top:0; z-index: 0;  position: relative; background-image: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/mainimage01.jpg.webp); background-position: center;  background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width:768px) {
#mainimage-inner { width: 100%; height: 100%; margin: 0 auto; position: relative; padding:3%; }
#mainimage { width:100%; height: 400px; margin:0 auto; top:0; z-index: 0;  position: relative; background-image: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/mainimage01.jpg.webp)!important; background-position: center !important; background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; }
}
@media screen and (min-width:1280px) {
#mainimage-inner { width:1200px; height: 100%; margin:  0 auto; position: relative; display: flex; justify-content:flex-start; align-items: center;}
}
.scroll_bt { text-align: center; position: absolute; bottom: 0; z-index: 10; width: 100%; }
.catch_title {  position: relative; z-index: 100; display: flex; flex-wrap: wrap; flex-direction: column; width: 1200px; padding-left:2%; }
.catch_title h2 { font-family: 'Zen Maru Gothic', sans-serif; font-weight: 900; font-style: normal; font-size: 250%; margin: 0 0 25% 0; line-height: 2;}
#mainimage_sub { width:100%; height: 400px; background-image: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/mainimage01.jpg.webp); margin:0 auto; top:0; z-index: 0;  position: relative; background-repeat: no-repeat; background-position: center; background-size: cover!important; display: flex; justify-content: center; align-items: center; }
#mainimage_sub  h1 { font-size: 160%; font-family: 'Noto Serif JP', serif; font-weight: 500; }
#mainimage_sub .catch_title h2 { font-family: 'Klee One', cursive; font-size: 250%; margin: 10% 0 0 0; line-height: 2;}
@media screen and (max-width:768px){
#mainimage_sub { width:100%; height: 200px; align-items: flex-start;background-position: top; }
#mainimage_sub .catch_title h2 { font-size:140%;}
} #content{ overflow:hidden; text-align:left; background-repeat:repeat-x; background-position:bottom;}
section { width:100%; margin:0 auto;}
.maincontent { padding:0; margin:0 auto; width:100%; }
.main-content { width:1200px; margin:0 auto; padding: 1% 0; }  @media screen and (max-width:768px){ .scroll_bt { text-align: center; position: absolute; bottom: 0; left: 0; display: block; width: 100%; padding-bottom: 3%; }
.scroll_bt img { width: 50px;}
.catch_title { padding-left: 3%;}
.catch_title h2 { font-size: 140%;}
.main-content { width:100%; margin:0 auto; padding:30px 3% 50px 3%; }
.main-content h3 { font-size: 160%; }
}
@media screen and (min-width:1081px){
}
.cont_bn_list { display:flex; flex-wrap:wrap;}
.bn_box { width : calc(100% / 2) ; padding:10px; position:relative; }
.bn_box p { margin:15px 0!important;}
.bn_box p a { font-family: 'Shippori Mincho', serif; font-weight:400; color:#000; position:relative; display:inline-block; }
.bn_box p a::before {
border-bottom: solid 1px #000;
bottom: -5px;
content: "";
display: block;
position: absolute;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
.bn_box p a::before { left: 0; }
.bn_box p a:hover::before { width: 100%; }
.bn_box img { border-radius:10px; transition: .5s;}
.bn_box img:hover { opacity: 0.6; }
.bn_box_inner { position:relative; }
.bn_title { position: absolute; bottom:0; left:0; z-index:10; background-color:#fff; padding:10px 20px 10px 10px; border-radius:0 10px 0 0; font-size:160%; color:#000; font-family: 'Shippori Mincho', serif; font-weight:400;}
.bn_title:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
color: #ff7415;
font-size:80%;
margin-left:15px;
}
.kanren_link_box { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:15px;}
.kanren_list { display: flex; flex-wrap: wrap; margin:35px 0; }
.kanren_list_box { width : calc(100% / 2) ; padding:1%; }
.kanren_list_box img { width:100%; height:auto; border-radius:10px; transition: .5s; }
.kanren_list_box img:hover { opacity: 0.6; }
.kanren_list_box p { margin:10px 0!important;}
.kanren_list_box p a { position:relative; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; color:#ff7415;}
.kanren_list_box p a::before {
border-bottom: solid 1px #ff7415;
bottom: -5px;
content: "";
display: block;
position: absolute;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
.kanren_list_box p a::before { left: 0; }
.kanren_list_box p a:hover::before { width: 100%; }
#about01 { background: #fcfaea; }
#about01 .main-content { width: 1200px; margin: 0 auto; }
#about01 .main-content p { margin-bottom: 3%!important; }
#about01 .main-content h3 { font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; color: #ff7415; font-size: 250%; text-align: center; line-height: 1.2; }
#about02 .main-content { width: 1200px; margin: 0 auto; }
#about02 .main-content p { margin-bottom: 3%!important; }
#about02 .main-content h3 { font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; color: #ff7415; font-size: 250%; text-align: center; line-height: 1.2;  }
.kanren_bn { width : calc(100% / 3) ; padding: 1%; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; color: #ff7415; display: flex; align-items: center; }
.kanren_bn a { color: #ff7415;}
.about_img_list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.about_img_list li { padding: 2%; text-align: center; font-size: 14px;}
.about_img_list li img { margin-bottom: 5px;}
#contact_box { background-image: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/contact_bg.jpg); background-size: cover; background-position: center; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; }
#contact_box .main-content { width: 1200px; margin: 0 auto; color: #fff;  }
#contact_box .main-content h3 { font-size: 300%; text-align: center; line-height: 1.2; font-weight:500; }
#sub-page { background-image: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/about_bg.jpg); background-size: cover; background-position: center; }
#sub-page .main-content { width: 1200px;  margin: 0 auto; }
#sub-page .main-content h3 { font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500; font-size: 250%; }
.kiji_thumb { text-align:center; }
.date { font-size: 12px!important; font-weight: normal!important; }
.kiji_pic { text-align:center;}
.kiji_pic img { height:auto!important; }
.news_box { width : calc(100% / 4) ; padding: 2%; box-sizing: border-box; }
.news_box h3 { margin:0!important; font-size:16px!important; text-align:left!important; }
.news_box a { font-weight: 900; color: #ff7415; transition: .5s;}
.news_box a:hover { color: #facd89; }
.news_pic img { width: 100%; height: auto!important; border:solid 1px #ff7415; box-sizing:border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius:10px; }
.news_pic img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.news_txt { font-size:14px; }
.cat { background-color:#ff7415; padding: 3px 6px; color: #fff; font-size: 12px; display: inline-block; line-height: 1; margin-right: 10px;}
.kango_shikaku { display:flex; flex-wrap:wrap; }
.kango_shikaku dl { width : calc(100% / 2) ; display:flex; flex-wrap:wrap; padding-left:35px;}
.kango_shikaku dt { width:90%; border-bottom:dashed 1px #ccc; padding:5px 0; }
.kango_shikaku dd { width:10%; border-bottom:dashed 1px #ccc; padding:5px 0; }
.sinryo_list { display:flex; flex-wrap:wrap; justify-content: center; }
.sinryo_list li { display:inline-block; background-color:#ff7415; padding:5px 10px; border-radius:10px; margin:5px 10px; font-size:120%; color:#fff; }
@media screen and (max-width:767px){
#about01 .main-content { width: 100%; margin: 0 auto; }
#about01 .main-content h3 { font-family: 'Kosugi Maru', sans-serif; font-weight: 700; font-style: normal; color: #ff7415; font-size: 160%; text-align: center; line-height: 1.2; }
#about02 .main-content { width: 100%; margin: 0 auto; }
#about02 .main-content h3 { font-family: 'Kosugi Maru', sans-serif; font-weight: 700; font-style: normal; color: #ff7415; font-size: 160%; text-align: center; line-height: 1.2; }
.bn_box { width : calc(100% / 1) ; padding:10px; position:relative; }
.bn_box:nth-child(1) { order:1; }
.bn_box:nth-child(2) { order:2; }
.bn_box:nth-child(3) { padding-top:0; order:3; }
.bn_box:nth-child(4) {order:5; }
.bn_box:nth-child(5) { order:4; }
.bn_title { position: absolute; bottom:0; left:0; z-index:10; background-color:#fff; padding:5px 10px 5px 5px; border-radius:0 10px 0 0; font-size:120%; color:#000; font-family: 'Shippori Mincho', serif; font-weight:400;}
.kanren_link_box { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 15px; }
.kanren_bn { width : calc(100% / 1) ; padding: 1%; color: #ff7415; display: flex; align-items: center; }
#contact_box .main-content { width: 100%; margin: 0 auto; color: #fff; }
#contact_box .main-content h3 { font-size: 180%; text-align: center; line-height: 1.2;  }
#sub-page .main-content,#works .main-content { width: 100%; padding-bottom: 2%; margin: 0 auto; }
.kango_shikaku { display:flex; flex-wrap:wrap; margin-bottom:3%; }
.kango_shikaku dl { width : calc(100% / 1) ; display:flex; flex-wrap:wrap; padding-left:0;}
.kango_shikaku dt { width:80%; border-bottom:dashed 1px #ccc; padding:5px 0; }
.kango_shikaku dd { width:20%; border-bottom:dashed 1px #ccc; padding:5px 0; }
.news_box { width : calc(100% / 2) ; padding: 2%; box-sizing: border-box; }
}
@media screen and (min-width:561px) and (max-width:768px){
}
#news { background: #fcfaea; }
#news .main-content { width: 1200px; margin: 0 auto; padding:35px 0 1% 0; }
.news_l { width: 15%; display: flex; align-items: center; justify-content: center; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; font-size: 140%; color: #f9831f; padding-right: 3%; }
.news_l img { margin-right: 10px; }
.news_r { width: 85%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-left: solid 1px #000; padding-left: 3%; }
#news dl { display: flex; flex-wrap: wrap; font-size: 16px; width: 100%;  }
#news dt { width: 15%;  padding: 15px 0; }
#news dd { width: 85%; padding: 15px 0; }
#news dd a { color: #000; font-weight: 700; position: relative; }
#news dd a::before,
#news dd a::after {
border-bottom: solid 1px #000;
bottom: -5px;
content: "";
display: block;
position: absolute;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
#news dd a::before { left: 0; }
#news dd a:hover::before { width: 30%; }
#news-sub { background-image: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/about_bg.jpg); background-size: cover; background-position: center; }
#news-sub .main-content { width: 1200px; padding-top: 150px; margin: 0 auto; }
#news-sub .main-content h3 { font-family: 'Noto Sans JP', sans-serif; font-weight: 900; font-size: 250%; }
#news-sub dl { display: flex; flex-wrap: wrap; border-top: dashed 1px #000; padding: 20px 0; font-size: 16px; }
#news-sub dt { width: 10%; margin-bottom: 15px; border-bottom: dashed 1px #000; padding-bottom: 15px; }
#news-sub dd { width: 90%; margin-bottom: 15px; border-bottom: dashed 1px #000; padding-bottom: 15px; }
#news-sub dd a { color: #000; display: block;  font-weight: 700; font-family: 'Noto Sans JP', sans-serif;  }
.date { font-size: 12px!important; font-weight: normal!important; }
@media screen and (max-width:768px){
#news .main-content { width: 100%; margin: 0 auto; padding:3%; }
.news_l { width: 100%; display: flex; align-items: center; justify-content: center; font-size: 140%; color: #f9831f; padding-right: 3%; }
.news_l img { margin-right: 10px; }
.news_r { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; border-left: solid 0px #000; padding-left: 0; margin-bottom:3%; }
#news dl { display: flex; flex-wrap: wrap; border-top: dashed 1px #ccc; padding-top: 15px; font-size: 14px; }
#news dt { width: 100%; margin-bottom: 0; border-bottom: dashed 0px #ccc; padding-bottom: 0; }
#news dd { width: 100%; margin-bottom: 0; border-bottom: dashed 1px #ccc; padding:0 0 15px 0; }
#news dd a { color: #000; font-weight: 700; font-family: 'Noto Sans JP', sans-serif;  }
#news-sub .main-content { width: 100%; padding-top: 50px; margin: 0 auto; }
#news-sub dl { display: flex; flex-wrap: wrap; padding-top: 15px; font-size: 14px; }
#news-sub dt { width: 100%; display: block;border-bottom: dashed 0px #000; margin-bottom: 0; padding-bottom: 0; }
#news-sub dd { width: 100%; display: block; margin-bottom: 15px; padding-bottom: 15px; }
#news-sub dd a { color: #000; display: block; font-weight: 700; font-family: 'Noto Sans JP', sans-serif;  }
}
.rinen_list li { text-align:center!important; font-size:140%; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; margin-bottom:20px; }
.rinen_list li:last-child { margin-bottom:0; }
#subpage { margin-top: 150px; }
#subpage dl { display: flex; flex-wrap: wrap; }
#subpage dt { width: 20%; margin-bottom: 15px; border-bottom: solid 1px #000; }
#subpage dd { width: 80%; margin-bottom: 15px; border-bottom: solid 1px #000; }
@media screen and (max-width:480px){
#catch01 .main-content { width: 100%; margin: 0 auto; }
.catch_logo { width: 100%; text-align: center; display: block;}
#subpage { margin-top: 50px; }
#subpage dt { width: 100%; margin-bottom: 3%; border-bottom: solid 0px #000; }
#subpage dd { width: 100%; margin-bottom: 3%; border-bottom: solid 1px #000; }
}
@media screen and (min-width:480px) and (max-width:768px){	
.w50p_tab { width: 50%; padding: 1%; }
}
@media screen and (max-width:1080px){
.pc_only { display: none; }
}
#access_top .main-content { width:100%; margin:0 auto; padding: 0;}
.gmap iframe { vertical-align:bottom; } .list_gray { background-color: #f5f5f5; padding: 2%; margin: 3% 0; border-radius: 20px; }
.list_gray li { margin-bottom:20px; }
.list_gray li:last-child { margin-bottom:0; }
.check_list { background-color: #f5f5f5; padding: 2%; margin: 3% 0; border-radius: 20px; }
.check_list li { position: relative; padding-left: 40px; margin-bottom: 15px; }
.check_list li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f00c"; position: absolute;
left : 0; color: #5ec618; font-size:130%;  
}
.check_list li:last-child { margin-bottom: 0;}
.arrow_list { margin:3px 0;  position: relative; }
.arrow_list li { font-family: "Zen Maru Gothic";font-size: 18px;line-height: 1.5;font-weight:bold; padding: 10px 10px 10px 45px; vertical-align:middle!important; list-style-type: none!important; background-color:#f5f5f5; border-radius:50px; margin-bottom:15px; }
.arrow_list li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105"; display: inline-block;
margin-top:2px;
margin-bottom:0px;
margin-left:-20px;
margin-right: 5px;
color: #92d050; font-size:180%;
}
.arrow_list li a { color: #0a54a3; position: relative; display: inline-block; }
.arrow_list li a:hover { text-decoration: none;}
.arrow_list li a::after {
border-bottom: solid 1px #0a54a3;
bottom: -3px;
content: "";
display: block;
position: absolute;
right: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
.arrow_list li a:hover::after { width: 100%; }
.no_list { margin-left: 35px;}
.no_list ol {
counter-reset: li;
}
.no_list ol > li {
list-style: none;
position: relative;
padding-left: 2.5em;
margin-bottom: 2%;
padding-top: 5px;
}
.no_list ol > li:before {
counter-increment: li;
content: counter(li);
margin-right: 1em;
background: #0a54a3 ;
color: #fff; 
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
position: absolute;
left: 0em;
top: 2px;
line-height: 2;
}
.list_disc { margin-left:35px;}
.list_disc li { list-style-type:disc; margin-bottom:20px; }
.list_disc li:last-child { margin-bottom:0; }
.decimal { margin:2% 0 2% 2%;}
.decimal li {
line-height: 1.5;
list-style-type: decimal!important;
position: relative;
margin-left: 35px;
margin-bottom:15px;
}
.decimal2 li {
line-height: 1.5;
list-style-type: decimal!important;
position: relative;
margin-left: 35px;
margin-bottom:15px;
}
.decimal2 li:last-child { margin-bottom:0; }
.img_list2 { display: flex; flex-wrap: wrap; justify-content:center; align-items:center; margin:35px 0!important; }
.img_list2 li { width : calc(100% / 3) ; padding:1%; }
.img_list2 li img { width: 100%; height: auto; }
.img_list3 { display: flex; flex-wrap: wrap; }
.img_list3 li { width : calc(100% / 3) ; }
.img_list3 li img { width: 100%; height: auto; }
.clinic_pic { display: flex; flex-wrap: wrap; }
.clinic_pic li { width : calc(100% / 3) ; padding:1%; }
.clinic_pic li img { width: 100%; height: auto; }
.mokuhyo_pic01 { text-align:center; }
@media screen and (max-width:768px){
.check_list { background-color: #f5f5f5; padding: 3%; margin: 3% 0; border-radius: 20px; }
.no_list { margin-left: 0px;}
.mokuhyo_pic01 { width : calc(100% / 2) ; margin:0 auto; }
.img_list2 li { width : calc(100% / 2) ; padding:1%; }
.img_list3 li { width : calc(100% / 2) ; }
.clinic_pic li { width : calc(100% / 2) ; padding:1%; }
} #page-top {
position: fixed;
right:0;
bottom: 0;
font-size: 90%;
z-index:999;
margin: 0!important;
}
#page-top a {
background: #ff7415;
text-decoration: none;
color: #fff;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width:1201px){
#page-top a:hover { text-decoration: none; background: #ffb785; }
} .w250 { width:250px; }
.w375 { width:375px; }
.w420 { width:420px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w800 { width:800px; }
.w900 { width:900px; }
.w20p { width:20%; }
.w25p { width:25%; }
.w30p { width:30%; }
.w33p { width:33.33%; }
.w33p_smp_pc { width:33.33%; }
.w35p { width:35%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w49p { width:49%; }
.w50p { width:50%; }
.w50p_smp_pc { width:50%; }
.w55p { width:55%; }
.w60p { width:60%; }
.w65p { width:65%; }
.w70p { width:70%; }
.w75p { width:75%; }
.w80p { width:80%; }
.w85p { width:85%; }
.w100p { width:100%!important; }
@media screen and (min-width:901px){
.w10p { width:10%; }
.w90p { width:90%; }
.w20p_pc { width: 20%; }
.w25p_pc { width: 25%;}
.w30p_pc { width: 30%;}
.w70p_pc { width: 70%;}	
}
@media screen and (max-width:768px){
.w250 { width:100%; }
.w375 { width:100%; }
.w420 { width:100%; }
.w500 { width:100%; }
.w600 { width:100%; }
.w800 { width:100%; }
.w20p { width:100%; }
.w25p { width:100%; }
.w30p { width:100%; }
.w33p { width:100%; }
.w35p { width:100%; }
.w40p { width:100%; }
.w40p_smp { width: 40%!important; }
.w45p { width:100%; }
.w50p { width:100%; }	
.w50p_smp { width: 50%!important; }
.w55p { width:100%; }
.w60p { width:100%; }
.w60p_smp { width: 60%!important; }
.w60p_center_smp { width: 60%!important; margin: 0 auto;}
.w65p { width:100%; }
.w70p { width:100%; }
.w75p { width:100%; }
.w80p { width:100%; }
.w90p_smp { width: 90%!important; height: auto;}
}
.p1p { padding:1%; }
.p2p { padding:2%; }
.p3p { padding:3%; }
.pb5p { padding-bottom:5%; }
.pr10 { padding-right: 10px; }
.ptb5 { padding: 5px 0;}
.ptb20 { padding:20px 0; }
.m0 { margin:0!important; }
.mt0 { margin-top:0 !important;}
.mt20 { margin-top:20px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt2p { margin-top:2% !important;}
.mt5p { margin-top:5% !important; }
.mt7p { margin-top:7%!important; }
.mt10p { margin-top:10%!important; }
.mb0 { margin-bottom:0!important; }
.mb15 { margin-bottom:15px;}
.mb25 { margin-bottom:25px!important;}
.mb35 { margin-bottom:35px!important;}
.mb3p { margin-bottom:3%; }
.mb5p { margin-bottom:5%; }
.mlr2p { margin:0 2%; }
.ml30 { margin-left:30px; }
.ml2p { margin-left:2%; }
.ml3p { margin-left:3%; }
.mr10 { margin-right:10px; }
.mr50 { margin-right:50px; }
.mr2p { margin-right:2%; }
.mtb20 { margin:20px 0 !important;}
.mtb35 { margin:35px 0 !important;}
.mtb100 { margin: 100px 0!important; }
.m_auto { margin:0 auto; }
@media screen and (min-width:1024px){
.pl1p { padding-left: 1%; }
.pl3p { padding-left: 3%; }
.pr3p { padding-right: 3%; }
.pr3p_pc { padding-right: 3%; }
.mt35 { margin-top:35px !important;}
.mt50_pc { margin-top:50px !important;}
.mt150_pc { margin-top: 150px!important; }
.mb25_pc { margin-bottom:25px!important;}
.mtb100_pc { margin-top: 100px 0!important; }
}
@media screen and (max-width:768px){
.mt50_smp { margin-top: 50px; }
.ml3p { margin-left:0; }
.mb3p_smp { margin-bottom:3% !important; }
.mb5p_smp { margin-bottom:5% !important; }
.mr50 { margin-right:0; }
.m_auto_smp { margin:0 auto; }
.p2p_smp { padding: 2%; }
.plr3p_smp { padding: 0 3%; }
}
@media screen and (max-width:480px){
.mb25_smp { margin-bottom:25px!important;}
} .title01 { border-left: 5px solid #ff7415; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; padding: 10px 20px; font-size: 140%; }
.title02 { border-left: 5px solid #ff7415; font-family: 'Zen Maru Gothic', sans-serif; font-weight:900; padding: 5px 20px; font-size: 200%; color: #ff7415; }
.sub_title {
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
color: #ff7415;
font-size: 200%;
line-height: 1.5;
margin-top:80px;
}
.sub_title2 {
font-size:140%;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
font-style: normal;
color: #ff7415;
line-height: 1.2;
}
.widgettitle { border-left: 5px solid #ff7415; font-family: 'Noto Sans JP', sans-serif; font-style: normal; padding: 10px 20px; font-size: 140%; }
@media screen and (max-width:768px){
.sub_title {
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 500;
color: #ff7415;
font-size: 140%!important;
text-align: center;
line-height: 1.2;
margin-top:35px;
}
} .legal_notice {
border-collapse: collapse;
width: 100%;
font-size: 16px;
margin: 3% auto;
padding: 0;
border-top: 1px solid #000;
border-left: 0px solid #000;
}
.legal_notice th {
background-color:#f5f5f5;
color: #000;
text-align: left;
vertical-align: top;
font-weight: bold;
padding: 2% 3%;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
width:25%;
font-family: 'Zen Maru Gothic', sans-serif; font-weight:500;
}
.legal_notice td {
color: #000;
padding: 2% 3%;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
}
.shinryo {
border-collapse: collapse;
width: 100%;
font-size: 16px;
margin: 3% auto;
padding: 0;
border-top: 1px solid #000;
border-left: 0px solid #000;
}
.shinryo th {
background-color: #f5f5f5;
color: #000;
text-align: center;
vertical-align:middle;
font-weight: bold;
padding: 1% 2%;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
}
.shinryo thead th { background-color: #ccc; }
.shinryo thead th:nth-child(2) { background-color: #de3e3e; }
.shinryo thead th:nth-child(3) { background-color: #ff7a3d; }
.shinryo thead th:nth-child(4) { background-color: #329c28; }
.shinryo thead th:nth-child(5) { background-color: #4c5fbd; }
.shinryo thead th:nth-child(6) { background-color: #5eafcc; }
.shinryo thead th:nth-child(7) { background-color: #8f60cc; }
.shinryo td {
width : calc(100% / 7) ;
color: #000;
text-align:center;
vertical-align:middle;
padding: 1% 2%;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
}
.shinryo td:nth-child(2) { background-color: #ffdbdb; }
.shinryo td:nth-child(3) { background-color: #ffe9cf; }
.shinryo td:nth-child(4) { background-color: #e2f2cb; }
.shinryo td:nth-child(5) { background-color: #dedeff; }
.shinryo td:nth-child(6) { background-color: #dbfdff; }
.shinryo td:nth-child(7) { background-color: #d1b6cc; }
.recruit {
border-collapse: collapse;
width: 100%;
font-size: 16px;
margin: 3% auto;
padding: 0;
border-top: 1px solid #000;
border-left: 0px solid #000;
}
.recruit th {
background-color:#f5f5f5;
color: #000;
text-align: left;
vertical-align: top;
font-weight: bold;
padding: 2% 3%;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
width:25%;
}
.recruit td {
color: #000;
padding: 2% 3%;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
}
.form {
border-collapse: collapse;
width: 100%;
font-size: 16px;
margin: 3% auto;
padding: 0;
border-top: 1px solid #ff7415;
border-left: 1px solid #ff7415;
}
.form th {
font-family: 'Zen Maru Gothic', sans-serif; font-weight:500;
text-align: left;
background-color: #ff7415;
color: #fff;
vertical-align: top;
font-weight: normal;
padding: 2% 3%;
border-right: 0px solid #ff7415;
border-bottom: 1px solid #fff;
width:25%;
}
.form td {
color: #000;
background-color: #fff;
padding: 2% 3%;
border-right: 1px solid #ff7415;
border-bottom: 1px solid #ff7415;
}
.form tr:last-child th { border-bottom: 1px solid #ff7415; }
.form li { margin-bottom: 15px;}
.item_table {
border-collapse: collapse;
width: 100%;
font-size: 16px;
margin: 3% auto;
padding: 0;
border-top: 1px solid #000;
border-left: 0px solid #000;
}
.item_table th {
color: #000;
text-align: left;
vertical-align: top;
font-weight: normal;
padding: 10px 0;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
width: 9%;
}
.item_table td {
color: #000;
padding: 10px 0;
border-right: 0px solid #000;
border-bottom: 1px solid #000;
}
@media screen and (max-width:767px){	
.legal_notice { width:100%; margin:3% auto; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.legal_notice th,.legal_notice td { display:block; width:100%; text-align:left; padding:2%; }
.legal_notice th,.legal_notice td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.form th,.form td { display:block; width:100%; text-align:left; padding:3%; }
} .ggmap { width:500px; border:solid 5px #fff; box-sizing:border-box; }
.fb_box { width:100%; text-align:center; margin-bottom:15px; }
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width:768px){
.ggmap { width:100%; border:0; }
.fb_box { width:100%; padding-top:10%; margin:3% 0; }
.fb_box iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.gmap {
margin: 0 auto;
position: relative;
width: 100%;
padding-top: 56.25%;
}
.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
}
.bt_list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 3% auto;}
.bt_list li { padding:0 2%;}
.link_list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 3% auto;}
.link_list li { padding:0 1%;}
.bt01 { display: inline-block; background:#ff7415; color:#fff; font-size:140%; min-width: 400px; border:solid 2px #ff7415; text-decoration:none; position: relative; padding:10px 30px; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; border-radius: 50px; transition: .5s}
.bt01:before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left:15px; position: absolute; left:0; }
.bt01:hover { text-decoration:none; border:solid 2px #ff7415; background:#fff; color:#ff7415;}
.bt01:before:hover { color: #ff7415;}
.bt02 { display: inline-block; background:#ff7415; color:#fff; font-size:90%; min-width: 300px; border:solid 2px #ff7415; text-decoration:none; position: relative; padding:8px 10px; font-family: 'Zen Maru Gothic', sans-serif; font-weight:500; border-radius: 50px; transition: .5s}
.bt02:before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left:15px; position: absolute; left:0; }
.bt02:hover { text-decoration:none; border:solid 2px #ff7415; background:#fff; color:#ff7415;}
.bt02:before:hover { color: #ff7415;}
.bt_tel { display: inline-block; background:#fff; color:#ff7415; font-weight:700; padding: 5px 30px 5px 30px; min-width: 330px; box-sizing: border-box;position: relative;border-radius: 50px; text-align: center; font-size:160%; border:solid 2px #ff7415; text-decoration:none; transition: .5s; }
.bt_tel:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/tel_icon.png); margin-left:25px; position: absolute; left:0; top:30%;margin-top: -.3em; transition: all .5s ease-out; }
.bt_tel:hover:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/tel_icon_w.png);margin-left:15px; position: absolute; left:0; }
.bt_tel:hover { text-decoration:none; border:solid 2px #ff7415; background:#ff7415; color:#fff;}
.bt_mail { display: inline-block; background:#fff; color:#ff7415; font-weight:700; padding: 5px 30px 5px 70px; box-sizing: border-box; position: relative;border-radius: 50px; text-align: center; font-size:160%; border:solid 2px #ff7415; text-decoration:none; transition: .5s; }
.bt_mail:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/mail_icon.png); margin-left:25px; position: absolute; left:0; top:30%;margin-top: -.3em; transition: all .5s ease-out; }
.bt_mail:hover:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/mail_icon_w.png);margin-left:15px; position: absolute; left:0; }
.bt_mail:hover { text-decoration:none; border:solid 2px #ff7415; background:#ff7415; color:#fff;}
@media screen and (max-width:768px){
.bt_list li { padding:3%;}	
.link_list li { padding:3% 0; width: 100%;}
}
@media screen and (max-width:768px){	
.bt01 { padding:2% 5%; }
.bt01:before { display:none; }
.bt_tel { display: block; background:#fff; color:#ff7415; font-weight:700; padding: 10px 30px 10px 30px; width:100%; box-sizing: border-box;position: relative;border-radius: 50px; text-align: center; font-size:160%; border:solid 2px #ff7415; text-decoration:none; transition: .5s; }
.bt_tel:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/tel_icon.png); margin-left:25px; position: absolute; left:0; top:30%;margin-top: -.3em; transition: all .5s ease-out; }
.bt_tel:hover:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/tel_icon_w.png);margin-left:15px; position: absolute; left:0; }
.bt_tel:hover { text-decoration:none; border:solid 2px #ff7415; background:#ff7415; color:#fff;}
.bt_mail { display: block; background:#fff; color:#ff7415; font-weight:700; padding: 10px 30px 10px 70px; box-sizing: border-box; position: relative;border-radius: 50px; text-align: center; font-size:160%; border:solid 2px #ff7415; text-decoration:none; transition: .5s; }
.bt_mail:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/mail_icon.png); margin-left:25px; position: absolute; left:0; top:30%;margin-top: -.3em; transition: all .5s ease-out; }
.bt_mail:hover:before { content: url(//shibata-h.jp/shibata_wp/wp-content/themes/shibataclinic_theme/images/mail_icon_w.png);margin-left:15px; position: absolute; left:0; }
.bt_mail:hover { text-decoration:none; border:solid 2px #ff7415; background:#ff7415; color:#fff;}
} .wp-pagenavi {
clear: both;
text-align:center;
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #fff;
background-color: #ff7415;
border: 1px solid #ff7415;
padding: 8px 15px;
margin: 5px 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
}
.wp-pagenavi a:hover {
background-color: #fff;
color:#ff7415;
border-color: #ff7415;
}
.wp-pagenavi span.current{
color: #ff7415;
background-color: #fff;
border-color: #ff7415;
font-weight: bold;
}
@media screen and (max-width:480px){
.wp-pagenavi a, .wp-pagenavi span {
color: #fff;
background-color: #ff7415;
border: 1px solid #ff7415;
padding:1% 3%;
margin: 2% 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
display:inline-block;
}
}
.page-numbers {
clear: both;
text-align:center;
}
.page-numbers li { display:inline-block;}
.page-numbers a, .page-numbers span {
color: #fff;
background-color: #ff7415;
border: 1px solid #ff7415;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
}
.page-numbers a:hover {
background-color: #fff;
color:#ff7415;
border-color: #ff7415;
}
.page-numbers span.current{
color: #ff7415;
background-color: #fff;
border-color: #ff7415;
font-weight: bold;
}
@media screen and (max-width:480px){
.page-numbers a, .page-numbers span {
color: #fff;
background-color: #ff7415;
border: 1px solid #ff7415;
padding:5px 13px;
margin: 2% 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
display:inline-block;
}
} @media (orientation: landscape) and (min-width:769px) and (max-width:1080px) { 
#mainimage { width: 100%; height: 100vh;  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 3%;}
#header_inner {
width: 100%;
margin: 0 auto;
padding: 10px;
}
.about_img_list li { width: 25%; }
#footer ul { width: 100%;}
.catch_title {width: 100%;}
.catch_title h2 { font-size: 160%!important; margin: 0;}
.catch_title h3 { font-size: 220%!important; margin: 0;}
#about .main-content,#news .main-content { width: 100%!important; margin: 0 auto; padding: 3%; }
} @media (orientation: portrait) and (min-width:769px) and (max-width:1080px){
#mainimage { width:100%; height: 900px; margin:0 auto; top:0; z-index: 0;  position: relative; background-size:cover!important; background-position:center  center !important; object-fit: cover !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 3%; }
#header { width: 100%; }
#header_inner { width: 100%; }
#footer ul { width: 100%;}
.catch_title {width: 100%;}
.catch_title h2 { font-size: 160%!important; margin: 0;}
#about .main-content,#news .main-content { width: 100%!important; margin: 0 auto; padding: 3%; }
.about_img_list li { width: 25%; }
.top_txt_box { width : calc(100% / 1) ; }
.top_img_box { width : calc(100% / 1) ; }
}
.hoiku_mokuhyo { position:relative; }
.mokuhyo01 { width:70%; margin:0 auto; }
.mokuhyo02 { position:absolute; top:3%; }
.mokuhyo02 p:nth-child(2) { margin-top:35px;}
.hoiku_img3 { display: flex; flex-wrap: wrap; justify-content:center; align-items:center; width:70%; margin: 0 auto; }
.hoiku_img3 li { width : calc(100% / 3) ; padding:2%; }
.hoiku_img3 li:nth-child(1) img,.hoiku_img3 li:nth-child(4) img,.hoiku_img3 li:nth-child(5) img { width: auto; height: 246px; }
@media screen and (max-width:768px){
.mokuhyo01 { width:100%; margin:0 auto; }
.mokuhyo02 { position:static; top:3%; display:flex; flex-wrap:wrap; justify-content:center; }
.mokuhyo02 p:nth-child(2) { margin-top:initial;}
.hoiku_img3 { display: flex; flex-wrap: wrap; justify-content:center; align-items:center; width:100%; margin: 0 auto; }
.hoiku_img3 li { width : calc(100% / 2) ; padding:1%; }
.hoiku_img3 li:nth-child(1) { order:3;}
.hoiku_img3 li:nth-child(2) { order:1;}
.hoiku_img3 li:nth-child(3) { order:2;}
.hoiku_img3 li:nth-child(4) { order:4;} 
.hoiku_img3 li:nth-child(5)  { order:5;}
.hoiku_img3 li:nth-child(1) img,.hoiku_img3 li:nth-child(4) img,.hoiku_img3 li:nth-child(5) img { width: 100%; height: auto; }
}
.recruit_list li { display:inline-block; font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500; color: #ff7415; font-size:120%; margin-bottom:15px; }