@charset "utf-8";
/* CSS Document */

/*ブラウザクリア*/
body{
margin: 0px;
}

ul {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h2 {
    display: block;
    font-size: 0em;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/*ブラウザクリア*/

#wrap{
width:100%;
background: #fff;
text-align: center;
margin: 0 auto;
font-size: 1.3em;
overflow: hidden;
font-family: 'M PLUS Rounded 1c', sans-serif;
-webkit-font-smoothing: antialiased;
color: #535353;
letter-spacing: 0.05em;
}

.inner{
width: 90%;
max-width: 900px;
text-align: center;
margin: 0 auto;
font-size:1em;
padding: 10px 0 50px;
}

/***メイン***/
.main{
width: 100%;
background: #5fb7e1;
}
.main .mv{
width: 100%;
}
/***メイン***/

/***テキスト***/
.h2{
background: #4a9647;
color: #fff;
padding: 10px 0;
font-weight: 500;
}
.news{
color: #BA292B;
font-size: 2rem;
font-weight: 500;
border: solid 3px #BA292B;
padding: 2rem .5rem;
margin: 0 auto 60px;
border-radius: 5px;
}
.news .bold{
font-size: 2.2rem;
font-weight: bold;
display: block;
margin-bottom: 20px;
}
.bold2 {
font-weight: bold;	
}
.news .mini{
font-size: 1.5rem;
}
.news .news-mini{
display: block;
width: 90%;
font-size: 1.2rem;
margin: 20px auto 0;
}
.news .news-mini .mini{
font-size: .9rem;
}
/* table-news */
#table-news {
	margin: 0 auto;
}
#table-news th,
#table-news td {
  padding: 5px 0;
  border: none;
  text-align: left;
  font-size: 1.8rem;
}
#table-news td {
  padding-left: 10px;
}



.Tmain{
font-size: 2rem;
font-weight: 500;
}
.red{
color: #BA292B;
}
.mini{
font-size: 1rem;
}
/***テキスト***/




/*
.info-button { 
background-color: #BA292B; 
color: #fff;
border-radius: 10px;
padding: 10px 50px; 
font-size: 1em; 
text-decoration: none; 
}
*/

.info {
	width: 40%;
}
.news-p {
	color: black;
	font-size: 1.5rem;
	text-align: left;
	padding:1rem;
	text-align: center;
	text-justify: inter-ideograph;
}
.info-title {
		padding-top:1rem;
		padding-bottom:1.5rem;
	font-size: 1.5rem;
}

.sp-news-p{
  text-align: left;
font-size: 19px;
}






/***画像***/
.tel{
width: 100%;
margin: 60px 0;
}
/***画像***/

/***診療時間***/
.oc{
width: 100%;
margin: 30px auto;
padding-top: 30px;
}
.oc_table{
width: 100%;
padding: 10px;
font-size: 1.3rem;
text-align: center;
border-spacing: 0px;
border-collapse: collapse;
}
.oc_table th,.oc_table td{
padding: 15px;
}
.oc_table th{
height: 50px;
background: #4a9647;
color: #fff;
border: solid 2px #4a9647;
}
.oc_table td{
border: solid 2px #ccc;
}
.oc p:nth-of-type(1){
margin-top: 10px;
font-size: 1rem;
text-align: center;
}
.oc p:nth-of-type(2){
margin-top: 10px;
font-size: 1rem;
background: #F8F6EC;
border-radius: 10px;
padding: 15px 0;
font-weight: 500;
}
/***診療時間***/


/***地図***/
.access{
width: 100%;
margin: 100px auto;
}
.access p:nth-of-type(1){
color: #4a9647;
font-size: 1.5rem;
font-weight: 600;
border:solid 3px #4a9647;
margin-bottom: 20px;
border-radius: 10px;
padding: 10px 0;
}
.access p:nth-of-type(2){
font-weight: 500;
}
.access p:nth-of-type(3){
font-size: .9rem;
margin:10px 0 20px 0;
font-weight: 500;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 35%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
a.map_link{
width: 80%;
margin: 10px auto;
text-decoration: none;
border:solid 2px #1D72E8;
color: #1D72E8;
border-radius: 20px;
padding: 5px;
font-size: .95rem;
}
/***地図***/


/***リスト***/
.base{
background: #F8F6EC;
padding: 50px;
}
ul.list{
list-style: none;
}
.list li{
padding-left: 30px;
line-height: 2em;
background: url("img/check.png") left 0px top 9px no-repeat;
background-size: 15px auto;
text-align: left;
font-size: 1.05rem;
font-weight: 500;
}
/***リスト***/


/***注意事項***/
.caution{
width: 100%;
margin: 100px auto 60px;
}
/***注意事項***/

/***料金***/
.price{
width: 100%;
margin: 60px auto;
}
/***料金***/

/***料金***/
.bring{
width: 100%;
margin: 60px auto;
}
/***料金***/


/***フッター***/
footer{
background: #4a9647;
}
footer .inner{
padding: 60px 0 10px 0;
color: #fff;
font-size: 1rem;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
}
footer .inner p:nth-of-type(1){
font-weight: bold;
font-size: 1.1rem;
}
footer .inner .insta{
width: auto;
text-align: center;
}
footer .inner .insta img{
width: 50px;
margin: 10px auto;
display: block;
}
footer .inner .insta .follow{
}
footer .inner .insta .mini{
font-size: .8rem;
}
footer .copy{
width: 900px;
color: #fff;
font-size: .9rem;
padding: 20px 0;
text-align: center;
margin: 0 auto;
}
/***フッター***/

/********オーダー**********/
.orderA{order: 1}
.orderB{order: 2}
/********オーダー**********/

.sa {
  opacity: 0;
  transition: all .8s ease;
}
 
.sa.show {
  opacity: 1;
  transform: none;
}
 
.sa--lr {
  transform: translate(-100px, 0);
}
 
.sa--rl {
  transform: translate(100px, 0);
}
 
.sa--up {
  transform: translate(0, 100px);
}
 
.sa--down {
  transform: translate(0, -100px);
}
 
.sa--scaleUp {
  transform: scale(.5);
}
 
.sa--scaleDown {
  transform: scale(1.5);
}
 
.sa--rotateL {
  transform: rotate(180deg);
}
 
.sa--rotateR {
  transform: rotate(-180deg);
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


@media screen and (max-width:750px){

#wrap{
width:100%;
}

.tel_sp{
width: 100%;
position: fixed;
bottom: 10px;
margin: 0 auto;
}
.tel_sp .tel_in{
width: 82%;
background: #4a9647;
border-radius: 15px;
margin: 0 auto;
padding: 15px;
border:solid 2px #fff;
}
.tel_sp .tel_in img{
width: 80%;
max-width: 240px;
}
.news{
color: #BA292B;
font-size: 5vw;
font-weight: 500;
border: solid 3px #BA292B;
padding: .5rem;
margin: 0 auto 60px;
border-radius: 5px;
}
.news .bold{
font-size: 6vw;
font-weight: bold;
display: block;
margin-bottom: 20px;
}
.news .mini{
font-size: 4vw;
}
.news .news-mini{
display: block;
width: 90%;
font-size: 4vw;
margin: 20px auto 0;
}
.news .news-mini .mini{
font-size: 2vw;
}
	


.inner{
width: 90%;
max-width: 900px;
text-align: center;
margin: 0 auto;
font-size:1em;
padding: 20px 0;
}

/***メイン***/
.main{
width: 100%;
background: #5fb7e1;
}
.main .mv{
width: 100%;
}
/***メイン***/

/***テキスト***/
.h2{
background: #4a9647;
color: #fff;
padding: 10px 0;
font-weight: 500;
font-size: 1.2rem;
}
.Tmain{
font-size: 1.2rem;
font-weight: 500;
}
.red{
color: #BA292B;
}
.mini{
font-size: 1rem;
}
/***テキスト***/

/***画像***/
.tel{
width: 100%;
margin: 30px 0;
}
/***画像***/

/***診療時間***/
.oc{
width: 100%;
margin: 40px auto;
padding-top: 0px;
}
.oc_table{
width: 100%;
padding: 0px;
font-size: 1rem;
text-align: center;
border-spacing: 0px;
border-collapse: collapse;
}
.oc_table th,.oc_table td{
padding: 10px 0;
}
.oc_table th{
height: 50px;
background: #4a9647;
color: #fff;
border: solid 2px #4a9647;
}
.oc_table td{
border: solid 2px #ccc;
}
.oc_table td:nth-of-type(1){
font-size: .9rem;
}
.oc p:nth-of-type(1){
margin-top: 10px;
font-size: .95rem;
text-align: center;
}
.oc p:nth-of-type(2){
margin-top: 10px;
font-size: .9rem;
background: #F8F6EC;
border-radius: 10px;
padding: 15px 5px;
font-weight: 400;
}
/***診療時間***/


/***地図***/
.access{
width: 100%;
margin: 60px auto;
}
.access p:nth-of-type(1){
color: #4a9647;
font-size: 1.3rem;
font-weight: 600;
border:solid 3px #4a9647;
margin-bottom: 20px;
border-radius: 10px;
padding: 10px 0;
}
.access p:nth-of-type(2){
font-weight: 400;
font-size: .9rem;
}
.access p:nth-of-type(3){
font-size: .85rem;
margin:10px 0 20px 0;
font-weight: 400;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 80%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/***地図***/


/***リスト***/
.base{
background: #F8F6EC;
padding: 20px;
}
ul.list{
list-style: none;
}
.list li{
padding-left: 30px;
line-height: 1.5em;
background: url("img/check.png") left 0px top 9px no-repeat;
background-size: 15px auto;
text-align: left;
font-size: 1rem;
font-weight: 500;
margin-bottom: 20px;
}
.list li:last-child{
margin-bottom: 0px;
}
/***リスト***/


/***注意事項***/
.caution{
width: 100%;
margin: 60px auto;
}
/***注意事項***/

/***料金***/
.price{
width: 100%;
margin: 60px auto;
}
/***料金***/

/***料金***/
.bring{
width: 100%;
margin: 60px auto;
}
/***料金***/


/***フッター***/
footer{
background: #4a9647;
padding-bottom: 100px;
}
footer .inner{
padding: 30px 0 10px 0;
color: #fff;
font-size: 1rem;
text-align: center;
display: block;
}
footer .inner p:nth-of-type(1){
font-weight: bold;
font-size: 1rem;
}

footer .inner .insta{
width: auto;
text-align: center;
margin: 30px auto 0;
}
footer .inner .insta img{
width: 50px;
margin: 10px auto;
display: block;
}
footer .inner .insta .follow{
}
footer .inner .insta .mini{
font-size: .8rem;
}

footer .copy{
width: 100%;
color: #fff;
font-size: .85rem;
padding: 20px 0;
text-align: center;
margin: 0 auto;
}
/***フッター***/
	
	
/***ニュース***/	
#table-news th,
#table-news td {
/*width: 30%;*/
/*display: block;*/
font-size: 5vw;
/*text-align: center;*/
}
#table-news th {
width: 60%;
background-color: #F8F6EC;
padding:0.8rem 1rem;
}
#table-news td {
padding-top: 0;
}

.newscalender {
width: 280px;
margin: 0 auto;
}	
}