﻿@charset "UTF-8";
@media screen and (max-width:480px){

.waku{ padding:0px 5%; min-width:auto; }
.pts{ font-size:12px; }
.pts1{ font-size:11px; }
.pts2{ font-size:10px; }
.pts3{ font-size:9px; }
.pts4{ font-size:16px; }
.pts5{ font-size:14px; }
.pts6{ font-size:12px; }
.pts7{ font-size:24px; }
.pts8{ font-size:31px; }
.pts9{ font-size:14px; }
.pts10{ font-size:13px; }
.pts11{ font-size:7px; }
.ptsn{ font-size:15px; }

.pagebg{ margin-top:85px; height:250px; }
.pagebg .waku{ background-size:; }
.pagebg h2{ font-size:18px; line-height:28px; top:100px; }
.pagebg h3{ font-size:13px; line-height:18px; top:125px; }

/*メニュー*/
#menubg{ padding:10px 0px; }
div#menubg-w{ background:url(../img/w75.png); }
div#menubg h1{ font-size:7px; display:block; }
div#menubg h1 a{ display:none; }
ul.menu{ }
ul.menu li{ }
ul.menu li.ho{ width:180px; }
ul.menu li.lm{ display:none; }
ul.menu li.te{ display:none; }
ul.menu li.sm{ display:inline-block; width:45px; height:45px; }
ul.menu li.sm .m1{ display:none; }
ul.menu li.sm .m2{ display:inline-block; }

/*ページルート*/
ol{ }
ol li{ font-size:10px; }
ol li a{ font-size:10px; }

div#openingbg{ min-width:auto; height:450px; margin:80px auto 0px; }
ul#view{ top:0px; left:0px; width:100%; }
ul#view li{ top:0px; left:0px; width:100%; }
ul#view li .ooo{ width:50%; min-width:200px; top:30px; left:5%; }
ul#view li .gazo{ left:5%; top:110px; width:90px; }

div#thumbBtnbg{ height:0px; margin:10px auto 15px; }
ul#thumbBtn{ text-align:right; }
ul#thumbBtn li{ width:18px; height:18px; margin:0px 5px; }

img#WEB{ position:absolute; width:150px; top:-450px; left:auto; right:5%; }
#TTI{ position:relative; width:100%; padding:5%; top:auto; right:auto; margin-left:0px; margin-top:25px; box-shadow:0px 0px 10px #555; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#TIN{ position:absolute; width:90%; padding:5px; top:-110px; left:5%; box-shadow:0px 0px 10px #555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
ul#info{ height:50px; display:block; }
ul#info li{ height:50px; width:100%; top:0px; left:0px; }
ul#info li .img{ width:50px; padding-top:50px; margin-right:5px; }
ul#info li .det{ height:50px; line-height:20px; padding:5px 0px; font-size:10px; }

/*トップページ*/
.open26{ width:100%; min-width:auto; padding-top:21%; background-size:120%; }
img.op-a{ display:block; width:100%; margin-bottom:15px; }
img.op-b{ display:block; width:100%; }

.tgud{ float:left; padding:10px 5px; width:30%; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.tgud img{ width:70%; }
.tgud p{ font-size:13px; }
.tg1 { margin:0px 5% 25px 0px; }
.tg2 { margin:0px 5% 25px 0px; }
.tg3 { margin:0px 0% 25px 0px; }
.tg4 { margin:0px 5% 25px 0px; }
.tg5 { margin:0px 5% 5px 0px; }
.tg6 { margin:0px 0% 25px 0px; }
.tg7 { margin:0px 5% 25px 0px; }
.tg8 { margin:0px 5% 25px 0px;}
.tg9 { margin:0px 0% 25px 0px; }
.tg10{ margin:0px 5% 25px 0px; }
.tg11{ margin:0px 5% 25px 0px;}

.tc{ float:left; width:100%; }
.tc p{ display:none; }
.tc img{ float:left; width:30%; margin-right:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:0px; }
.tc div{ overflow:hidden; }
.tc div h3{ font-size:17px; margin-bottom:5px; }
.tc div h3 span{ display:inline-block; }
.tc div h4{ font-size:13px; margin-bottom:0px; line-height:1.3em; height:auto; overflow::hidden; }
.tc span.bt{ display:none; }
.tc1{ margin:0px 0px 25px; }
.tc2{ margin:0px 0px 25px; }
.tc3{}

.tinfo{ float:left; padding:10px 0px; width:100%; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
.tinfo p.dt{  }
.tinfo p.dt1{ display:none; }
.tinfo p.dt2{ display:block; }
.tinfo .img{ float:left; width:25%; padding-bottom:18.75%; margin:0px 10px 0px 0px; }
.tinfo .det{}
.tinfo .det .da{ line-height:1.5em; height:3em; overflow:hidden; }
.tinfo:hover .det .da{ color:#195D9D; }
.t1{ margin:0px; border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
.t2{ margin:0px; border-bottom:1px solid #CCC;  }
.t3{ margin:0px; border-bottom:1px solid #CCC; }
.t4{ margin:0px; border-bottom:1px solid #CCC;  }
.ipc{ display:none; }

h2.dai{ border-bottom:1px solid #333; margin-bottom:5px; padding-bottom:5px; }


/*アーカイブ*/
.archives li{ width:100%; }

/* お知らせ・ブログ */
.responsive-l{ width:100%; }
.responsive-r{ width:100%; margin-left:0px; }

/*pageview*/
ul.pageview{ clear:both; padding:5px 0px; font-size:11px; }
ul.pageview li{ line-height:26px; margin:2.5px; }
ul.pageview li a{ width:26px; height:26px; line-height:26px; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:40px; height:40px; font-size:12px; }
div#prevback ul li a{ line-height:40px; height:40px; font-size:12px; }
div#prevback ul li div.ppi{ float:left; width:40px; padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
div#prevback ul li div.nni{ float:right; width:40px;padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

/*当院について*/
.combgbg{ max-width:auto; padding:5%; }
.combg{ display:block; margin-bottom:15px; }
.com1{ display:block; width:100%; border-right:none; border-bottom:1px solid #ccc; text-align:left; padding:5px 2%; }
.com2{ display:block; width:100%; text-align:left; padding:5px 2%; }
.com2 span{ display:block; padding:0px; }
.com2 .sbr{ display:none; }
.res32 div.imgbg{ position:relative; width:100%; padding-top:100%; overflow:hidden; margin:5px 0px; }
.res32 div.imgbg div.img{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:center no-repeat; background-size:cover; z-index:1; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; z-index:1; }
a:hover .res32 div.imgbg div.img{ background-size:cover; }
.res32{ width:49%; }
.res32.c1 { margin:0px 0px 2%; }
.res32.c2 { margin:0px 0% 2% 2%; }
.res32.c3 { margin:0px 0px 2%; }
.res32.c4 { margin:0px 0% 2% 2%; }
.res32.c5 { margin:0px 0px 2%; }
.res32.c6 { margin:0px 0% 2% 2%; }
.res32.c7 { margin:0px 0px 2%; }
.res32.c8 { margin:0px 0% 2% 2%; }
.res32.c9 { margin:0px 0px 2%; }
.res32.c10 { margin:0px 0% 2% 2%; }
.res32.c11 { margin:0px 0px 2%; }
.res32.c12 { margin:0px 0% 2% 2%; }
.res32.c13 { margin:0px 0px 2%; }
.res32.c14 { margin:0px 0% 2% 2%; }
.res32.c15 { margin:0px 0px 2%; }
.res32.c16 { margin:0px 0% 2% 2%; }
.res32.c17 { margin:0px 0px 2%; }
.res32.c18 { margin:0px 0% 2% 2%; }
.res32.c19 { margin:0px 0px 2%; }
.res32.c20 { margin:0px 0% 2% 2%; }
.res32.c21 { margin:0px 0px 2%; }
.res32.c22 { margin:0px 0% 2% 2%; }
.res32.c23 { margin:0px 0px 2%; }
.res32.c24 { margin:0px 0% 2% 2%; }
.res32.c25 { margin:0px 0px 2%; }
.res32.c26 { margin:0px 0% 2% 2%; }
.res32.c27 { margin:0px 0px 2%; }
.res32.c28 { margin:0px 0% 2% 2%; }
.res32.c29 { margin:0px 0px 2%; }
.res32.c30 { margin:0px 0% 2% 2%; }
.res32.c31 { margin:0px 0px 2%; }
.res32.c32 { margin:0px 0% 2% 2%; }
.res32.c33 { margin:0px 0px 2%; }
.res32.c34 { margin:0px 0% 2% 2%; }
.res32.c35 { margin:0px 0px 2%; }
.res32.c36 { margin:0px 0% 2% 2%; }
.res32.c37 { margin:0px 0px 2%; }
.res32.c38 { margin:0px 0% 2% 2%; }
.res32.c39 { margin:0px 0px 2%; }
.res32.c40 { margin:0px 0% 2% 2%; }
.res32.c41 { margin:0px 0px 2%; }
.res32.c42 { margin:0px 0% 2% 2%; }
.res32.c43 { margin:0px 0px 2%; }
.res32.c44 { margin:0px 0% 2% 2%; }
.res32.c45 { margin:0px 0px 2%; }
.res32.c46 { margin:0px 0% 2% 2%; }
.res32.c47 { margin:0px 0px 2%; }
.res32.c48 { margin:0px 0% 2% 2%; }
.res32.c49 { margin:0px 0px 2%; }
.res32.c50 { margin:0px 0% 2% 2%; }
.res32.c51 { margin:0px 0px 2%; }
p.res2p{ display:none; }
p.res3p{ display:block; }

.cli{ gap:5px; grid-template-columns:repeat(3,1fr); }
.cli .cli-item{  }

.gl{ background:top left no-repeat; background-size:100%; padding-top:70%; }
.gl .team-g{ min-height:250px; width:100%; margin:0px; padding:5%; font-size:12px; }
.gl .team-g h2{ font-size:25px; margin-bottom:15px; }
.team-m{ padding:25px 0px 50px; }
.team-m .waku{ max-width:90%; padding:0px 5%; }
.team-t{}
.team-c{}
.team-c .tebg{ display:block; }
.team-c .tebg h2{ font-size:20px; margin-bottom:5px; }
.team-c .te{ display:block; }
.team-c .te1{ padding-right:0px; margin:10px 0px; }
.team-c .te2{ padding-left:0px; }
.team-c table{ }
.team-c table td{ font-size:14px; line-height:1.2em; padding:7px 0px; }
.team-c table td.td1{ } 
.team-c table td.td2{ display:none; } 
.team-c table td.td3{ padding-left:7px; } 
.team-c ul{ }
.team-c ul li{ font-size:14px; line-height:1.2em; padding:7px 0px;  }

div.recbg div.rbg{ display:block; margin-bottom:5px; }
div.recbg div.rbg div.r1{ display:block; width:100%; padding:2.5% 5%; }
div.recbg div.rbg div.r2{ display:block; width:100%; padding:2.5% 5%; }
div.recbg div.rbg div.r2 a{ }
div.recbg div.rbg div.r2 a.mark{  }
div.recbg div.rbg div.r2 a:hover{  }
div.recbg div.rbg div.r2 img{ width:100%; }
ul.dot{ }
ul.dot li{  }

div.tizu{ text-align:left; }
div.tizu img{ display:block; width:100%; margin-bottom:10px; }
div.tizu p{ }


/*診療内容*/
p.holn{ padding:7px 0px 7px 17px; margin-top:; }
p.holn2{ padding:7px 0px 7px 0px; margin-top:; }
.flex{ display:block; }
.flex .img-l{ width:100%; }
.flex .img-r{ width:100%; margin:10px 0px 0px; }
.flex .img-r2{ width:100%; margin:10px 0px 0px; }
.flex .alco{  width:100%; margin:10px 0px 0px; }
.flex .alco-a{ margin-bottom:5px; }
.flex .alco-b{ width:100%; }
.gimg{ width:100%; margin:10px 0px; }

div.fgud-text { }
div.fgud-text p{ line-height:20px; font-size:12px; }
div.fgud-text p span{ left:100%; top:10px; margin-left:10px; }

.fgud{ min-width:0px; gap:10px; grid-template-columns:repeat(3,1fr); }
.fgud-item{ padding:10px 5px; }
.fgud-item img{ height:50px; margin-bottom:5px; }
.fgud-item p{ font-size:10px; line-height:1.2em; min-height:2.4em; }


.accordion-container{}
.accordion-list:not(:first-child){}
.accordion-title{ cursor:pointer; font-size:12px; position:relative; }
.accordion-title:hover{}
.accordion-title:before{}
.accordion-title:after{}
.accordion-title.open:before{}
.accordion-title.open:after{}
.accordion-text{}
div.caa {  }

.googlemap{ height:350px; }

/*フッター*/
.f-bg{ display:block; width:100%; }
.f-l{ display:block; width:100%; padding:0px 0px 25px 0px; text-align:center; }
.f-l .fho{ width:225px;; margin-bottom:25px; }
.f-l .fte{ width:200px; margin-bottom:25px;	}
.f-l .fti{ width:100%; margin-bottom:25px; }
.f-l .fad{ font-size:13px; }
.f-l .fad span{}
.f-r{ display:block; width:100%; height:300px; }
.f-r iframe{ }

.foot{}

ul.fmenu{  }
ul.fmenu li{ font-size:12px; line-height:25px; }
ul.fmenu li a{ line-height:25px; }
ul.fmenu li a span{ top:0.9em; }
ul.fmenu li.fmpts{ display:inline-block; }

.fm1{ float:left; width:50%; margin-bottom:0px; }
.fm1 li{ width:100%; }
.fm2{ float:left; width:50%; }
.fm2 li{ width:100%; }
.fm3{ float:left; width:50%; margin-top:10px; }
.fm3 li{ width:100%; }
.fm4{ float:left; width:50%; margin-top:10px; }
.fm4 li{ width:100%; }

.foot .co{ font-size:10px; text-align:center; }

}