@charset "utf-8";

/* header
----------------------------------------------------------------------- */
header{ width:94%; }
.header-info{ display:block; }
.header-logo a{ font-size:25px; }
.header-logomark img{ width:140px; }

/* mainvisual
----------------------------------------------------------------------- */
.mainvisual{
position:relative;
margin-bottom:20px;
background:#889aca;
overflow:hidden;
}
.mainvisual img{
position:absolute;
bottom:0;
z-index:1;
}
.mainvisual-text{
position:relative;
top:0;
z-index:2;
margin:15px 15px 65%;
margin-bottom:40% \9;
padding:10px;
background-color:rgba(19,0,122,0.8);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc13007a,EndColorStr=#cc13007a)";
-webkit-border-radius:10px;
   -moz-border-radius:10px;
	-ms-border-radius:10px;
	 -o-border-radius:10px;
		border-radius:10px;
color:#fff;
}
.mainvisual-text:not(:target){
filter: none;
-ms-filter: none;
}

/* main
----------------------------------------------------------------------- */
.sub-title-index{
position: relative;
clear:both;
line-height:1.1;
margin-bottom:10px;
padding-left: 34px;
color: #333;
font-weight:bold;
font-size: 24px;
}
.sub-title-index:before{
position:  absolute;
top: 10px;
left: 10px;
width: 14px;
height: 14px;
background:#897fbc;
content: "";
}
.sub-title-index:after{
position:  absolute;
top: 0;
left: 0;
width: 17px;
height: 17px;
background:#13007a;
content: "";
}

.box{ margin-bottom:30px; }

.day-table{ margin-bottom:3px; }

.info-box{ border:7px solid #eee; }
.info-box li a{
display:block;
padding:8px;
border-bottom:1px solid #eee;
}
.remodal-title{
font-weight:bold;
font-size:18px;
margin-bottom:.7em;
}

.dl-box{
margin-bottom:10px;
border-top:3px solid #13007a;
}
.dl-box dt{
line-height:1.3;
padding:5px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px dotted #ccc;
font-weight:bold;
font-size:20px;
}
.dl-box:first-child{ margin-left:0; }
/* IE10以降に適用されるCSSハック */
@media all and (-ms-high-contrast:none){
.dl-box dt{ border-bottom-color:#999; }
}

/* IE11だけに適用されるCSSハック */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .dl-box dt{ border-bottom-color:#999; }
}
.dl-box dd{
padding:10px;
border:1px solid #ccc;
border-top:none;
}

.monshin-list li{
position:relative;
margin-top:12px;
}
.monshin-list li a{ padding:9px 0; }

/* PC版
======================================================================= */
@media screen and (min-width: 750px) {
/* header
----------------------------------------------------------------------- */
.header-logo a{ font-size:30px; }

/* mainvisual
----------------------------------------------------------------------- */
.mainvisual{ height:300px; }
.mainvisual-inner{
position:relative;
width:960px;
margin:0 auto;
}
.mainvisual img{
position:absolute;
top:0;
left:-80px;
}
.mainvisual-text{
position:absolute;
top:91px;
right:0;
margin:0;
padding:8px 2px 8px 10px;
}
.mainvisual-text span{ display:block; }

/* main
----------------------------------------------------------------------- */
#main{ width:900px; }

.box{ width:auto; }

.day-area{
float:left;
width:440px;
}

.info-area{
float:right;
width:440px;
}
.info-box{
height:143px;
border-right:4px solid #eee;
overflow-y:scroll;
}

.medicalSubject-area{
float:left;
width:594px;
}
.dl-box{
float:left;
width:288px;
margin:0 0 0 18px;
}
.dl-box dd{ height:170px; }

.monshin-area{
float:right;
width:288px;
}
.monshin-list li{ margin-top:6px; }
.monshin-list li a{
display:block;
padding:4px 0;
}
}