@charset "UTF-8";
/*
本WEBサイトで使用しているHTML・CSS・JavaScriptは合同会社ベストブリッジが記述し、その著作権は医療法人済衆館に帰属します。
他者の著作権を侵害しないよう細心の注意を払って掲載した画像や文章についても、その著作権は医療法人済衆館に帰属します。
下記の記載内容はタイムスタンプを付与した電子書類として保管を行っております。
また、公開に至るまでの制作過程全データの保管を行っています。
*/

/*============================================
#top_em
============================================*/
#top_em{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border-top:solid 30px #FFF;/*先の記述との空間*/
padding:0;
}

@media screen and (max-width: 1400px){
#top_em{
border-top:solid 10px #FFF;
}
}

/*============================================
#top_em>ul（お知らせ）
============================================*/
#top_em>ul{
position:relative;
/*--*/
display:flex;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto;
border:solid 2px #900;
border-radius:7px;
padding:0;
background-color:#900;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

@media screen and (max-width: 600px) {
#top_em>ul{
width:80%;
}	
}

#top_em>ul span.pink{
color:#F39;
}

#top_em>ul span.pink80{
color:#F39;
font-size:80%;
}

/*==左==*/
#top_em>ul>li{
position:relative;
/*--*/
display:block;
flex-basis:28%;
height:100%;
margin:0;
border:0;
border-radius:7px 0 0 7px;
padding:20px 5px 10px 5px;
background-color:#900;
/*--*/
text-align:center;
line-height:1.4;
font-size:100%;
font-weight:bold;
color:#FFF;
}

#top_em>ul>li>span.moji80{
font-size:80%;
}

@media screen and (max-width: 959px){
#top_em>ul>li{
flex-basis:100%;
border-radius:7px 7px 0 0;
padding:15px 5px;
background-color:#900;
}
}

/*==右==*/
#top_em>ul>li:nth-of-type(even){
position:relative;
/*--*/
display:block;
flex-basis:72%;
height:auto;
margin:0;
border-radius:0 7px 7px 0;
padding:10px;
background-color:#FFF
}

@media screen and (max-width: 959px){
#top_em>ul>li:nth-of-type(even){
flex-basis:100%;
border-radius:0 0 7px 7px;
}
}

#top_em>ul>li:nth-of-type(even)>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:10px 5px 7px 25px;
background-color:#FFF;
/*--*/
text-align:left;
line-height:1.4;
font-size:100%;
font-weight:bold;
color:#333;
}

/*==画像==*/
#top_em>ul>li:nth-of-type(even)>p>img{
position:relative;
/*--*/
display:block;
width:100%;
max-width:500px;
height:auto;
margin:0 auto 0 0;
border:0;
padding:5px 0;
}

/*==バナー画像==*/
#top_em>ul>li:nth-of-type(even)>p>a.btn>img{
position:relative;
/*--*/
display:block;
width:100%;
max-width:500px;
height:auto;
margin:0 auto 0 0;
border:0;
padding:0;
}

#top_em>ul>li:nth-of-type(even)>p>a.btn:hover>img{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

#top_em>ul>li:nth-of-type(even)>p>a.btn:active>img{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

/*==文字リンク==*/
#top_em>ul>li:nth-of-type(even)>p a{
color:#00F;
text-decoration:underline;
}

#top_em>ul>li:nth-of-type(even)>p::before{
position:absolute;
top:10px;
left:10px;
/*--*/
content:url(../img/all_icon_maru_red.png);
}

/*============================================
#top_em>div
============================================*/
#top_em>div{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto;
border:0;
padding:0;
}

#top_em>div>a{
position:relative;
/*--*/
display:block;
width:220px;
height:auto;
margin:0 auto;
border:0;
border-radius:5px;
padding:15px 2px;
/*--*/
text-align:right;
font-size:110%;
font-weight:bold;
color:#696;
text-decoration:none;
}

@media screen and (max-width: 959px){
#top_em>div>a{
margin:0 auto;
font-size:100%;
text-align:center;
}
}

#top_em>div>a:before {
margin-right:10px;
/*--*/
content:url(../img/all_icon_yajidown_grn.png);
}

#top_em>div>a:hover {
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

#top_em>div>a:active {
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}