@charset "utf-8";
/*
Theme Name: くまのみ整骨院（新）
Theme URI: https://kumanomi-group.net/ario-washinomiya/
Author: 
Description:
Version: 1
Tags: 
*/

/*font-setting*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* フッターボタン	 */
	.footerfix2{position: fixed;bottom: 0;width: 100%;left: 0;padding:1%;background-color: #fff;}
	.footerfix2 .formInduction ul li{margin:0 0.1em;padding: 5px 0;float: left;text-align: center;font-weight: bold;color: #fff;}
	.footerfix2 .formInduction ul li.btn_line {background-color: #00b900;width: 32%;}
	.footerfix2 .formInduction ul li.btn_web{background: orange;width: 32%;}
	.footerfix2 .formInduction ul li.btn_tel{background: red;width: 32%;}
	/* li.btn_web::before{content:"";background:url(/all1/images/icon_form.png);background-size:100%;width:16px;height:16px;display:inline-block;}
	li.btn_tel::before{content:"";background:url(/all1/images/icon_tel.png);background-size:100%;width:16px;height:16px;display:inline-block;} */
/* フッターボタン　アニメーション	 */
	.animate72{animation-duration: 1.5s !important;
    -webkit-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s !important;
	-webkit-animation-name: animate72;
    -moz-animation-name: animate72;
    -o-animation-name: animate72;
	}
.a-btnsub72,.a-option72,.animate72{
    -webkit-animation-timing-function:ease-in;
    -moz-animation-timing-function:ease-in;
    -o-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    -moz-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;animation-iteration-count:infinite
}

@-moz-keyframes animate72{
    0{-moz-transform:rotate(0)}
    40%{-moz-transform:rotate(0)}
    50%{-moz-transform:rotate(2deg)}
    60%{-moz-transform:rotate(-1deg)}
    70%{-moz-transform:rotate(3deg)}
    80%{-moz-transform:rotate(-2deg)}
    90%{-moz-transform:rotate(0)}
    100%{-moz-transform:rotate(0)}
}

@-o-keyframes animate72{
    0{-o-transform:rotate(0)}
    40%{-o-transform:rotate(0)}
    50%{-o-transform:rotate(2deg)}
    60%{-o-transform:rotate(-1deg)}
    70%{-o-transform:rotate(3deg)}
    80%{-o-transform:rotate(-2deg)}
    90%{-o-transform:rotate(0)}
    100%{-o-transform:rotate(0)}
}

@-webkit-keyframes animate72{
    0{-webkit-transform:rotate(0)}
    40%{-webkit-transform:rotate(0)}
    50%{-webkit-transform:rotate(2deg)}
    60%{-webkit-transform:rotate(-1deg)}
    70%{-webkit-transform:rotate(3deg)}
    80%{-webkit-transform:rotate(-2deg)}
    90%{-webkit-transform:rotate(0)}
    100%{-webkit-transform:rotate(0)}
}

@keyframes animate72{
    0{transform:rotate(0)}
    40%{transform:rotate(0)}
    50%{transform:rotate(2deg)}
    60%{transform:rotate(-1deg)}
    70%{transform:rotate(3deg)}
    80%{transform:rotate(-2deg)}
    90%{transform:rotate(0)}
    100%{transform:rotate(0)}
}

/* このようなお悩みありませんか　start */
.sejutsu_point{
	/* margin:20px 0px 7px 30px; */
	margin:0;
}
.sejutsu_point ol {
	/* list-style: decimal; */
}
.sejutsu_point ol li{
	/* font-size: 1.358em; */
	font-size:24px;
    font-weight: bold;
    /*height: 50px;*/
	color: #bd131b;
	margin-bottom: 36px;
}
.sejutsu_point span{
	background: linear-gradient(transparent 50%, #ffff66 0%);
	/*line-height: 1em;*/
}
/* このようなお悩みありませんか ↑end↑  */

/* サンクスページ（固定ページ）start */
#container .one-column .entry-title{
	text-align: center;
	margin: 10px 0px 30px;
	font-size: 20px;
	font-weight: bold;
}
/* サンクスページ（固定ページ）end */

/*---------------↓レスポンシブ↓------------------*/
@media all and (max-width: 480px) {
	.onayami .koumoku_tit01 {
		font-size: 16px;
	}
	/* このようなお悩みありませんか　start */
	.sejutsu_point ol {
		/* list-style: decimal;		 */
	}
	.sejutsu_point ol li{
		font-size: 24px;
		margin-bottom: 20px;
	}
/* このようなお悩みありませんか ↑end↑  */
}
/*---------------↑レスポンシブend↑------------------*/



/* 著者名文章左揃え調整 */
.saboxplugin-wrap .saboxplugin-desc p{
        text-align:left;
}

/* 著者名画像調整 */
.saboxplugin-gravatar img{
        max-width:250px !important;
        width:200px;
}
/* 著者名文章左揃え調整 */
@media screen and (min-width:768px) { 
.saboxplugin-wrap .saboxplugin-gravatar {
    float: left;
    padding: 0 20px 200px 20px;
}
}

/* フッターバナー余白 */
@media screen and (min-width:768px) {
    .group-site-banner .wrapper div {
        width: 20%;
    }
}
/* ナビゲーションバーロゴ */
#gnav .homeLogo {
	display: block;
	width: 387px;
	margin-top:2px;
}

#gnav .homeLogo img {
	width:100%;
}

/* 関連記事左余白 */
.yarpp-related {
           margin-left:1rem;
}

/* フッター画像サイズ調整 */
.group-site-banner img{
	width:100%;
	height:auto;
}

/* 関連記事バナー画像調整 */
 .yarpp-thumbnails-horizontal .yarpp-thumbnail img {
    display: block;
    object-fit: cover;
}

.yarpp-thumbnails-horizontal{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}




/** 追加 **/


.o_404 {
	width: 100%;
	background: #fff;
    border: 1px solid #ccc;
	padding: 40px;
	box-sizing: border-box;
}
.o_404 h1 {
    text-align: center;
    margin: 10px 0px 50px;
    font-size: 24px;
    position: relative;
}
.o_404 h1::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    left: 50%;
    margin: 0px 0px 0px -20px;
    display: block;
    background: rgb(246, 150, 0);
    bottom: -15px;
}

.o_title {
    text-align: center;
    margin: 10px 0px 50px;
    font-size: 24px;
    position: relative;
}
.o_title::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 3px;
    left: 50%;
    margin: 0px 0px 0px -20px;
    display: block;
    background: rgb(246, 150, 0);
    bottom: -15px;
}


.o_loop {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.o_loop li {
	width: 49%;
	margin-bottom: 2%;
	padding: 30px;
	border: 1px solid #ccc;
box-sizing: border-box;
}
.o_loop img {
max-height: 126px;
width: auto;
height /***/:auto;
transition: transform .6s ease;
}
.o_loop_thumbnail {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
.o_loop li:hover img {
  transform: scale(1.1); /* 拡大 */
}
.o_loop_time {
	text-align: right;
	margin-bottom: 10px;
}
.o_loop_title {
	margin-bottom: 10px;
	font-size: 130%;
	font-weight: bold;
}



#pagination {
	color: #2583ad;
	margin: 30px auto;
	line-height:2em;
}
a.page-numbers, #pagination .current {
	color: #00019b;
	padding: 10px;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
	background:white;
}
a.page-numbers:hover {
	color:white;
	background: #ccc;
}
#pagination .current {
	color: white;
	background: #ccc;
	border: #ccc;
	font-weight:bold;
}
.next,
.prev {
	border:0 none;
	background:transparent;
	font-weight:bold;
}


@media screen and (min-width:680px) {
a[href^="tel:"] {pointer-events: none;}
}

.saboxplugin-wrap {background: #fff;}


@media screen and (max-width: 680px) {
.ft-contents .f_navi h3 {
	font-size: 1.2em;
}

#footer.ft-contents .inner .f_navi .ft-item {
    width: 100%;
    padding: 0 0 10px 0;
	border: none;
}

#footer.ft-contents .inner .f_navi li {
    display: block;
    width: 49%;
    border-bottom: 1px dotted #fff;
}
#footer.ft-contents .inner .f_navi li a {
    display: block;
    width: 100%;
    padding: 7px 5px;
box-sizing: border-box;
	position: relative;
    font-size: 1em;
}
#footer.ft-contents .inner .f_navi li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

}

.wpcf7-textarea {
    background: #eaf5fa;
    padding: 6px;
    border: solid 1px #b9b8b2;
    width: 98%;
    box-sizing: border-box;
    font-size: 16px;
}
#wpfront-scroll-top-container {
    right: 0 !important;
    bottom: 80px !important;
}
@media screen and (max-width: 680px) {
#wpfront-scroll-top-container {
    right: 0 !important;
    bottom: 130px !important;
}
.grecaptcha-badge {
    bottom: 70px !important;
}
}

.grecaptcha-badge {visibility: visible !important;}


.o_table_out {
padding: 30px;
	background: #fff;
}
.o_table {
  border-collapse: separate; /* ←変更 */
  border-spacing: 0;         /* ←隙間防止 */
  margin: 0 auto;
  padding: 0;
width: 100%;
  table-layout: fixed;
margin-bottom: 100px;
    border: none;
}
.o_table img {
max-width: 100%;
height: auto;
width /***/:auto;
}
.o_table tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
.o_table tr:last-child{
  border: none;
}
.o_table thead th {
vertical-align: bottom;
	border: none;
text-align: center;

}
.o_table td {
  padding: 2em .5em;
  border-right: 2px solid #eee;
  text-align: center;
	font-size: 1.15em;
border-bottom: 1px solid #cccccc;
}
.o_table th {
  font-size: 1em;
  padding: 0;
  border-right: 2px solid #fff;
}
.o_table tbody th {
border-right: 2px solid #eee;
background: #ffd700;
	text-align: center;
font-size: 1.6em;
}
.o_table .o_big {
	padding: 25px 0;
	color: #fff;
	font-size: 30px;
	background: #f5a618;

}
.o_table .o_normal {
	padding: 10px 0;
	color: #fff;
	background: #999;
	  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.o_table .red_i {
width: 70px;
color: #ff0000;
margin: 0 auto 15px;
}
.o_table .black_i {
font-size: 50px;
color: #333;
margin-bottom: 15px;
}
.o_table .black_i2 {
font-size: 80px;
color: #333;
margin-bottom: 15px;
}

.o_table .col0 {background: #fff; border: none;}

.o_table th:nth-child(2),
.o_table td:nth-child(2) {
  border-left: 7px solid #f5a618;
  border-right: 7px solid #f5a618;
}
.o_table thead th:nth-child(2) {
  border-top: 7px solid #f5a618;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden; /* ←これも必須 */
}
.o_table tbody tr:last-child td:nth-child(2) { border-bottom: 7px solid #f5a618;}

.o_table th:first-child,
.o_table td:first-child {
width: 25%;
}

@media screen and (max-width: 680px) {
.o_table_out {padding: 10px;}
.o_table td {font-size: 1em; padding: 0.5em}
.o_table tbody th {font-size: 1em;}
.o_table .red_i {width: 50px; margin: 0 auto;}
.o_table .black_i {font-size: 40px; margin: 0;}
.o_table .black_i2 {font-size: 50px; margin: 0;}
.o_table .o_big {font-size: 20px;}
}