@charset "UTF-8";
 body {
margin: 0;
padding: 0;
background-color: #F8FBED;
background-image:none;
font-family: Tahoma, sans-serif !important;
font-size: 17px;
font-weight: 500;
color: #333333;
text-align: center;
}
#container {
max-width: 960px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
background-color: #FFFFFF;
}
#container:after {
content: "";
display: block;
clear: both;
}
ol, ul {
margin: 0px 0px 0px 2px;
}
div + p {
clear:both;
}
h1 {
font-size: 150%;
font-weight: bold;
height: 1px;
margin:0PX;
font-family: Tahoma !important;
}
h2 {
line-height: 70px;
vertical-align: middle;
font-size:180%;
font-weight:100;
color: #333333;
background-color: #F6FFEB;
border-top: solid 4px #7FBC32;
border-bottom: solid 1px #7FBC32;
padding: 3px 30px 3px 30px;
margin:0.83em 0;
font-family: Tahoma !important;
}
.post > h2 {
display:none;
}
body.single .post > h2 {
display:block;
}
h3 {
line-height: 55px;
font-family: Tahoma !important;
font-size: 150%;
font-weight: 300;
color: #333333;
border-left: solid 4px #7FBC32;
border-bottom: solid 1px #CCCCCC;
padding-top: 5px;
padding-left: 10px;
margin:1em 0;
}
h4 {
line-height: 35px;
font-size: 130%;
font-weight: 500;
color: #333333;
border-left: solid 4px #B8DA8E;
padding-left: 15px;
}
h5 {
font-size:110%;
font-weight: bold;
color: #FF5A3B;
text-decoration: underline;
}
h6 {
margin-top:19px;
text-align:center;
vertical-align: middle;
line-height:30px;
width:220px;
padding:5px 0px 5px 0px;
margin-bottom:4px;
background-color: #43A82E;
color: #FFFFFF;
font-size: 120%;
font-weight:bold;
border-style: none;
}
h7 {
line-height: 50px;
vertical-align: middle;
font-size:130%;
font-weight:bold;
color: #FFFFFF;
background-color: #43A82E;
padding: 3px 30px 3px 30px;
}  
a {
color: #0000FF;
text-decoration:none;
}
a:visited, a:active {
color: #660066;
text-decoration:none;
}
a:hover {
color: #F7AB09;
text-decoration: none;
border:none;
}
blockquote {
margin: 10px 30px 10px 30px;
padding: 0 10px 0 10px;
border-left: 2px solid #cc3300;
}
code {
font-family: monospace !important;
}
small {
font-size: 0.92em;
line-height:2em;
}
input, textarea, select {
border: 1px solid #868686;
background: #FFFFFF;
color: #212121;
font: 12px Tahoma, Arial, sans-serif;
}
.submit {
border: 1px solid #868686;
background: #fce248;
color: #FFF;
}
form {
border: 0;
margin: 0;
padding: 0;
}
a img {
border: 0;
}
img {
border: 0;
}
p img {
max-width:1000px;
} .orange {
font-size:110%;
font-weight: bold;
color: #D88309;
}
.top-orange {
padding-top: 20px;
font-size:140%;
font-weight: bold;
line-height: 150%;
text-align: center; 
color: #FF5A3B;
}
#right {
text-align: right; 
font-weight: bold;
font-size: 92%; 
}
.pink-orange {
font-size:130%;
font-weight: bold;
line-height: 130%;
color: #FF5A3B;
}
.big-red {
font-size:130%;
font-weight: bold;
line-height: 130%;
color: red;
}
.verybig-red {
font-size:200%;
font-weight: bold;
line-height: 130%;
color: red;
}
.green {
font-size:100%;
font-weight: bold;
color: #43A82E;
}
.blue2 {
font-size:120%;
font-weight: bold;
color: #0000FF;
border-bottom: solid;
border-color: biue;
}
.green2 {
font-size:130%;
font-weight: bold;
color: #2B7758;
}
.light-green-large {
font-size:180%;
font-weight: bold;
line-height: 150%;
text-align: center;  
color: #59B530;
}
.light-green {
font-size:120%;
font-weight: bold;
line-height: 150%;
text-align: center;  
color: #59B530;
}
.light-black {
font-size:100%;
font-weight: bold;
line-height: 150%;
text-align: center;  
color: #666666;
}
#firstview {
margin: 0px;
padding: 0px;
}
#top {
font-size: 127%;
font-weight: bold;
line-height: 50%;
}
.top {
vertical-align: top;
}
#topword {
font-size: 150%;
font-weight: bold;
text-align: center;
line-height: 150%;
}
#pain {
width: 580px;
margin-bottom: 60px;  
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
border: solid;
border-color: #CDCDCD;
border-width: 1px;
color: #333333;
font-size: 110%;
font-weight: bold;
line-height: 110%;
}
#huann {
color: #333333;
font-size: 110%;
font-weight: bold;
line-height: 200%;
vertical-align: bottom;
}
#hello {
width: 580px;
margin-bottom: 30px;  
padding: 20px 20px 20px 20px;
background-color: #F1F1F1;
border: solid;
border-color: #CDCDCD;
border-width: 1px;
color: #333333;
font-size: 100%;
font-weight: bold;
line-height: 150%;
}
#effective {
padding-left: 30px;
padding-right: 10px;
}
#syoujyou {
color: red;
font-size:120%;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
}
.syoujyou2 {
color: #D88309;
font-size:120%;
font-weight: bold;
}
#information {
width: 590px;
margin: 0px 0px 0px 0px;
height: 100px;
padding-left: 10px;
padding-right: 10px;
line-height: 1em;
overflow: auto;
}
#voice-copy {
width: 540px;
margin: 0px 30px 0px 30px;
padding: 10px 20px 10px 20px;
background-color: #43A82E;
border: solid;
border-color: #43A82E;
border-width: 1px;
font-size:150%;
color:#FFFFFF; 
}
#voice {
width: 540px;
margin: 0px 30px 0px 30px;
padding: 10px 20px 10px 20px;
background-color: #FFFFF3;
border: solid;
border-color: #CDCDCD;
border-width: 1px;
}
#float-left {
float: left;
}
.next {
font-size:150%;
font-weight: bold;
text-align: center; 
}
.riyuu-orange {
padding-top: 20px;
font-size:220%;
font-weight: bold;
line-height: 80%;
text-align: center; 
color: #FF5A3B;
}
.riyuu-black {
font-size:130%;
font-weight: bold;
line-height: 150%;
color: #333333;
}
.merit-green {
padding-top: 20px;
font-size:220%;
font-weight: bold;
line-height: 80%;
text-align: center; 
color: #59B530;
}
#what {
color: #333333;
font-size: 110%;
font-weight: bold;
line-height: 150%;
}
#merit {
margin-bottom: 30px;  
color: #333333;
font-size: 115%;
font-weight: bold;
line-height: 100%;
}
.merit-orange {
padding-top: 20px;
font-size:220%;
font-weight: bold;
line-height: 80%;
text-align: center; 
color: #FF5A3B;
}
#tell {
width: 595px;
padding: 30px 10px 10px 0px;
background-color: #FFF0B3;
border: solid;
border-color: #CDCDCD;
border-width: 1px;
text-align: center;
font-size: 200%;
font-weight: bold;
color: #333333; 
}
.line {
border-bottom: 1px dotted #868686;
}
.answer {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 50px;
border-bottom: 1px dotted #868686;
}
.red {
color: red;
}
.orange-bold {
color: #FF6600;
font-weight: bold;
}
.underline {
text-decoration: underline;
}
#ekiten-right {
float: right;
}
#ekiten-center {
text-align: center;
}
#Line {
text-align: center;
color: #FF6600;
font-weight: bold;
font-size: 200%;
}
#uketuke {
padding-top: 20px;
padding-bottom: 20px;
font-size:120%;
text-align: center; 
}
#course {
margin-top: 20px;
padding: 20px;
border: 1px solid #CDCDCD;
}
.course-orange {
padding-left: 30px;
font-size:150%;
font-weight: bold;
line-height: 150%;
color: #FF5A3B;
}
.qol {
font-size:110%;
font-weight: bold;
color: #6495ED;
}
img[src="https://ok-chiro.com/wordpress/wp-content/uploads/2015/05/h149w619.jpg"] {
display:none;
}
img[src="https://ok-chiro.com/wordpress/wp-content/uploads/2020/07/8294-2-650-red.jpg"] {
display:none;
} #top-visual {
padding: 20px 0;
text-align: center;
}
#top-visual + #container {
border-top: 1px solid #CDCDCD;
} #header-sp-wrap,
#menu-sp,
#menu-sp-close,
#footer-sp {
display: none;
} #page {
margin: 0 auto 110px;
background-color: #fff;
background-image:none;
width: 100%;
background-color: transparent;
border-width:0;
} #header {
background-image:none;
background-position: bottom;
padding:0px;
margin-left:0px;
text-align:left;
position:relative;
width:100%;
height:auto;
 color: #666666;
border-bottom: 0px solid #CDCDCD; 
background-color: #fff;
}
#header a {
margin:0px 0px 0px 0px;
font-size:230%;
font-family: MS丸ゴシック !important;
color:#dfa811;
text-decoration:none;
font-weight:bold;
}
#header-description {
font-size:100%;
font-family:Tahoma !important;
color:#43A82E;
font-weight:bold;
top:8px;
padding-left:30px;
padding-bottom: 10px;
position:relative;
}
.header-top {
width: 100%;
height: 15px; 
background-color: #43A82B;
padding-left: 0px;
padding-top:0 !important;
color: #FFFFFF;
text-align:left;
}
.header-top font {
display: block;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
img[src="https://ok-chiro.com/wordpress/wp-content/uploads/2015/05/h149w619.jpg"] {
display: none;
}
.header-subdata {
text-align: right;
padding-top: 10px;
padding-right: 30px;
font-size: 15px;
font-weight:bold;
}
.white-small {
color: #FFFFFF;
font-size: 12px;
}
.brown {
color: brown;
} .brown-large {
font-size: 150%;
font-weight: bold;
color: 333333;
}
#header-pc-wrap {
background-color: #43a82b;
}
#header-pc-wrap.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
#menu-pc ul {
margin: 0 auto;
padding: 0;
list-style: none;
max-width: 960px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
#menu-pc ul li {
flex: 1;
}
#menu-pc ul li a {
display: block;
padding: 15px 5px;
font-size: 100%;
color: #FFFFFF;
text-align: center;
}
#menu-pc ul li a:hover {
background: rgba(255, 255, 255, 0.2);
}
p.postmetadata {
display:none;
} a#tel, h2#menu01, h2#menu02 {
display:none;
}
#content {
float: right;
width: 660px;
text-align:justify;
font-family:Tahoma !important;
font-size:100%;
line-height: 2em;
color: #555555;
padding:0 0 14px;
margin-top:0px !important;
} #sidebar {
float: left;
overflow: hidden;
padding: 0px 30px 5px 30px;
margin-left:0;
width: 220px;
text-align:left;
}
#sidebar h2, #menu-sp h2 {
margin-top:19px;
text-align:center;
vertical-align: middle;
line-height:25px;
width:220px;
padding:3px 0px 3px 0px;
margin-bottom:4px;
background-color: #43A82E;
color: #FFFFFF;
letter-spacing:0px;
font-weight:bold;
font-family: Tahoma, "Helvetica Neue", "Hiragino Kaku Gothic ProN", sans-serif !important;
border-style: none;
}
#sidebar > ul > .side-widget:first-child h2,
#sidebar > ul > .side-widget:nth-child(2) h2{
margin-top:10px;
}
#sidebar > ul > .side-widget:nth-child(5) {
padding-top:63px;
}
#sidebar > ul > .side-widget:nth-child(6) {
padding-top:46px;
}
.pagesheader {
margin-top: 10px;
}
.s-pagesheader {
margin-top: 10px;
}
html>body .side-widget li a {
width: auto;
line-height:25px;
}
.side-widget {
margin:0px 0px 0px 0px;
}
.side-widget ul {
font-size:90%;
}
#sidebar ul p {
margin:1em 0;
}
#metalist {
padding-left:10px;
font-family:Georgia !important;
font-size:95%;
}
.side-widget ul, .side-widget ul ul {
list-style: none;
margin: 0px !important;
padding: 0px;
font-weight:normal;
font-family:Tahoma !important;
}
.side-widget li {
list-style:none;
margin: 0px !important;
padding: 0px;
width: 220px;
}
.entry ul li:before, #sidebar ul ul li:before{
content:"";
}
.side-widget li a {
padding: 5px 10px 6px 20px;
display: block;
color: #333333;
text-decoration: none;
margin-left:0px;
font-weight:400;
}
.side-widget li a { background-color: #FFFFFF;
border: solid 1px #CDCDCD;
}
.side-widget li a:hover { background-color: #F0FFF0; }
#linkslist li a { background-color: #FCEBB1; }
#linkslist li a:hover { background-color: #FEB37D; }
#metalist h2 { color: #000000; }
#metalist ul {
list-style: none;
margin: 0px;
padding: 0px;
}
td.label_weekday {
background-color: #CCFFCC;
}
td.label_weekend {
background-color: #CCFFCC;
}
td.weekday {
background-color: #FFFFFF;
color: #000000;
}
td.weekend {
background-color: #FFFF99;
color: #000000;
}
td.day-off {
background-color: #FFCCCC;
color: #FF0000;
}
td.irregular {
background-color: #ADD8E6;
color: #000000;
}
td.morning {
background-color: #AFEEEE;
color: #000000;
}
td.blank {
empty-cells: show;
}
.white {
border: 1px solid #808080;
}
.yellow {
background-color: #FFFF99;
border: 1px solid #808080;
}
.pink {
background-color: #FFCCCC;
border: 1px solid #808080;
}
.blue {
background-color: #AFEEEE;
border: 1px solid #808080;
}
#area {
width: 220px;
padding: 5px;
border: solid;
border-color: #808080;
border-width: 1px;
}
#side-tell {
width: 220px;
padding: 15px 5px 15px 5px;
background-color: #FFF0B3;
border: solid;
border-color: #CDCDCD;
border-width: 1px;
text-align: center; 
}
#sideword {
font-size: 110%;
font-weight: bold;
line-height: 150%;
}
table.calendar {
margin: 1.0em auto;
width: 100% !important;
max-width: 220px;
border: 2px solid;
border-collapse: separate;
border-spacing: 2px;
table-layout: fixed;
}
table.calendar td {
border: 1px solid;
width: calc(100% / 7);
font-size:15px;
} #footer {
clear: both;
background-color: #43A82E;
background-image:none;
padding:5px;
font-size:85%;
color: #FFFFFF;
width:100%;
box-sizing:border-box;
height: 170px;
border-top: 10px solid #F0E68C;
line-height: 2.5em;
}
#footer ul li {
display: inline;
list-style-type: none;
margin:0 0 0 3px;
padding:0 0 3px 5px;
color:#2B7758;
text-decoration:none;
}
#footer a {
padding-top: 20px;
color: #FFFFFF;
}
#footer-pc {
display: none;
height: 109px;
border-top: 1px solid #CDCDCD;
background-color: #FFFFFF;
}
#footer-pc h6 {
display: none;
}
#footer-pc img {
width: 100%;
height: auto;
}
#footer-pc ul {
margin: 0;
list-style: none;
margin-left: auto;
margin-right: auto;
max-width: 960px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
#footer-pc ul li {
padding: 10px 0;
height: 90px;
flex: 1;
}
#footer-pc ul li:nth-of-type(1) {
flex: 0 1 40.62%;
}
#footer-pc ul li:nth-of-type(2) {
flex: 0 1 37.50%;
}
#footer-pc ul li:nth-of-type(3) {
flex: 0 1 21.88%;
}
#footer-pc.fixed {
display: block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
-webkit-animation: "slideup-pc" 0.3s 1 linear forwards;
-moz-animation: "slideup-pc" 0.3s 1 linear forwards;
-o-animation: "slideup-pc" 0.3s 1 linear forwards;
-ms-animation: "slideup-pc" 0.3s 1 linear forwards;
animation: "slideup-pc" 0.3s 1 linear forwards;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes slideup-pc {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@-moz-keyframes slideup-pc {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@-o-keyframes slideup-pc {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@-ms-keyframes slideup-pc {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@keyframes slideup-pc {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
} .narrowcolumn .entry {
padding: 0 5px 5px;
line-height:2em;
}
.post {
background-color:#FFFFFF;
padding: 11px 9px;
margin:5px 25px 20px 5px;
position:relative;
width:630px;   }
.post_title_div_notfound {
background:url(//ok-chiro.com/wordpress/wp-content/themes/default_child/images/notcute.gif) no-repeat;
padding-left:0px;
height:47px;
}
.post_title {
margin:0px;
font-size:130%;
color:#1696D7;
font-weight:bold;
}
.post_datetime {
font-size:80%;
font-weight:normal;
color:#474646;
}
.post_body {
padding:0px 5px 5px 5px;  
}
.post_details {
font-size: 85%;
font-weight: bold;
}
.edit_post {
padding:4px 0px 2px 18px;
background:url(//ok-chiro.com/wordpress/wp-content/themes/default_child/images/pencil.gif) no-repeat bottom left;
}
.shop-name {
font-size:130%;
font-weight: bold;
line-height: 150%;
color: #333333;
}
.shop-subname {
font-size:100%;
font-weight: bold;
line-height: 150%;
color: #333333;
}
body.page #respond, .nocomments {
display:none;
} #searchform {
margin:4px 0px 19px 8px;
line-height:5px;
}
.searchtext{
height:16px;
padding:3px 1px 1px 1px;
border:1px solid #0896E2;
}
.searchsubmit{
border:1px solid #0896E2;
background-color:#7DD0FC;
height:20px;
background-image:url(//ok-chiro.com/wordpress/wp-content/themes/default_child/images/search-gradient.jpg);
} .divider {
width: 100%;
text-align:center;
margin: 50px 0 50px 0;
}
img.alignright {
float: right;
padding:0;
margin:0px 10px;
}
img.alignleft {
float: left;
padding:0;
margin:0px 10px;
}
img.aligncenter,
div.aligncenter {
margin-left: auto;
margin-right: auto;
}
img.alignleft, img.alignright {
display:block;
} .commentlist {
clear: both;
padding: 0.8em 0px 0px 13px;
list-style: none;
font-size:12px;
text-align:left;
}
.commentlist a {
border-bottom:none;
}
.commentmetadata {
float:right;
border-bottom:2px solid #b93529;
margin-right:10px;
}
.comment_author {
padding: 4px 0 0 25px;
background: url(//ok-chiro.com/wordpress/wp-content/themes/default_child/images/cute.gif) no-repeat;
background-position:bottom left;
font-size: 14px;
font-weight: bold;
}
.comment_text {
margin:10px 30px 30px 13px;
}
#respond {
color: black;
}
small, #sidebar h2, #commentform p {
font-family: Tahoma !important;
}
//以下、スマホ対応
@media (max-width: 650px) {
body {
font-family:Tahoma;
}
a#tel {
letter-spacing:-0.2px;
font-weight:400;
font-family:Tahoma, "Helvetica Neue", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
div#page {
padding-bottom: 84px !important;
}
#container {
margin-left: auto !important;
margin-right: auto !important;
padding: 0;
border-left: none;
border-right: none;
}
//メニューバーと本文の隙間を調節
#content {
margin-top:0px !important;
padding:0px 8px 8px;
}
.narrowcolumn .entry {
padding:1px 2px 3px;
}
.post p {
letter-spacing:0px;
} #header {
border-bottom: 1px solid #CDCDCD;
}
#header-sp-wrap {
display: none;
padding: 0;
height: 50px !important;
border-bottom: 1px solid #CDCDCD;
background-color: #FFFFFF;
overflow: hidden;
}
#header-sp-wrap img {
width: 100%;
height: auto;
}
#header-sp-wrap.fixed {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
-webkit-animation: "slidedown-sp" 0.3s 1 linear forwards;
-moz-animation: "slidedown-sp" 0.3s 1 linear forwards;
-o-animation: "slidedown-sp" 0.3s 1 linear forwards;
-ms-animation: "slidedown-sp" 0.3s 1 linear forwards;
animation: "slidedown-sp" 0.3s 1 linear forwards;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes slidedown-sp {
0% {
top: -51px;
}
100% {
top: 0;
}
}
@-moz-keyframes slidedown-sp {
0% {
top: -51px;
}
100% {
top: 0;
}
}
@-o-keyframes slidedown-sp {
0% {
top: -51px;
}
100% {
top: 0;
}
}
@-ms-keyframes slidedown-sp {
0% {
top: -51px;
}
100% {
top: 0;
}
}
@keyframes slidedown-sp {
0% {
top: -51px;
}
100% {
top: 0;
}
}
.header-sp-container {
margin-left: auto !important;
margin-right: auto !important;
padding: 0;
max-width: 360px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
#header-sp {
float: left !important;
padding: 0;
width: calc(100% - 50px) !important;
}
#header-sp div {
padding: 0;
}
#header-sp ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
#header-sp ul li {
flex: 0 1 50%;
}
#menu-sp-switch {
float: right;
padding: 0;
width: 50px;
border: none;
text-align: center;
text-indent: -9999px;
}
#menu-sp-switch.switch {
background: transparent url(//ok-chiro.com/wordpress/wp-content/themes/images/header_sp_switch.png) center center;
background-size: contain;
}
#menu-sp-switch.close {
background: transparent url(//ok-chiro.com/wordpress/wp-content/themes/images/header_sp_close.png) center center;
background-size: contain;
}
#menu-sp {
display: block;
position: fixed;
top: 0;
left: -80%;
right: 0;
bottom: 0;
padding: 0;
width: 75% !important;
min-width: 210px !important;
background-color: #FFFFFF;
font-family: Tahoma;
overflow-y: scroll;
z-index: 99999;
}
#menu-sp div {
padding: 0;
}
#menu-sp h2 {
margin: 0;
padding-left: 20px;
text-align: left;
}
body > div#page > #container > #content div#post-2 div.entry p{
font-size: 16px !important;
}
#sidebar h2, #menu-sp h2 {
width:auto !important;
font-size:120%;
font-family:Tahoma !important;
}
#menu-sp .side-widget ul {
margin-bottom: 20px !important;
}
#menu-sp .side-widget ul li a {
padding-left: 10px;
border-top: none;
border-left: none;
border-right: none;
font-size: inherit;
font-weight:normal;
font-family:Tahoma !important;
color: #333;
}
#menu-sp .side-widget ul li a:before {
content:"\025b6  ";
color: #43A82E;
font-family:Arial !important;
}
#menu-sp.open {
-webkit-animation: "open-sp" 0.3s 1 linear forwards;
-moz-animation: "open-sp" 0.3s 1 linear forwards;
-o-animation: "open-sp" 0.3s 1 linear forwards;
-ms-animation: "open-sp" 0.3s 1 linear forwards;
animation: "open-sp" 0.3s 1 linear forwards;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
#menu-sp.close {
-webkit-animation: "close-sp" 0.3s 1 linear forwards;
-moz-animation: "close-sp" 0.3s 1 linear forwards;
-o-animation: "close-sp" 0.3s 1 linear forwards;
-ms-animation: "close-sp" 0.3s 1 linear forwards;
animation: "close-sp" 0.3s 1 linear forwards;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes open-sp {
0% {
left: -80%;
right: 0;
}
100% {
left: 0;
right: 80%;
}
}
@-moz-keyframes open-sp {
0% {
left: -80%;
right: 0;
}
100% {
left: 0;
right: 80%;
}
}
@-o-keyframes open-sp {
0% {
left: -80%;
right: 0;
}
100% {
left: 0;
right: 80%;
}
}
@-ms-keyframes open-sp {
0% {
left: -80%;
right: 0;
}
100% {
left: 0;
right: 80%;
}
}
@keyframes open-sp {
0% {
left: -80%;
right: 0;
}
100% {
left: 0;
right: 80%;
}
}
@-webkit-keyframes close-sp {
0% {
left: 0;
right: 80%;
}
100% {
left: -80%;
right: 0;
}
}
@-moz-keyframes close-sp {
0% {
left: 0;
right: 80%;
}
100% {
left: -80%;
right: 0;
}
}
@-o-keyframes close-sp {
0% {
left: 0;
right: 80%;
}
100% {
left: -80%;
right: 0;
}
}
@-ms-keyframes close-sp {
0% {
left: 0;
right: 80%;
}
100% {
left: -80%;
right: 0;
}
}
@keyframes close-sp {
0% {
left: 0;
right: 80%;
}
100% {
left: -80%;
right: 0;
}
}
#menu-sp-close {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 55555;
}
#sidebar p.ifr {
position:static;
}
#sidebar p.ifr:before {
display:none;
}
#sidebar p.ifr iframe {
position:static;
} #footer-sp {
display: none;
height: 74px !important;
border-top: 1px solid #CDCDCD;
background-color: #FFFFFF;
overflow: hidden;
}
#footer-sp h6 {
display: none;
}
#footer-sp img {
width: 100%;
height: auto;
}
#footer-sp ul {
margin: 0;
padding: 0;
list-style: none;
margin-left: auto;
margin-right: auto;
max-width: 360px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
#footer-sp ul li {
flex: 0 1 50%;
}
#footer-sp.fixed {
display: block;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
-webkit-animation: "slideup-sp" 0.3s 1 linear forwards;
-moz-animation: "slideup-sp" 0.3s 1 linear forwards;
-o-animation: "slideup-sp" 0.3s 1 linear forwards;
-ms-animation: "slideup-sp" 0.3s 1 linear forwards;
animation: "slideup-sp" 0.3s 1 linear forwards;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes slideup-sp {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@-moz-keyframes slideup-sp {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@-o-keyframes slideup-sp {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@-ms-keyframes slideup-sp {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
@keyframes slideup-sp {
0% {
bottom: -110px;
}
100% {
bottom: 0;
}
}
a#tel {
display:block;
}
h2#menu01, h2#menu02 {
display:block;
font-family:Tahoma, sans-serif !important;
padding:9px 0 11px;
font-size: 18px;
}
#footer {
padding-bottom: 95px;
font-size: 10px;
} #top-visual {
display:none;
background-color: #FFFFFF;
padding: 10px 0px 10px 0px; 
}
#top-visual img {
margin-left: auto;
margin-right: auto;
}
img.aligncenter[src="https://ok-chiro.com/wordpress/wp-content/uploads/2015/05/h149w619.jpg"] {
display:block !important;
}
img.aligncenter[src="https://ok-chiro.com/wordpress/wp-content/uploads/2020/07/8294-2-650-red.jpg"] {
display:block !important;
} img {
max-width:100% !important;
}
body.home img.no-margin {
margin: -15px -13px 0 !important;
max-width: 100vw !important;
}
img.no-margin {
margin: -15px -13px 0 -11px !important;
max-width: calc(100vw + 2px) !important;
}
body.home img.no-margin {
margin: -15px -13px 0 !important;
max-width: 100vw !important;
}
#submenu {
background-color:white;
} #header-pc-wrap,
#menu-pc,
#footer-pc,
div#content > br,
div#page > br {
display: none;
}
}