/*--------------------------------------------------------------------------------------------------
BASE
--------------------------------------------------------------------------------------------------*/
/** {margin:0;padding:0;}*/
html, body      {margin: 0;padding: 0;}

p, pre, blockquote,
ul, ol, dl, address {margin: 1em 0;padding: 0;}

html            {margin:0;padding:0;}
html body       {color:#000;margin:0;padding:0;font:normal normal normal 14px/1.2em Meiryo,'メイリオ',"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;}
table           {font-size:100%;}

/*safari\*/
body{
[color:#000;
	letter-spacing:-1px;
]letter-spacing:0;
}
* html body     {font-family:"ＭＳ Ｐゴシック","HiraKakuPro-W3",sans-serif;font-size:87%;}
strong          {font-family:"HiraKakuPro-W6","ＭＳ Ｐゴシック",Osaka,sans-serif;}
* html strong   {font-family:"ＭＳ Ｐゴシック","HiraKakuPro-W3",sans-serif;}

html[xmlns] body {font-family:"ＭＳ Ｐゴシック","HiraKakuPro-W3",sans-serif;font-size:14px;}

*+html[xmlns] body {font-size:88%;font-family:Meiryo,'メイリオ',"ＭＳ Ｐゴシック","HiraKakuPro-W3",sans-serif;}
*+html body strong{font-family:Meiryo,'メイリオ',"ＭＳ Ｐゴシック","HiraKakuPro-W3",sans-serif;}


/**/

form            {margin:0;padding:0;}
img             {border:0;max-width:100%;height:auto;}
table           {border-collapse:collapse;border-spacing:0;}
.clr:after,
.xclr:after     {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr            {display:inline-block;}
/*\*/
* html .clr     {height:1%;}
.clr            {display:block;clear:both;}
/**/
.xclr           {clear:both;display:block;}
.hide           {display:none;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}


.px10           {font-size:72%;}
.px11           {font-size:80%;}
.px12           {font-size:86%;}
.px13           {font-size:92.9%;}
.px14           {font-size:100%;}
.px17           {font-size:124%;}
.px24           {font-size:173%;}

.spCont			{display:none;}
.d-flex			{display:flex;}

/*--------------------------------------------------------------------------------------------------
COLORS
--------------------------------------------------------------------------------------------------*/
body a,
body a:link,
body a:visited {color:#007130;text-decoration:underline;}
body a:hover   {color:#007130;text-decoration:underline;}
body a:active  {color:#007130;}
body a[name]:hover{color:#000;background:transparent;}


/*--------------------------------------------------------------------------------------------------
STRUCTURE
--------------------------------------------------------------------------------------------------*/
body                     {margin: 0;padding: 0;background-color:#EFEDDF;}
/*div#wrapper              {margin-left:auto;margin-right:auto;width:750px;}*/
div#wrapper              {margin:0;width:auto;background:url(../images/bg.gif) repeat-y;}
div#indexcontent         {margin:0;padding:0;text-align:left;max-width:950px;background-color:#FFF;vertical-align:top;}
div#content              {margin:0;padding:0;text-align:left;width:100%;background-color:#FFF;vertical-align:top;}
div#header               {margin:0;padding:0;background:url(../images/header_bg.gif) repeat-x;display:flex;max-height:84px;}
div#nav                  {list-style:none;margin:0;padding:0;background:url(../images/nav_bg.gif) repeat-x;display:flex;max-height:36px;}
div#nav img              {margin-right:8px;}
/*div#nav ul             {margin:0;}
div#nav ul li            {display:inline;}
div#nav ul li a          {float:left;}*/
div#pnav                 {margin:0;padding:0.5em 1em;font-size:92.9%;}
div#main                 {margin:0;padding:0 20px;margin-left:180px;min-height:530px;}
div#main h1              {margin-bottom:15px;background:url(/images/h1_bg.gif) repeat-x 0 bottom;line-height:1;}
div#main h1 span         {background:url(/images/h1_bg_span.gif) no-repeat 0 bottom;color:#279f5b;display:table-cell;padding:14px 5px 10px 15px;height:83px;box-sizing:border-box;vertical-align:middle;font-size:24px;}
div#main h2              {font-size:144%;color:#119F5C;margin-top:1.5em;margin-bottom:0.2em;line-height:150%;}
div#main h3.li           {font-size:124%;color:#FFF;margin-top:1em;margin-bottom:1em;padding:9px 0 0 8px;background:url(/images/h3_li_bg.gif) repeat-x;height:31px;letter-spacing:1pt}
div#main p               {font-size:124%;margin-bottom:0.8em;line-height:160%;}

div#menu                 {position:absolute;top : 150px ;width:180px;height:auto;background-color:#F4F4F4;}
div#menu img             {margin-bottom:5px;}
div#banner               {margin:5px 0;text-align:center;}
div#banner img           {margin-bottom:5px}
/*div#illust               {margin:0;padding-top:0;width:180px;vertical-align:top;}*/

div#topnav               {margin:0;padding:12px 18px 18px;background:url(/images/subnav_bg.gif) repeat-x;background-size:auto 100%;display:flex;}
div#topnav img           {margin:0 5px;}
div#news                 {margin:0;padding:0;display:flex;background-color:#FFF;flex-wrap:wrap;}
div#news-left            {padding:20px;flex:1;}
div#news-main            {margin:0;padding:10px 15px 20px;background-color:#F8F8F8;min-height:130px;font-size:110%;line-height:170%;}
div#news-right           {padding:15px 20px 17px 0;order:2;flex-basis:184px;}
div#news-right img       {margin:3px 5px;}

div#subnavindex               {margin:0;padding:15px;font-size:110%;line-height:170%;color:#FFF;background-color:#0E9555}
div#subnavindex a,
div#subnavindex a:link,
div#subnavindex a:visited     {color:#FFF;text-decoration:underline;}
div#subnavindex a:hover       {color:#FFF;text-decoration:underline;}
div#subnavindex a:active      {color:#FFF;}
div#subnavindex a[name]:hover {color:#000;background:transparent;}

div#subnav               {margin:0;padding:15px 0 15px 205px;font-size:110%;line-height:170%;color:#FFF;background-color:#0E9555}
div#subnav a,
div#subnav a:link,
div#subnav a:visited     {color:#FFF;text-decoration:underline;}
div#subnav a:hover       {color:#FFF;text-decoration:underline;}
div#subnav a:active      {color:#FFF;}
div#subnav a[name]:hover {color:#000;background:transparent;}

div.totop                {margin:5px 0;text-align:right;}
div#footer               {margin:0;padding:15px 15px 30px;font-size:110%;color:#FFF;background-color:#0C7B46;background:url(/images/footer_bg.gif) repeat-x;}
div#copyright            {float:right;font-size:60%;}

/* 院長ご挨拶*/
table.aisatsu            {margin:0;padding:0;line-height:160%;}
table.aisatsu th         {width:130px;font-size:124%;font-weight:normal;vertical-align:top;}
table.aisatsu td         {font-size:124%;}

div.ph-aisatsu           {float:right;padding-left:10px;padding-bottom:10px;}
ul.aisatsu               {margin-left:2.2em;}
ul.aisatsu li            {list-style-type: decimal; margin-bottom:0.8em;font-size:124%;line-height:150%;}

div#main ul.index        {margin:0 2px;font-size:110%;padding:1em 1.3em;border:1px solid #007130;background-color:#F4FBE8;}
div#main ul.index li     {list-style-type: none;line-height:160%;}
.inchou					 {order:2;margin:60px 20px 0;}

/*クリニックのご案内*/
/*p.shinryo                {margin:0;width:100px;font-size:86%;padding:0.5em 0.8em;border:1px solid #666666;background-color:#F4FBE8;}*/
p.shinryo                {font-weight:bold;color:#333333;}
table.annai              {margin:0 5px 5px 0;padding:0;font-size:124%;}
table.annai td.time      {width:180px;padding:0.3em;border:1px solid #666666;text-align:center;background-color:#CEF0AA}
table.annai td.day       {width:40px;padding:0.2em;border:1px solid #666666;text-align:center;background-color:#CEF0AA;}
table.annai td           {width:40px;padding:0.5em 0.3em;border:1px solid #666666;text-align:center;}
table.annai td.am        {width:180px;text-align:left;padding-left:0.9em}
table.annai td.pm        {width:180px;text-align:left;padding-left:0.9em}

div.annai-kiki div.photo {width:220px;float:right;margin-left:20px;}
div.annai-kiki div.explain {width:auto;font-size:124%;line-height:150%;}
div.annai-kiki div.explain.explain-2 {padding-top:30px;}
div.annai-kiki div.explain.explain-2 .photo {display:none;}

ul.annai                 {margin:0;padding:0}
ul.annai li              {list-style-type:none;font-size:124%;line-height:160%;}

div#main div.link         {margin:0;padding:0;}
div#main h2.unline        {font-size:144%;color:#119F5C;margin-top:1.5em;margin-bottom:0.4em;padding-bottom:0.2em;border-bottom:1px solid #119F5C;}
div#main div.link h3      {margin-top:1em;padding:0;font-size:130%;}
div#main div.link h4      {margin-top:1em;padding:0;font-size:124%;font-weight:normal;}
div#main div.link a       {margin-left:1.2em;padding:0;line-height:170%;font-size:124%;}


/* 血管の病気QA*/
/* 漢方薬の処方*/


/* 膠原病QA*/
div.ph-kogen             {}
div.ph-kogen img         {border:2px solid #ccc;margin-bottom:0.8em;}


/* よくあるご質問*/
dl.faq                   {margin:20px 0;padding:0;line-height:170%;}
dl.faq dt                {float:left;font-size:124%;clear:both;}
dl.faq dd                {margin-top:20px;margin-left:45px;font-size:124%;}
dl.faq dt.q              {color:#119F5C;font-weight:bold;font-size:144%;}
dl.faq dt.a              {margin-top:20px;font-weight:bold;font-size:144%;}
dl.faq dd.q              {color:#119F5C;font-weight:bold;}


/* リウマチ・膠原病における夏季対策*/
div.taisakuindex        {margin:0 2px;font-size:100%;padding:1.5em 1.3em;border:1px solid #007130;background-color:#F4FBE8;}

/* リンク*/
ul.link		{list-style:none;}
ul.link li	{margin:0.5em 0;font-size:124%;}
ul.link li::before	{content:"\025a0"}

/*--------------------------------------------------------------------------------------------------
RESPONSIVE MENU
--------------------------------------------------------------------------------------------------*/
#nav {top:0;left:0;width:100%;}
#nav input {display:none;}
#gmenu {float:right;margin-right:10px;transition: all .6s;}
#menu-navibtn {display:none;cursor:pointer;cursor:hand;}
#nav #navibtn {display:none;}

/*--------------------------------------------------------------------------------------------------
RESPONSIVE
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){
	div#header		{height:84px;background-size:auto 84px;width:100%;}
	div#header img	{height:84px;}
    div#main    	{padding:0 10px 5px;margin-left:0px;}    
    div#menu    	{position:static;display:flex;flex-wrap:wrap;justify-content:center;width:auto;padding:15px 0;}
	div#menu br    	{display:none;}
	div#menu #banner	{margin:0;}
	div#menu #banner a	{margin:0 6px;}
	#footer			{display:flex;flex-wrap:wrap}
	div#copyright	{order:2;margin-top:5px;}

	#menu-navibtn:checked ~ #header {position:fixed;top:0;}
	#menu-navibtn:checked ~ #main {margin-top: 84px;}
	#menu-navibtn:checked ~ #nav {position:fixed;height:100%;top:82px;background:#00000080;max-height:none;}
	#menu-navibtn:checked ~ * #gmenu {display:block;background:#fff;width:100%;margin:0;height:max-content;position:fixed;}
	#gmenu 			{display:none;}
	#gmenu a 		{display:block;padding:20px 15px;font-size:120%;border-top:solid 1px;}
	#gmenu a img 	{display:none;}
	#gmenu a::before{display:inline-block;}
	#gmenu a:nth-child(1)::before   {content:'トップ';}
	#gmenu a:nth-child(2)::before   {content:'院長ご挨拶';}
	#gmenu a:nth-child(3)::before   {content:'クリニックのご案内';}
	#gmenu a:nth-child(4)::before   {content:'地図・アクセス';}
	#gmenu a:nth-child(5)::before   {content:'お知らせ';}
	.angletoggle:before {content:"\f107";}
	#nav input[type="checkbox"]:checked ~ label .pd .angletoggle:before {content:"\f106";}
	#nav #navibtn 	{display:block;position:fixed;top:22px;right:10px;}
	#navibtn span 	{display:block;width:40px;height:40px;background-color:#007040;}
	#navibtn span span {display:block;overflow:hidden;width:1px;height:1px;}
	#navibtn span span::before,
	#navibtn span span::after,
	#navibtn span::after {position:absolute;left:10px;content:"";width:20px;height:3px;background-color:#FFF;transition: all .1s;}
	/* 上の棒 */
	#navibtn span span::before {top:10px;}
	#menu-navibtn:checked ~ #nav label#navibtn span span::before {top:19px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition: all .1s;}
	/* 下の棒 */
	#navibtn span::after {bottom:10px;}
	#menu-navibtn:checked ~ #nav label#navibtn > span::after {bottom:18px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transition: all .1s;}
	/* 中の棒 */
	#navibtn span span::after {top:18px;}
	#menu-navibtn:checked ~ #nav label#navibtn span span::after {display:none;}

	div#subnav		{padding:15px;}
	div#subnav br	{display:none;}
	div#topnav      {justify-content:center;}
	div#news-left 	{flex:none;width:100%;box-sizing:border-box;}
	div#news-right	{padding:0 20px 20px;flex-basis:100%;display:flex;justify-content:center;}

	.inchou			{order:unset;margin:0;width:100%;text-align:center;}
}

@media screen and (max-width:480px){
	.pcCont			{display:none;}
	.spCont			{display:block;}
	.d-flex			{display:block;}
	div#header		{height:60px;background-size:auto 60px;}
	div#header img	{height:60px;}
	#nav #navibtn 	{top:10px;}
	#menu-navibtn:checked ~ #main {margin-top:60px;}
	#menu-navibtn:checked ~ #nav {top:60px;}
	div#main		{min-height:100px !important;border-bottom:solid 3px #d2bc84;}
	div#menu #banner{display:flex;}
	div#topnav      {justify-content:center;padding:5px 5px 10px;}
	div#topnav img	{margin:0;padding:5px;box-sizing:border-box;}
	div#news-right 	{justify-content:space-between;}
	div#news-right a {width:48%;}
	div#subnavindex	{font-size:100%;}

	div.annai-kiki div.explain.explain-2 {clear:both;}
	div.annai-kiki div.explain.explain-2 .photo {display:block;}	
}