@charset "UTF-8";


body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif
}
strong		{	font-weight:300;
					text-decoration:underline
}
/* ラインマーカー*/
.marker_yellow_futo {
background: linear-gradient(transparent 0%, #ffff66 0%);
}

/* サイト名*/
.site h1 a  {color: #83a4a8;
				text-decoration:none}
				
.site h1   {margin:0;
				font-size: 14px;
				font-family: 'Lato', sans-serif;
				font-weight: normal}


/* ナビゲーション*/
.menu ul {margin:0;
padding:0;
list-style: none}

.menu li a {display:block;
padding: 15px;
color: #000000;
font-size:14px;
text-decoration:none}

.menu li a:hover		{background-color: #75dbe7}

.menu ul:after		{content:"";
display:block;
clear:both}

.menu li		{float:left;
width:auto;
font-family: 'Noto Sans Japanese', sans-serif;
 font-weight: 300;}

/*　記事　*/

.kiji h1		{margin-top:0;
margin-bottom: 20px;
font-size:16px;
font-style:oblique;
font-weight:bold;
color: #205BB0}

.kiji p		{margin-top:0;
margin-bottom: 20px;
font-family: 'Noto Sans Japanese', serif;
font-weight: 100
}

.kiji img 		 { max-width: 100%;
	 				 height: auto
}

/*　地図表示　*/ 
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

iframe { width:100% ; height:100% ; border:0
}

/*　診察時間表　*/
.shinryou {margin:0}

.shinryou table, td, th{border:1px solid gray
}
.shinryou table { padding:0;
width:100%;
margin-top:20px;
border-collapse:collapse;
color: #096D8D
}
.shinryou th{ background-color:#A3F5CA
}
.shinryou td{ text-align:center;
}
.shinryou .naika{ color:#346DF8;
text-align:left;
font-size:24px
}
.shinryou .ganka{color:#F85558;
text-align:left;
font-size:24px
}
.shinryou .contact{color:#32C36B;
text-align:left;
font-size:24px
}
.shinryou ul{margin-top:20px}
/*　ABC分類表　*/
.abc  {margin:0}

.abc table, td, th{border:1px solid gray
}
.abc table{ padding:0;
margin:0;
width:100%;
border-collapse:collapse;
border:1px;
color:#403E3E
}
.abc td { text-align:center;
padding:0px;
}
.abc .positive{ color:#DA0307;
}
.abc .negative{color:#8B8B8B
}
.abc th{ background-color:#D2D0D0
}

/*　記事の小見出し　*/
.kiji h2  {margin-top: 40px ;
padding-left: 10px ;
border-left: solid 10px #7cbac1;
font-weight: normal}



/*　記事の投稿日　*/

.kijiinfo  {  margin-top:0 ;
margin-bottom:20px}

.kijiinfo i  {
	margin-right:5px;
	color:#aaaaaa;
	font-size:20px}

/*　　SNSのシェアボタン　*/
.share  {margin-top: 40px}

.share ul  {margin: 0;
padding:0;
list-style: none}

.share li a {display:block;
padding: 10px;
color: #ffffff;
font-size:14px;
text-decoration:none}

.share-tw  {background-color:#55acee}
.share-fb  {background-color:#3b5998}
.share-gp  {background-color:#dd4b39}


.share li a:hover  {opacity: 0.8}

.share ul:after  {content: "";
display:block;
clear:both}

.share li {float:left;
width:33.3333%}




/*　記事の分類　*/
.kijicat   {margin-bottom:25px}

.kijicat ul {margin: 0;
padding: 0;
list-style: none}

.kijicat li a {display: block;
margin-right:5px;
padding: 5px 10px ;
border-radius: 3px;
background-color:#6699ff ;
color: #ffffff ;
font-size:12px;
text-decoration: none}

.kijicat li a:hover {background-color:#7fbfff}

.kijicat ul:after {content:"";
display: block;
clear:both}

.kijicat li {float:left;
width:auto}


/*　サイドメニュー　*/

.sidemenu {margin-bottom: 30px}
.sidemenu ul		{margin:0 ;
padding: 0;
list-style: none }

.sidemenu li a	{display: block;
padding : 5px ;
color: #000000 ;
font-size: 14px ;
text-decoration: none }

.sidemenu li a:hover  {background-color: #eeeeee }

.sidemenu h1 {margin-top:0;
margin-bottom:10px;
border-bottom: dotted 2px #dddddd;
color: #666666;
font-size: 18px }

.sidemenu h1  {margin-right: 5px;
color: #888888}

/*　おすすめ記事　*/

.osusume {margin-bottom: 30px}
.osusume ul		{margin:0 ;
padding: 0;
list-style: none }

.osusume li a	{display: block;
margin-bottom: 10px;
padding : 0px ;
color: #000000 ;
font-size: 14px ;
text-decoration: none }

.osusume li a:hover  {background-color: #eeeeee;
opacity: 0.8 }

.osusume h1 {margin-top:0;
margin-bottom:10px;
border-bottom: dotted 2px #dddddd;
color: #666666;
font-size: 18px }

.osusume img {width: 100%;
height: auto;
border: none;
vertical-align: bottom}

.osusume .text {padding: 5px 10px;
background-color: rgba(0,0,0,0.5);
color: #ffffff}

/*　画像にテキストの黒帯を重ねる設定　*/
.osusume a  {position:relative}

.osusume .text {position:absolute;
bottom: 0;
left:0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box}



/*　人気の記事　*/

.ninki ul		{margin:0 ;
padding: 0;
list-style: none }

.ninki li a	{display: block;
padding : 5px ;
border-bottom:dotted 1px #dddddd;
color: #2288bb ;
font-size: 14px ;
text-decoration: none }

.ninki li a:hover  {background-color: #eeeeee }

.ninki li a img  {border:none}

.ninki h1 {margin-top:0;
margin-bottom:10px;
border-bottom: dotted 2px #dddddd;
color: #666666;
font-size: 18px }

.ninki a:after{content:"";
display:block;
clear:both}

.ninki img{ float:left;
width: 60px}

.ninki .text {float:none;
width:auto;
margin-left:  60px;
padding-left: 15px}

.ninki span {display: block;
color: #666666;
font-size:12px}


/* コピーライト　*/
.copyright		{
background-image:url(../img/natsuko-60x70.png);
background-position:right;
background-repeat:no-repeat
}
.copyright p { margin:0;
color:#666666;
font-family: 'Noto Sans Japanese', serif;
font-weight:300;
font-size:14px;
font-style:oblique
}

.copyright address {height:50px;;
color:#666666;
font-size:12px;
font-family: 'Noto Sans Japanese', serif;
font-style:normal;
font-weight:100
}

.copyright li	{list-style:none;
					padding:0;
					margin-top:0;
					margin-left:0;
					margin-right:5px;
					float:left;
					font-size:14px;
					font-weight:100;
					font-family: 'Poiret One', cursive
					}

.copyright ul:after		{content:"";
display:block;
clear:both
}
					
/*　box2をバーの形にする　*/
.box2  {background-color: #7cbac1}

/*　box5の上に区切り線を入れる　*/
.box5  {border-top:solid 1px #dddddd}

/*　boxの上下の間隔　*/
.box1  {padding-top: 8px;
padding-bottom:8px}

.box3  {padding-top: 40px;
padding-bottom: 30px}

.box4  {padding-top: 40px;
padding-bottom:30px}

.box5  {padding-top: 15px;
padding-bottom:15px}

/* 　############600px以上　767px　以下############*/
@media (max-width : 599px) {

/* ナビゲーション*/
.menu li a { padding: 10px 3px;
font-size:11px }

/* サイト名と記事のタイトル*/
.site h1  { font-size:18px }
				
.kiji h1   { font-size: 20px}

/* ボックスの上下間隔を狭くする　*/
.box1  {padding-top: 4px;
padding-bottom:4px}

.box3  {padding-top: 25px}

/* SNSのシェアボタン　*/

.share span  {display: inline-block;
text-indent: -9999px}

}

.social-button {
	list-style-type: none;
	margin-top:5px;
	padding: 0;
}

.social-button li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.social-button li div {
	display: inline;
}

.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}

.social-button:after {
	clear: both
}

.social-button iframe.twitter-share-button {
    width: 90px !important;
}

/* SNSのシェアボタンここまで　*/
/* 　############600px以上〜767px以下############*/
@media (min-width :600px) and (max-width : 767px) {

/*　BOX4-1とBOX4-2を横に並べる設定　*/	
.boxA:after { content:"";
					display: block;
					clear: both}

.box4-1 { float: left;
			width: 50%}

.box4-2 { float:left;
			width:50%}
			
/*　BOX4-1とBOX4-2左右の間隔　*/	
.box4-1  {padding-right: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box}

.box4-2  {padding-right: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box}



}

/* 　############　768px 以上　############*/
@media (min-width : 768px) {

/* BOX3とBOX4を横に並べる設定*/
.boxA:after { content:"";
					display: block;
					clear: both}

.box3 { float: left;
			width: 70%}

.box4 { float:left;
			width:30%}
			
/*　BOX3とBOX4の左右の間隔　横幅に余白サイズを含める*/
.box3  {padding-right: 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box}

}

/*　############  1040px以上############　*/
@media (min-width : 1040px) {
/* BOX3とBOX4を横に並べる設定*/
.box1, .box2, .boxA, .box5
					{width: 1000px;
					margin-left:auto;
					margin-right:auto}

}