.cd-fold-content {
	padding: 20px 50px;
}
.cd-fold-content h3 {
	color: #222;
	font-size: 2.2rem;
	line-height: 1.3;
	letter-spacing: -.1rem;
}
.cd-fold-content ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}



.md-3 {width:33%;float: left;}
/***************************************
        パネルページ  はじめ  
***************************************/
.cd-fold-content h3{margin-bottom:0;}
.panel-icon {width:50px;margin-bottom:10px;}
/***************************************
    診療科紹介  はじめ  
***************************************/

.dep-list table {width:100%;}
.dep-list th {
	text-align: left;
	padding: 15px 0;
}
.dep-list td {
	text-align: left;
	border:1px solid #999999;
	padding:5px 10px;
}
.dep-menu{
font-size:1em;
line-height:2em;
}

.dep-menu a{
color:#000;
}

.dep-menu li{
text-indent:0.2em;
width:33%;
float:left;
margin: 0;
}

@media screen and (max-width: 480px){
.dep-menu li{
width:100%;
}
}




/***************************************
    本院の施設と取り組み  はじめ  
***************************************/
.annai h4{
color:#000;
font-size: 24px;
border-left: 5px solid #CCC;
padding: 4px 20px;
margin: 20px 0 20px;
}

.annai a,.annai p{
color:#000;
}

.annai-menu{
font-size:1em;
line-height:2em;
}

.annai-menu a{
color:#000;
}

.annai-menu li{
text-indent:0.2em;
width:33%;
float:left;
margin: 0;
}

@media screen and (max-width: 480px){
.annai-menu li{
width:100%;
}
}


#contents-list ul {
    display: table;
    padding: 0;
    width: 100%;
}
#contents-list ul li {
    list-style: none;
    padding: 0 20px 15px 0;
}
#contents-list ul li h4 {
    position: relative;
    background: #FFF;
    border: 1px solid #CCC;
    margin: 0;
    text-align: center;
    padding: 8px;
}
#contents-list ul li h4:before {
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #CCC;
    border-width: 9px;
    margin-left: -9px;
}
#contents-list ul li h4:after, #contents-list ul li h4:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#contents-list ul li h4:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #FFF;
    border-width: 8px;
    margin-left: -8px;
}
#contents-list ul li .caption {
    display: block;
    font-size: 80%;
	line-height: 1.2em;
    padding: 20px 10px 10px;
    background-color: #EEE;
	height: 80px;
}


@media screen and (max-width: 480px){
.md-3 {width:49%;}
#contents-list ul li {padding: 0 15px 10px 0;}
#contents-list ul li .caption {font-size: 11px;height: 75px;}
.dep-list td a {font-size: 12px;line-height: 1.2em;}
optgroup {font-size: 12px;}
}
/*    本院の施設と取り組み  終わり  */


/***************************************
        カレンダー	はじめ  　
***************************************/
.blue {color:#0072c6;}
.red {color:#ff0000;}
#cal {
	width:100%;background-color: #ffffff;
}

#cal ul li {margin-bottom:0px;}

#cal .year{
	text-align:center;
	font-size:120%;
	margin:30px 0 -10px 0;
}

#cal .month{
	font-size:180%;
}

#cal table{
	width:100%;	
}

#cal th{
	font-weight:normal;
	text-align:center;
	background-color:#ffffcc;
	padding:3px 0;
	border:1px solid #dddddd;
	width:14.2%;
}

#cal th:nth-of-type(1) {
	background-color:#ff9999;
}

#cal th:nth-of-type(7) {
	background-color:#bbe8f7;
}

#cal td{
	font-weight:normal;
	text-align:center;
	font-size:85%;
	padding:3px 0;
	border:1px solid #dddddd;
}

#cal td:nth-of-type(1) {
	background-color:#ffcccc;
}
#cal td:nth-of-type(7) {
	background-color:#e3f9fb;
}

#cal tr:nth-child(even){
	background-color:#f0f4f3;
}

#cal .wh{
	background-color:#ffffff !important;
}

#cal .hol{
	background-color:#ffcccc !important;
}

/*****  カレンダー	おわり  **********/

/***************************************
        来院の方へ	はじめ  　
***************************************/
 .clearfix:after {
clear: both;
content: '';
display: block;
}

.patient a,.patient p{
color:#000;
}

.patient-menu{
font-size:1em;
line-height:2em;
}

.patient-menu a{
color:#000;
}

.patient-menu li{
text-indent:0.2em;
width:33%;
float:left;
margin: 0;
}

@media screen and (max-width: 480px){
.patient-menu li{
width:100%;
}
}


.patient h4{
color:#000;
font-size: 24px;
border-left: 5px solid #CCC;
padding: 4px 20px;
margin: 40px 0 20px;
}

.patient h5{
font-size: 20px;
border-bottom: 2px solid #CCC;
margin: 40px 0 30px;
}


 .actives a{
color: #149BDC;
}

.patient-submenu li{
float:left;
padding:0 1em;
}


.tbl-res{
width:90%!important;
margin:0 auto;
border: solid 1px #ccc!important;
margin-bottom:.5em;
}

.tbl-res th {
border: solid 1px #ccc!important;
padding: 25px!important;
background-color: #e5f5f1;
width:50%;
}
.tbl-res td {
border-bottom: solid 1px #ccc!important;
padding: 10px!important;
}

@media screen and (max-width: 640px) {
.last td:last-child {
border-bottom: solid 1px #ccc;
width: 100%;
}

.tbl-res {
width: 100%;
}
.tbl-res th,
.tbl-res td {
border-bottom: solid 1px #ccc!important;
display: block;
}

.tbl-res th {
padding: 10px!important;
width:100%;

}
}

.reservebtn{
background-color: #d3e8ee;
border-color: #65b0c3;
text-align:center;
}

.reservebtn a {
color: #367a8b!important;
}
.reservebtn td{
text-align:center;
}

/***************************************
        来院の方へ	おわり   
***************************************/
/***************************************
        学生・研修医	はじめ  　
***************************************/
.intern a, .intern p{
color:#000;
}

 .actives a{
color: #149BDC;
}

.intern h4{
color:#000;
font-size: 24px;
border-left: 5px solid #CCC;
padding: 4px 20px;
margin: 40px 0 30px;
}

.intern h5{
color: #367a8b;
font-size: 19px;
margin: 40px 0 20px;
}


.def-button{
padding: 5px 20px;
    text-align: center;
color: #0FA1FF!important;
    background-color: #f6f6f6;
    border: 1px solid #cccccc;
margin:1em;
width:50%;
}

.def-button a ,.textlink a{
color: #149BDC;
}



/***************************************
        学生・研修医	おわり   
***************************************/
/***************************************
        安心・安全な医療 はじめ  　
***************************************/
.secure a, .secure p{
color:#000;
}

.textlink a{
color: #149BDC;
}

 .actives a{
color: #149BDC;
}

.secure h4{
color:#000;
font-size: 24px;
border-left: 5px solid #CCC;
padding: 4px 20px;
margin: 40px 0 30px;
}

.secure h5{
color: #367a8b;
font-size: 19px;
margin: 50px 0 20px;
}

.secure .tbl-res th {
width:20%!important;
}

@media screen and (max-width: 640px) {
.secure .tbl-res th {
width:100%!important;
}
}

/***************************************
        安心・安全な医療 おわり   
***************************************/
/***************************************
        地域医療・福祉連携 はじめ  　
***************************************/
 .social-copy{
 margin-top:1em;
font-size:1em!important;
letter-spacing:.1em;
font-weight:bold;
line-height:1.5!important;
padding:1.5em 0;
text-align:center;
}

.sw-panel{
text-align:center;}

.sw-panel img{
width:22%;
padding:0 0  .3em 0;
}

.sw-panel img:hover{
opacity:.5;
}

.sw-reserve {
margin:1em 0;
text-align:center;
}
.sw-reserve img{
width:70%;
}

/***************************************
        地域医療・福祉連携 おわり   
***************************************/

@media screen and (max-width: 480px){
.container-info ul {padding-left: 1rem; padding-right: 1rem;}
.container-attention p {font-size: 16px;}
#cal th{font-size:85%;}
.dep-list td {line-height:1.2em;}
.def-button {width: 300px;}
}