@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;
}  #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/default_child/images/header_sp_switch.png) center center;
background-size: contain;
}
#menu-sp-switch.close {
background: transparent url(//ok-chiro.com/wordpress/wp-content/themes/default_child/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;
} #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 {
border-top-width:0;
}
#footer > hr {
display:block;
width:auto !important;
border-width:0;
background-color:#F0E68C;
height:10px;
margin:0px;
}
#footer > h2#menu02, #footer > hr {
margin-right:-5px !important;
margin-left:-5px !important;
}
#footer > h2#menu02 {
border-width:0 !important;
}
#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;
}
}
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;
} 
#submenu {
background-color:white;
} #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;
}
p.has_no-margin {
background-image:linear-gradient(#43a82e 0% 8.5%, #fff 8.5% 100%);
margin: 0 -11px 0 -11px !important;
overflow-x:hidden;
}
img.no-margin {
overflow-x:hidden;
}
body.home img.no-margin {
margin: -15px -11px 0 -11px !important;
max-width: calc(100vw + 0px) !important;
} img {
max-width:100% !important;
} #header-pc-wrap,
#menu-pc,
#footer-pc,
div#content > br,
div#page > br {
display: none;
}
} @media (max-width: 650px) {
html {
min-width:1px !important;
width:auto !important;
}
body{
-webkit-text-size-adjust: none;
}
img {
display:block;
width:auto;
max-width:100%;
height:auto !important;
-moz-transform-origin: 100 0;
-webkit-transform-origin: 100 0;
}
div#page {
padding:5px 0 !important;
}
body {
padding-bottom:2em;
min-width:1px !important;
width:auto !important;
font-size:1px;
color:#DFF4FF;
text-align:center;
}
div {
float:none !important;
width:auto !important;
min-width:1px !important;
height:auto !important;
text-align:left;
position:static;
clear:both;
margin:0 !important;
padding:0 5px;
font-size:16px;
color:black;
}
body > div#page > #container > #content > table,
body > div#page > #container > #content > table > tbody,
body > div#page > #container > #content > table > tbody > tr,
body > div#page > #container > #content > table > tbody > tr > td {
font-size: 16px !important;
}
td {
color:black;
min-width:45%;
}
table {
width:auto !important;
max-width:100%;
box-sizing:border-box;
height:auto !important;
}
div#sidebar {
display:none;
padding:0;
margin-top:5px;
}
.archivesheader, .categoriesheader, .pagesheader, .linksheader, .postsheader, #archiveslist li, #pageslist li, #categorieslist li, #linkslist li, #postslist li {
width:auto !important;
}
#sidebar h2.side-widget-title, .side-widget li {
width:auto !important;
}
table.calendar td {
padding: 3px 1px;
}
a#tel {
display:block;
text-align:center;
text-decoration:none;
color:#f17e01;
background:#fff;
font-size:170%;
border:1px solid white;
}
a {
font-size:120%;
}
blockquote {
text-align:left;
margin:1em;
} #content iframe{
position: relative;
}
#content iframe:before {
display:block;
content:"";
padding-top:56.25%;
}
#content iframe {
margin:0;
float:none;
width:100% !important;
height:100% !important;
}
iframe[src*="ekiten"] {
margin:0;
float:none;
width:100% !important;
height:720px !important;
}
h1, h2, h3, p, ul, ol {
clear:both;
}
.post {
padding-top:0;
}
.post_body {
padding:0;
}
div#content > table {
margin-right:0 !important;
}
.post td.label_weekday, .post td.label_weekend,.post td.weekday, .post td.weekend, .post td.day-off, .post td.irregular, .post td.morning {
min-width:1px;
width:calc(100% / 7 - 2px);
padding:9px;
box-sizing:border-box;
}
div#content h2 {
height:auto !important;
}
h2#menu01, h2#menu02 {
clear:both;
width:auto;
margin-top:0;
margin-bottom:0;
font-size:140%;
font-weight:bold;
padding:10px 0;
text-align:center;
text-indent:0.5em;
color:#333333;
line-height: 100% !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2F9542), color-stop(0.00, #FFF));
background: -webkit-linear-gradient(top, #FFF 0%, #2F9542 100%);
background: -moz-linear-gradient(top, #FFF 0%, #2F9542 100%);
background: -o-linear-gradient(top, #FFF 0%, #2F9542 100%);
background: -ms-linear-gradient(top, #FFF 0%, #2F9542 100%);
background: linear-gradient(to bottom, #FFF 0%, #2F9542 100%);
}
#voice-copy, #voice {
}
hr {
width:90% !important;
}
#hello img {
float:none;
}
.merit-green, .riyuu-orange, .merit-orange {
line-height:120%;
}
#menu table td > a {
line-height:200%;
}
ul#submenu {
line-height:0%;
font-size:1px;
color:#009500;
display:none;
padding-left:0px;
}
ul#submenu a {
display:block;
color:green;
font-size:12px;
width:100%;
padding:8px 0;
line-height:150%;
text-indent:10px;
border-bottom:1px solid green;
}
.delete {
display:none;
}
img.s-size {
width:60% !important;
height:auto !important;
}
img.m-size {
width:75% !important;
height:auto !important;
}
img.l-size {
width:90% !important;
height:auto !important;
}
img[src="https://ok-chiro.com/wordpress/wp-content/uploads/2015/05/h149w619.jpg"] {
display:block;
}
img[src="https://ok-chiro.com/wordpress/wp-content/uploads/2020/07/8294-2-650-red.jpg"] {
display:block;
}
div#voice img, div#voice .ifr {
width: calc(100vw - 74px) !important;
}
}
@media (max-width: 650px) {
div#content img {
margin-bottom:10px;
}
}