body {
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo UI", "ＭＳ Ｐゴシック", sans-serif;
     color: #555;
     letter-spacing: 0.1em;
 }

 p {
     text-indent: 1em;
     font-size:1.1em;
     line-height:1.4em;
     word-wrap:break-word;
 }

 h2, .h2 {
     font-size: 1.8em;
     font-weight: bold;
     color: #5670a2;
     -ms-text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
 }

 .table > thead > tr >th {
     color: #009ea0;
     background-color: #b9e3de;
     border-top: 1px solid #ddd !important;
 }

 .table-striped > tbody > tr:nth-of-type(2n+1) {
     background-color: #f7f4f1;
 }

 .annotation-text {
     color: #5670a2;
 }

 .pagetitle {
     margin-top: 40px;
     margin-bottom: 30px;
 }

 .shadowbox {
     position: relative;
     padding: 0 0 5px;
     background: #fff;
 }

 .shadowbox:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 4px;
     -webkit-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
     -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
     z-index: -1;
 }

 .imageshadow {
     -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
     -ms-box-shadow: 0 0 15px rgba(0,0,0,.3);
     box-shadow: 0 0 15px rgba(0,0,0,.3);
 }


 .articletitle {
     font-size: 1.4em;
     font-weight: bold;
     margin-bottom: 10px;
     color: #009ea0;
 }

 .authortext {
     font-size: 1.3em; 
     text-align: right; 
     margin-bottom: 10px;
 }

 /* ヘッダー */
 #header {
     padding-top: 5px;
     padding-bottom: 5px;
     background: #fcdada;
     border-bottom: 1px solid #fff;
     z-index: 100;
     position: fixed;
 }

 #title-logo, #title-logo > h1 {
     color: #5670a2;
     font-size: 40px;
     font-weight: bold;
     margin-top: -2px;
     margin-bottom: -4px;
 }

 #subtitle-logo {
     font-family: 'Ubuntu', sans-serif;
     color: #009ea0;
     font-size: 20px;
     font-weight: bold;
 }

 #attrtitle-logo {
     color: #009ea0;
     font-size: 14px;
 }
 a.title:hover {
     text-decoration: none;
 }
 .threed {
     letter-spacing: 0;
     -ms-text-shadow:  1px 0 #eee, 0 2px 0 #ddd, 0 3px 0 #ccc, 0 4px 0 #bbb, 0 5px 0 #aaa, 0 6px 0 #999, 0 7px 0 #888, 0 8px 7px #555;
     text-shadow:  1px 0 #eee, 0 2px 0 #ddd, 0 3px 0 #ccc, 0 4px 0 #bbb, 0 5px 0 #aaa, 0 6px 0 #999, 0 7px 0 #888, 0 8px 7px #555
 }

 #sub-nav>.nav a {
     margin-top: 18px;
     font-size: 1.3em;
     color: #009ea0;
 }
 #sub-nav>.nav a:hover,#sub-nav>.nav a:focus {
     background: #fcdada;
     color: #5670a2;
 }

 /* サイドメニュー */
#sidemenu-container {
    position: fixed;
    height: 80%; /*高さによって下のマージンが変わるが、スクロールバーを表示しないといけない為、ここで指定するしか方法がない*/
}
 #sidemenu {
     margin-top: 0;
     font-weight: bold;
 }
 #sidemenu>nav {
     background: #fff;
     overflow-x: hidden;
     overflow-y: auto;
 }
 #sidemenu li {
     -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
     -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
     cursor: pointer;
 }
 #sidemenu>nav li a {
     text-align: center;
     padding: 15px 20px 15px 15px;
     background: #fcdada;
     color: #555;
     border-bottom: 4px solid #fcdada;
 }
 #sidemenu a:hover {
     border-bottom: 4px solid #009ea0;
 }
 #sidemenu a[aria-expanded=true]{
     border-bottom: 4px solid #009ea0;
 }
 #sidemenu li.submenuitem a {
     padding: 10px 15px 10px 10px;
     background: #f7f4f1;
     color: #555;
     border: 1px solid #ddd;
 }
 #sidemenu li.submenuitem a:hover {
     background: #fcdada;
 }
 #sidemenu li.submenuitem {
     margin-top: 0;
 }
 #sidemenu .sidemenu-header {
     background: #b9e3de;
     color: #009ea0;
     font-weight: bold; 
     float: left;
     margin-top: -15px; 
     margin-left: -15px; 
     padding: 10px;
 }
 #menu-btn {
     color: #009ea0; 
     border-color:#009ea0; 
     background: #fcdada; 
     font-weight: bold;
     margin-top: 18px;
 }
 #menu-btn:hover {
     color: #fff; 
     background: #009ea0; 
 }
 .banner img {
     margin-top: 7px;
     width: 100%;
 }
 /* フッター */
 #footer {
     font-size: 1.0em;
     font-family: 'Ubuntu', sans-serif;
     padding-bottom: 10px;
     background: #fcdada;
     color: #009ea0;
     z-index: 100;
 }
 #footer hr {
     margin: 0 0 10px 0;
 }

 /* メイン */
 #body-container {
     padding-top: 100px;
     padding-bottom: 70px;
 }
 #body-content {
     padding-left: 50px;
 }
 /* ホーム */
 .hometitle {
     margin-top: 10px;
     margin-bottom: 10px;
 }
 /* お知らせフレーム iPhoneスクロールバー対応 */
 div.iframe-scroll {
     height: 300px;
     padding: 10px;
     /*border-top: 1px solid #eee;*/
     border: 1px solid #eee;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
 }
 .iframe-scroll iframe {
     width: 100%;
     height: 100%;
     border: none;
     display: block;
 }

 /* 施設案内*/
 .img-inline {
     display: inline;
 }

 .facility-detail {
     margin-top: 15px;
 }
 .facilitytitle {
     font-size: 2.0em;
     color:#5670a2;
     -ms-text-shadow: 2px 2px 2px rgba(255,255,255,0.7);
     text-shadow: 2px 2px 2px rgba(255,255,255,0.7);
 }
 .facilitysubtitle {
     font-size: 1.4em;
     color:#5670a2;
 }
 .facilitymessage {
     color:#555;
     font-size: 1.3em;
     line-height: 1.3em;
 }
 .facilitymaincontent {
     font-size: 1.2em;
 }
 .info-item-row {
     margin-top: 20px;
     margin-bottom: 20px;
 }
 .inner-info-item-row-first {
     margin-bottom: 20px;
 }
 .inner-info-item-row-last {
     margin-top: 20px;
 }
 .info-item-title {
     color: #009ea0;
 }
 .info-item-lgtext {
     font-size: 1.4em;
     font-weight: bold;
     color: #5670a2;
     -ms-text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
 }
 .info-item-text {
     margin-left: 15px;
 }

 .facilitymap {
     width:97%;
     height:450px;
 }

 /* 活動・トピックス*/
 .topicsicon {
     color: #5670a2;
 }

 /* 沿革 */
 #historytable {
     margin-top: 30px;
 }
 .table-striped#historytable > tbody > tr:nth-of-type(2n) {
     background-color: #fcfcfa;
 }
 .table-striped#historytable > tbody > tr:nth-of-type(2n+1) {
     background-color: #ffeded;
 }

 /* 医療機関検索 */
 .btn-theme {
     color: #555;
     background-color: #fff;
     border-color: #fcdada;
 }
 .btn-theme:focus,
 .btn-theme.focus {
     color: #555;
     background-color: #fcdada;
     border-color: #e3bab3;
 }
 .btn-theme:hover {
     color: #555;
     background-color: #fcdada;
     border-color: #e3bab3;
 }
 .btn-theme:active,
 .btn-theme.active,
 .open > .dropdown-toggle.btn-theme {
     color: #555;
     background-color: #fcdada;
     border-color: #e3bab3;
 }
 .btn-theme:active:hover,
 .btn-theme.active:hover,
 .open > .dropdown-toggle.btn-theme:hover,
 .btn-theme:active:focus,
 .btn-theme.active:focus,
 .open > .dropdown-toggle.btn-theme:focus,
 .btn-theme:active.focus,
 .btn-theme.active.focus,
 .open > .dropdown-toggle.btn-theme.focus {
     color: #555;
     background-color: #fcdada;
     border-color: #e3bab3;
 }
 .btn-theme:active,
 .btn-theme.active,
 .open > .dropdown-toggle.btn-theme {
     background-image: none;
 }
 .btn-theme.disabled:hover,
 .btn-theme[disabled]:hover,
 fieldset[disabled] .btn-theme:hover,
 .btn-theme.disabled:focus,
 .btn-theme[disabled]:focus,
 fieldset[disabled] .btn-theme:focus,
 .btn-theme.disabled.focus,
 .btn-theme[disabled].focus,
 fieldset[disabled] .btn-theme.focus {
     background-color: #fff;
     border-color: #fcdada;
 }

 /* メディアクエリ*/

 @media (max-width: 767px) {
     .titletext {
         margin-left: 20px;
     }

     #title-logo {
         font-size: 30px;
     }

     #subtitle-logo {
         font-size: 14px;
     }

     #attrtitle-logo {
         font-size: 12px;
     }
     .pagetitle {
         margin-top: 20px;
     }
     #sidemenu>nav {
         padding-left: 0;
         padding-right: 0;
     }

     #sidemenu li {
         margin-top: 0;
     }

     .banner img {
         margin: 7px 5px 0 5px;
         width: 96%;
     }
     .facilitymap {
         height:300px;
     }
     .img-thumbnail-xs {
         width: 150px;
     }
 }
 @media (min-width: 768px) and (max-width: 991px) {
     .img-thumbnail-sm {
         width: 150px;
     }
 }
 @media (min-width: 1200px) {
     #sidemenu {
         font-size: 1.3em;
     }
    #sidemenu-container {
        max-width: 320px;
        min-width: 320px;
        overflow-Y: auto;
        z-index: 1;
    }
     #sidemenu .sidemenu-header {
         font-size: 30px;
         height: 60px;
     }
     #sidemenu li {
         border-bottom: 1px solid #bbb;
         margin-top: 10px;
     }

 }
 @media (min-width: 992px) and (max-width: 1199px) {
     #sidemenu {
         font-size: 1.3em;
     }
    #sidemenu-container {
        max-width: 290px;
        min-width: 290px;
        overflow-Y: auto;
        z-index: 1;
    }
     #sidemenu .sidemenu-header {
         font-size: 30px;
         height: 60px;
     }
     #sidemenu li {
         border-bottom: 1px solid #bbb;
         margin-top: 10px;
     }

 }
 @media (min-width: 300px) and (max-width: 991px) {
     #sidemenu {
         font-size: 1.0em;
     }
     #sidemenu-container {
         z-index: 999;
     }
     #sidemenu .sidemenu-header {
         font-size: 25px;
         height: 54px;
     }
     #sidemenu li {
         border-bottom: 0;
         margin-top: 1px;
     }
 }