@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.home .entry-title {
display: none;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0066ff;
}

.clearfix:after{
content:"";
display:block;
clear:both;
}
body {
	position:relative;
}
.article {
    margin-bottom: 0 !important;
}
.entry-content {
    margin-top: 0;
    margin-bottom: 0;
}
.footer {
    margin-top: 0;
    padding: 8px;
}
/*背景の幅を100％にする*/

.home #content .wrap {
    width: 100%;}
.home #content .wrap .main {
 padding: 0;}

.header-container-in.hlt-top-menu {
    display: inline;
}
#header-in {
	width:1300px;
	margin:0 auto;
	text-align:left;
}
.header-container-in.hlt-top-menu .logo-header {
    max-height: 60px;
    text-align: left;
}
.logo-image span, .logo-image a {
    display: inline-block;
    max-width: 50%;
}
.header-btn {
	width:1300px;
	margin:0 auto;
	text-align:right;
	width: 1300px;
    margin: 0 auto;
    text-align: right;
    margin-bottom: -50px;
    padding-top: 10px;
}
.home #header {
	    position: relative;
}
.home #header::after {
      content: "";
       position: relative;
margin: 20px auto;
      background: url(images/main.png);
      width: 1300px;
      height: 730px;
    }
#header-container .navi {margin-top:15px;}
.home #header-container .navi {
margin-top:0;
}

.container {
    background: #FFF;
}
.home #content .wrap .main section {
padding:100px 0;
}
.home #content .wrap .main section .inner{
width: 1300px;
margin:0 auto;}
.main-img {
	text-align:center;
	
}

.home .article h2 {
    padding: 0;
	text-align:center;
    background-color: transparent;
    border-radius: 0;
}
.home .article h3 {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}
.f-120 {
	font-size:120%;
}
.uline {
	text-decoration:underline;
}
.txt-pink {
	color:#e0407f;
}
/* navi */
.navi-in > ul {
    height: 115px;
	padding: 20px;
}

.navi-in > ul li {
    display: block;
    width: 14.2%;
    height: 80px;
    position: relative;
    color: #4e2b20;
    border-left: #cccccc 1px solid;
	font-weight:bold;
	 font-size: 120%;
}
.navi-in > ul li .sub-caption {
	color:#e0407f;
	font-weight:bold;
	    font-size: 1em;
}
/* 記事一覧 */
.content-top {
    margin: 4em 0 2em;
}
#custom_html-5{
	width:48%;
	text-align:right;
	margin-bottom: -60px;
}

	#custom_html-6 {
    width: 48%;
    text-align: right;
    float: right;
    margin: 30px 0 -60px 0;
		z-index:3;
position: relative;
}
.blog-link a {
	color:#FFF;
	background:#4e2b20;
	border-radius:10px;
	padding:10px 15px;
	text-decoration:none;
}
.blog-link a:hover {	background:#724f44;}

#info_list-3,
#info_list-2 {
	width:48%;
	margin:1%;
	float:left;
	z-index:2;
}
#info_list-2 .widget-content-top-title {
	text-indent:-9999px;
	      background: url(images/news-list-ttl.png) no-repeat 0 0;
	height:80px;
}
#info_list-3 .widget-content-top-title {
	text-indent:-9999px;
	      background: url(images/column-list-ttl.png) no-repeat 0 0;
	height:80px;
}
#info-list {
	border-radius:0;
	border-bottom:#4f2a1e solid 2px;
	border-top:#4f2a1e solid 2px;
border-right:0;
	border-left:0;
}
.info-list {
    padding: 10px 0;
}
.info-list-item {
    position: relative;
}
.info-list-item-meta {
	font-size:16px;
 ? ?position: absolute;
    top: 0;
	color:#000;
}
.info-list-item-content {
	color:#000;
	font-size: 16px;
    position: absolute;
    top: 10px;
    left: 150px;
	z-index:2;
}
#info-list .info-list-item-categorys {
display:none;
}
.mobile-menu-buttons .menu-icon {
    color: #e0407f;
}
.logo-menu-button {
    text-align: left;
    display: inline !important;
    padding: 5px;
}
/* toppage */
.sec01 {
	background:#fbf8f3;
	margin-bottom:0;

}
.sec01-r,
.sec01-l {
width:20%;
	float:left;
}
.sec01-c {
width:60%;
	float:left;
	padding:0 5%;
}
.sec02 {
	margin:0;
		background:#fbf8f3;
	padding: 100px 0 100px !important;
}

.sec02 .access-l{
margin-right:4%;
	width:51%;
	float:left;
}
.sec02 .access-r,
.beginner .access-r {
width:45%;
	float:left;
}
.sec02 .address {
	padding-bottom:18px;
	border-bottom:1px #4e2b20 solid;
	margin-bottom:18px;
}
.sec02 .train {	background: url(images/train-ico.png) 0 0 no-repeat;
float:left;
padding-left:55px;}
.sec02 .gmap-ico { float:right;}

.sec02 .tel02,
.beginner .tel02 {
	border:#dedada 1px solid;
	padding:40px 40px 30px;
	background:#FFF;
	line-height:1.3em;
	margin-bottom:18px;
}
.sec02 .tel02 .inq-btn {
	margin:10px auto;
	    display: block;
}
.sec02 .tel02 img,
.beginner .tel02 img{ 
	margin: 0 auto;
    display: block;}
.sec02 .tel02 .tel02-ttl,
.beginner .tel02 .tel02-ttl {
	border:#858585 1px solid;
	padding:10px 13px ;
	background:#FFF;
	margin-right:15px;
	float:left;
	text-align:center;
}
.sec02 .tel02 .tel02-txt,
.beginner .tel02 .tel02-txt {
    padding-top: 10px;
    font-size: 90%;
}
.sec02 .first {
	text-align:center;
	color:#e0407f;
	font-weight:bold;
	margin:2% auto;
	font-size:120%;
}
.sec02 .time .time-ttl {
	border:#858585 1px solid;
	padding:4px 7px  ;
	background:#FFF;
	margin-right:7px;
	float:left;
	text-align:center;
	width:130px;
	line-height:1.3em;
}

.sec02 .time img {
margin-bottom:1%;	
}
.sec02 .time .time-detail {
	display:block;
	clear: both;
    margin-bottom: 1%;
}


ol, ul {
    padding-left: 0;
}

.marquee-right {
	overflow: hidden;
}
.marquee-right ul {
	animation: marquee-right 20s linear infinite;
	display: flex;
	margin: 0;
	padding: 50px 0;
	width: max-content;
}

.marquee-right img {
	display: block;
	width: 100%;
}
@keyframes marquee-right {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-50%);
	}
}

/* 一般診療 */

.medical-wrap {
  padding:45px 25px;
background:#f6f6f6;
	margin-bottom:50px;
}
.medical-wrap2 {
	width:48%;
	margin-right:4%;
float:left;	
		min-height:1250px;
}
.medical-wrap2:last-child {
	margin-right:0;
}
.medical-wrap h3 {
	text-align:center;
	color:#FFF;
	background:#e0407f !important;
	width:280px;
	margin:20px auto;
	padding: 12px 20px !important;
}

.medical-wrap ul {
	background:#FFF;
	list-style:none;
	width:21%;
	margin:2%;
	border-top:#e0407f solid 4px;
	padding:7px 10px;
	float:left;
	height:200px;
}
.medical-wrap2 ul {
	width:42%;
	margin:4%;
}
.medical-wrap li {
	background: url(images/check01.gif) 0 5px no-repeat;
	padding:5px 10px 5px 30px;
	line-height:1.3em;
	font-size:90%;
}
.medical-wrap li.list-h4 {
	text-align:center;
padding:0 0 7px;
	border-bottom:#e0407f dashed 1px;
	background:#FFF;
	font-size:100%;
	margin-bottom:7px;
	font-weight:bold;
}
.medical-wrap li.list-h4 span {
	background:#fbf3f6;
	padding:7px;
	display: block;
}
.medical-wrap li.list-h4 span a {
	text-decoration:none;
	color:#000;
}
.medical-wrap li.list-h4 span a:hover {
	color:#666;
}
.medical-wrap li.list-h4 span a::after {
  content: url(images/sankaku.png);
  vertical-align: middle;
  padding-left: 5px;
}
/*1200px以下*/
@media screen and (max-width: 1200px){
.medical-wrap ul {
	width:42%;
	margin:4%;
}
.medical-wrap2 {
    width: 100%;
    margin-right: 0;
    float: none;
    min-height: 1250px;
}
}
@media screen and (max-width: 700px){
.medical-wrap ul {
	width:92%;
	margin:4%;
}
	}
.sec05 {
    background: url(images/sec05-bg.gif) center top repeat-x #fbf8f3;
    position: relative;
    padding: 200px 0 100px !important;
}
.sec05-contents {
	display:block;
}
.sec05 .sec05-left-ph {
	width:60%;
	float:left;
	z-index:0;
		max-width:700px;
	  margin-bottom: 100px;
}
.sec05 .sec05-right-txt {
	width:50%;
	float:right;
	z-index:500;
	background:#FFF;
	padding:35px;
	max-width:640px;
	margin-top: -500px;
	border-top:8px #e0407f solid;
	position:relative;
}

.sec05 .sec05-left-txt {
	width:50%;
	float:left;
	z-index:500;
	background:#FFF;
	padding:35px;
	max-width:640px;
position:relative;
	border-top:8px #e0407f solid;
}
.sec05 .sec05-right-ph {
	width:60%;
	float:right;
	z-index:0;
		max-width:700px;
		margin-top: -400px;
	   margin-bottom: 100px;
}
.sec05 h3 {
	text-align:left;
	padding:0;
	margin:0 0 30px 0;
}
.sec05 .sec05-right-txt a,
.sec05 .sec05-left-txt a {
    background-color: #e0407f;
    border-radius: 30px;
    color: #fff;
    display: block;
    padding: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 100%;
	max-width: 400px;
    margin: 20px auto;
    float: right;
}


.sec05 .sec05-right-txt a::after,
.sec05 .sec05-left-txt a::after{
    content: '';
    display: inline-block;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #fff;
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.sec05 .sec05-right-txt a:hover,
.sec05 .sec05-left-txt a:hover{
  top: 4px;
}


.sec06 .sec06-left-txt {
	width:50%;
	float:left;
max-width:640px;
position:relative;

}
.sec06 .sec06-right-ph {
width: 50%;
    float: right;
    z-index: 0;
    max-width: 600px;
}
.sec06 .sec06-right-pha {

    float: right;
    z-index: 0;
	width:18%;
}
.sec06 .sec06-right-pha img{
	border-radius:10px;
	border:3px solid #bcc85a;
		width:100%;
}
/*834px以下*/
@media screen and (max-width: 834px){
	
.sec06 .sec06-right-pha {
width:100%;
    float: none;
    z-index: 0;
	text-align:center;

}
.sec06 .sec06-right-pha img{
margin:3% auto;
	display:block;
		width:auto;
}	
	
}
.sec06 .prof-txt {
	padding:40px 50px;
}
.sec06 h3 {
	text-align:left;
	margin:50px 0 30px 0 !important;
	padding:35px !important;
background:#FFF;
border-top:8px #e0407f solid !important;
  box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 0.13);
}

.sec06-list {
	clear:both;}
.sec06-list1 {
	background:#f6f6f6;
	padding:30px;
	float:left;
	width:44%;
	margin: 0 0 3% 0;
	min-height:390px;
}
.sec06-list2 {
	background:#f6f6f6;
	padding:30px;
	float:left;
	width:25%;
	margin: 0 0 3% 3%;

}
.sec06-list1a {
	background:#f6f6f6;
	padding:30px;
	width:100%;
	margin: 0 0 3% 0;
}
.sec06-list2a {
	background:#f6f6f6;
	padding:30px;
width:100%;
	margin: 0 0 3% 0;
}
.sec06-list h4,
.sec06-lista h4 {
	background:#FFF;
	border-bottom:#bbca4e 3px solid;
	border-top:0;
	text-align:center;
}
.sec06-list li,
.sec06-lista li {
		background: url(images/circle01.png) 0 5px no-repeat;
	padding:0 10px 5px 20px;
	line-height:1.3em;
	font-size:90%;
	list-style:none;
}

/* アコーディオン */
/* 必須 */
.accordion-content {
  display: none;
}

.accordion-header {
  border-radius:50px;
	padding:20px 60px;
	background-image: url(images/q-red.gif),  url(images/plus.gif);
	background-position:25px 20px, 95% center;
background-repeat:no-repeat, no-repeat;
	border:1px #222222 solid;
	margin-top:23px;
}
.accordion-header.q-green {
 background-image: url(images/q-green.gif),  url(images/plus.gif);
	background-position:25px 20px, 95% center;
	background-repeat:no-repeat, no-repeat;
}

.accordion-header::after{
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {
  background-color: #FFF;
  padding: 12px 20px 10px;
}

.accordion-header span,
.accordion-content span{

  position: relative;
}
.accordion-content span::before {
	position: relative;
    content: "A. ";
	color:#e0407f;
	font-size:120%;
	font-weight:bold;
}
.accordion-content.a-green span::before {
	position: relative;
    content: "A. ";
	color:#bbca4e;
	font-size:120%;
	font-weight:bold;
}
/* hover */
.accordion-header:hover {
  background-color: #F2F2F2;
}
.sec07  {
	padding:100px 0 10px !important;
}
.sec07 table {
	border:0;
}
.sec07 table td {
	border:0;
	background:none;
	width:50%;
	vertical-align:top;
}
.sec07 table td ul {
	list-style:none;
}
.sec07 table tr:nth-of-type(2n+1) {
    background-color: #FFF;
}
.sec07 table td li {
	border-radius:50px;
	padding:20px 60px;
	background-image: url(images/q-red.gif),  url(images/plus.gif);
	background-position:25px 20px, 95% center;
background-repeat:no-repeat, no-repeat;
	border:1px #222222 solid;
	margin-bottom:23px;
}
.sec07 table td li:hover {
	background-color:#eee;}
.sec07 table td li.q-green {
		background-image: url(images/q-green.gif),  url(images/plus.gif);
	background-position:25px 20px, 95% center;
	background-repeat:no-repeat, no-repeat;
}
.sec07 table td li a {
	text-decoration:none;
	color:#222222;
}
.sec07 table h3 {
	border-bottom:0;
	display: flex;
  align-items: center; /* 垂直中心 */
	margin-bottom:25px;
		padding: 2%;
	color:#4e2b20;
}
.sec07 table h3:after {
display: inline-block !important;
    border-top: 2px solid #e0407f;
    border-bottom: 0!important;
    position: relative;
    content: "";
    margin-left: .5em;
    width: 174px;
}
.sec07 table h3.green:after {
display: inline-block !important;
border-top: 2px solid #bbca4e;
	    border-bottom: 0!important;
}


/*追従ボタン*/
.main-scroll {
	position: relative;
margin-top: 0;
   }
#custom_html-3  {
position: fixed;
    bottom: 0px;
    margin-bottom: 0px;
    right: 20px;
}
#custom_html-3 ul li {
	float:left;
	list-style:none;
	margin-right:15px;
}

.tab-img { display:none;}
.tabsmt-img { display:none;}
.smt-img { display:none;}

/* 下層ページ */
.article ul li, .article ol li {
    list-style: none;
}
.sidebar h2, .sidebar h3  {
background-color:#e5467d ;
		color: #FFF;
}
.main {

    padding: 0 29px;}
.entry-title {
	padding: 25px;
    background-color:#e5467d ;
		color: #FFF;
	 ? ?margin: 0px 0 30px;
}
.article h2 {
	clear:both;
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fbf3f6;/*背景色*/
  border-left: solid 5px #e5467d;/*左線（実線 太さ 色）*/
	margin: 2em 0 1em;
}
.article h2.towa-ttl{
	clear:both;
  padding: 0.8em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fee8f0;/*背景色*/
  border: solid 3px #e5467d;/*左線（実線 太さ 色）*/
	margin: 2em 0 1em;
	border-radius:8px;
}
.home .article h2 { 
	background: transparent;
	border-left: 0;
}
.article h3 {
	clear:both;
  border-bottom: solid 3px #f2cbda;
  position: relative;
	padding: 25px 0 10px;
    background-color: #FFF;
	border-top: 0;
	border-left: 0;
border-right: 0;
	margin:3% auto 1em;
}
.article h3 span {
	color:#e5467d;
	font-size:110%;
	margin-right:5px;
}

.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #e5467d;
  bottom: -3px;
  width: 20%;
}
h3.non-border {
  border-bottom: 0;
padding: 0;
}
.non-pt {
	padding-top:0 !important;
}
h3.non-border:after {
  border-bottom: 0;
}
.home .article h3 {
  border-bottom: 0;
	background-color: transparent;
}

.home .article h3:after {
  display: none;}
ul.check-red  {
margin:3% 0;
}
.box_pink {
	clear:both;
    padding: .3em 1.5em .3em ;
    margin: 2em 0;
   background: -webkit-repeating-linear-gradient(-45deg, #fbf3f6, #fbf3f6 3px, #FFF 3px, #FFF 6px);/*ストライプ*/
    background: repeating-linear-gradient(-45deg, #fbf3f6, #fbf3f6 3px, #FFF 3px, #FFF 6px);/*ストライプ*/
    color: #000000;/*文字色*/
}
.box_pink h3 {
	background:transparent;
	font-size:120%;
	    padding: 0px 0 10px;
}

ul.check-red li {
    background: url(images/check01.gif) 0 5px no-repeat;
    padding: 5px 10px 5px 30px;
    line-height: 1.3em;
    font-size: 110%;
	font-weight:bold;
}
ul.check-red2 li {
    background: url(images/check01.gif) 0 5px no-repeat;
    padding: 5px 10px 5px 30px;
    line-height: 1.3em;
    font-size: 110%;
	font-weight:bold;
	float:left;
}
ul.check-red3 li {
    background: url(images/circle02.png) 0 10px no-repeat;
    padding: 5px 10px 5px 30px;
    line-height: 1.3em;
    font-size: 110%;
	font-weight:bold;

}
ul.check-red li span.f-normal {
	font-weight:normal;}
ul.check-red li li {
    background: url(images/circle02.png) 0 10px no-repeat;
    padding: 5px 10px 5px 15px;
    line-height: 1.3em;
    font-size: 100%;
	font-weight:normal;
}
ul.alignment {
	padding-left:0 !important;}
ul.alignment li:nth-of-type(n) {
    width: 48%;
    float: left;
    margin: 1%;
}
ul.alignment li {
    margin-bottom: 5px;
    border-radius: 5px;

    background: #eaeecf;
    list-style: none;
    line-height: 1.3;
    text-align: center;
}
ul.alignment li a {
    text-decoration: none;
    display: block;
    padding: 8px;
	    color: #00AD47;
}
.green-box {
	border:#bcc85a 3px solid;
	border-radius:10px;
	padding:3% 3% 0 3%;
	background:#fdfef7;
}
.green-box h3 {
clear: both;
    border-bottom: solid 3px #dfe4b9;
    position: relative;
    padding: 0 0 10px;
    background-color: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 0 auto 1em;
	font-size:110%;
}

.green-box h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #bcc85a;
  bottom: -3px;
  width: 20%;
}
.green-circle li{
		background: url(images/circle01.png) 0 5px no-repeat;
	padding:0 10px 5px 20px;
	line-height:1.3em;
margin-right:10px;
	list-style:none;
	float:left;
}
.green-circle2 {
	margin-bottom:0 !important;
}
.green-circle2 li{
		background: url(images/circle01.png) 0 5px no-repeat;
	padding:0 10px 5px 20px;
	line-height:1.3em;
margin-right:10px;
	list-style:none;
	
}
/*834px以下*/
@media screen and (max-width: 834px){
img.alignright,
	img.alignleft{
		display:block;
	margin:2% auto;
	float: none;
	}
	}
/*688px以下*/
@media screen and (max-width: 688px){
	ul.alignment li:nth-of-type(n) {
    width: 100%;
    float: none;
    margin: 1% 0 0;
}
}
h4.sinryo {position: relative;/*相対位置*/
	clear:both;
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #e5467d;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
	margin: 1em 0 .5em;
 }
h4.sinryo:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #e5467d; /*アイコン色*/
}


.sec02-pg {
	margin:0;
		background:#FFF;
	padding: 0px  !important;
}
.apps li {
	float:left;
}
.apps li img {
    width: 200px;
}


/*アクセス*/
.sec02-pg dl {
    float: left;
    width: 32%;
    margin: 0 2% 2% 0;
    border: 5px solid #e0407f;
    border-radius: 5px;
}
table.saishin {
	border-top:1px #bcc85a solid !important;
	border-left:1px #bcc85a solid !important;
	    border-collapse: unset;
}
.saishin th {
	background:#edf1cc;
	border-bottom:1px #bcc85a solid;
	border-right:1px #bcc85a solid;
}
.saishin td {
	background:#FFF;
	text-align:center;
	border-bottom:1px #bcc85a solid;
	border-right:1px #bcc85a solid;
}
.saishin td.youbi {
	background:#f8f9ec;
}

/*688px以下*/
@media screen and (max-width: 688px){
.sec02-pg dl {
    float: none;
    width: 100%;
    margin: 0 0 2% 0;
}}
.sec02-pg dl:nth-of-type(3n) {
margin: 0 0 2% 0;
}
.sec02-pg dt {
    position: relative;
}

.sec02-pg dt b {
    position: absolute;
    top: -5px;
    left: -5px;
    display: block;
    width: 40px;
    height: 40px;
    background: #e0407f;
    border-radius: 5px 0 50% 0;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}
.sec02-pg  dt img {
    width: 100%;
    height: auto;
}
.sec02-pg dd {
padding: 3%;
	margin-left: 0;
}
.sec06-pg {
	margin-bottom:100px;
}
.sec06-pg h3 {
    text-align: left;
clear: both;
    border-bottom: solid 3px #f2cbda;
    position: relative;
    padding: 25px 0 10px !important;
    background-color: #FFF;
    border-top: 0 !important;
    border-left: 0;
    border-right: 0;
    margin: 0 auto 1em !important;
	box-shadow: none;
}
.sec06-pg .sec06-left-txt {
	width: 47%;}
.sec06-pg .sec06-left-txta {
width: 80%;
    float: left;}
.sec06-pg .prof-txt {
    padding: 0;
}
.sec06-pg .sec06-right-ph {
    margin-bottom: 5%;
}
/*834px以下*/
@media screen and (max-width: 834px){
.sec06-pg .sec06-left-txta {
width: 100%;
    float: none}
}

#shortcare_schedule {
    margin-bottom: 40px;
}
#shortcare_schedule .title th {
    background: #edffde !important;
}
#shortcare_schedule th,
#shortcare_schedule td {
    width: auto;
}
.tbl th,
.tbl td {
    border: 1px solid #73b928;
    text-align: center;
    font-size: 68%;
}

.tbl th,
.tbl td {
    padding: 10px;
	 background: #FFF;
}
.tbl .time th {
    background: #fff2f7 !important;
}
.tbl .lunch th {
    background: #ffffd7 !important;
}
.button-container {
text-align: center; ? 	
 ? ?   }

 /* メインのピンクボタン */
        .pink-button {
            display: inline-block;
            padding: 15px 30px;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            background-color: #ff6b9d; /* 明るいピンク */
            color: white;
            border: none;
            border-radius: 50px;
            box-shadow: 0 4px 8px rgba(255, 107, 157, 0.3);
            transition: all 0.3s ease;
            cursor: pointer;
			margin-bottom: 1em;
 ? ? ?  }
        
        .pink-button:hover {
            background-color: #ff5089; /* ホバー時はやや濃いピンク */
            box-shadow: 0 6px 12px rgba(255, 80, 137, 0.4);
            transform: translateY(-2px);
        }
        
        .pink-button:active {
            transform: translateY(1px);
            box-shadow: 0 2px 4px rgba(255, 80, 137, 0.3);
        }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1300px以下*/
@media screen and (max-width: 1300px){
.header-btn {
	width: 96%;}
#header-in {
	width: 100%;}	
.home #header::after {
    content: "";
    position: relative;
    margin: 20px auto;
    background: url(images/main.png);
    width: 100%;
    height: 700px;
}
.home #content .wrap .main section .inner {
    width: 96%;
    margin: 0 auto;
}	
}	
	
/*1023px以下*/
@media screen and (max-width: 1023px){
#header-container {
		display:none;
	}
.content-top{
    margin: 0;
}
.home #header::after {
  display:none;    
    }
.header-btn {
	display:none; }

/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	transform: translateX(101%);
}
.logo-menu-button img {
    max-height: 44px;
    display: block;
    margin: 0;
}	
.pc-img { display:none;}
.tab-img {display:inline;}
.tabsmt-img {display:inline;}

}

/*834px以下*/
@media screen and (max-width: 834px){
	#custom_html-5,
	#custom_html-6{
    width: 96%;
		    float: none;
}
#info_list-3, #info_list-2 {
    width: 96%;
    margin: 2% auto 10%;
    float: none;
}
.sec01-r, .sec01-l {
display: none;
}
.sec01-c {
width: 100%;
	margin-bottom:5%;
    }
.sec02 .access-l,
	.sec02 .access-r,
	.beginner .access-r{
		width:100%;
		float: none;
    clear: both;
	}
.sec02 .access-r {
    margin-top: 5%;
}
.sec05 .sec05-left-ph,
.sec05 .sec05-left-txt,
.sec05 .sec05-right-txt,
.sec05 .sec05-right-ph {
    width: 100%;
    float: none;
    z-index: 0;
    max-width: 100%;
    margin-bottom: 20px;
    display: block;
	    margin-top: 0;
}

.sec05 .sec05-left-txt,
.sec05 .sec05-right-txt {
    margin-bottom: 100px;
}
.sec06 .sec06-left-txt,
.sec06 .sec06-right-ph{
    width: 100%;
    float: none;
    max-width: 100%;
    position: relative;
}	
.sec06-list1,
	.sec06-list2 {
    background: #f6f6f6;
    padding: 30px;
    float: none;
    width: 100%;
    margin: 0 0 3% 0;
    min-height: auto;
}
.article ul, .article ol {
padding-left: 0;
    }
	.sec07 table td {
    border: 0;
    background: none;
    width: 100%;
    display: block;
}
	.sec07 table td ul {
    list-style: none;
    padding-left: 0;
}
.pctab-img { display:none !important;}
.tab-img { display:none !important;}
.smt-img { display:inline !important;}
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* PC用スタイル */

#open-chatbot {
    background-image: url(https://www.machida-cl.net/hp/wp-content/uploads/2025/09/fixed_ai_pc.png);
    position: fixed;
    width: 120px;
    height: 120px;
    bottom: 120px;
    right: 30px;
    background-size: 100% auto;
    border: 0;
    background-color: transparent;
	z-index:500;
}

/* テキストを非表示にする場合（画像のみ表示） */
#open-chatbot span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* スマホ用スタイル */
@media screen and (max-width: 768px) {
  #open-chatbot {
    background-image: url('https://www.machida-cl.net/hp/wp-content/uploads/2025/09/fixed_ai_sp.png');
	     width: 80px;
    height: 80px;
    bottom: 60px;
    right: 15px;
  }
}

/*Googleカレンダー*/
	.gc_wrapper {
      max-width: 800px; 
      min-width: 300px; 
      margin: 2.0833% auto;
    }
     
    .responsive-iframe-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    .responsive-iframe-container iframe,   
    .responsive-iframe-container object,  
    .responsive-iframe-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
@media (max-width: 600px) {
    .big-container {
        display: none;
    }
    .small-container {
       padding-bottom: 200%;   /* 高さ */
    }
}
@media (min-width: 600px) {
    .small-container {
        display: none;
    }
}