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

/*============================================
#alert_medsafe
============================================*/
#alert_medsafe{
z-index:20;
/*--*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

/*============================================
#alert_medsafe>ul.info
============================================*/
#alert_medsafe>ul.info{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin-bottom:30px;
border:solid 2px #F90;
border-radius:7px;
padding:0;
background-color:#FFDAC6;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==左==*/
#alert_medsafe>ul.info>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:#FFDAC6;
/*--*/
text-align:center;
line-height:1.4;
font-size:100%;
font-weight:normal;
color:#333;
}

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

/*==右==*/
#alert_medsafe>ul.info>li:nth-of-type(2){
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){
#alert_medsafe>ul.info>li:nth-of-type(2){
flex-basis:100%;
border-radius:0 0 7px 7px;
}
}

#alert_medsafe>ul.info>li:nth-of-type(2)>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:90%;
font-weight:normal;
color:#333;
}

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


/*============================================
#alert_medsafe>ol.menu
============================================*/
#alert_medsafe>ol.menu{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin-bottom:50px;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==li==*/
#alert_medsafe>ol.menu>li{
position:relative;
/*--*/
display:block;
flex-basis:49%;
height:auto;
margin-bottom:10px;
border:0;
padding:0;
}

@media screen and (max-width: 959px){
#alert_medsafe>ol.menu>li{
flex-basis:100%;
}
}

#alert_medsafe>ol.menu>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border:solid 2px #F90;
border-radius:5px;
padding:15px 2px 15px 30px;
background-color:#EFEFEF;
/*--*/
text-align:left;
line-height:1.4;
font-size:100%;
font-weight:normal;
color:#333;
text-decoration:none;
}

#alert_medsafe>ol.menu>li>a::before{
position:absolute;
top:15px;
left:10px;
/*--*/
content:url(../img/all_icon_yajidown_orange.png);
}

#alert_medsafe>ol.menu>li>a:hover,
#alert_medsafe>ol.menu>li>a:active{
background-color:#FFDAC6;
opacity:1;
-webkit-transition:0.3s;
transition:0.3s;
}

/*============================================
#alert_medsafe>h2
============================================*/
#alert_medsafe>h2{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border-left:solid 10px #F90;
padding:15px;
background-color:#EFEFEF;
/*--*/
text-align:left;
line-height:1.4;
font-size:120%;
font-weight:normal;
color:#333;
}

/*============================================
#alert_medsafe>h3
============================================*/
#alert_medsafe>h3{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:50px 0 30px 0;
border-top:solid 2px #F90;
border-bottom:solid 2px #F90;
padding:15px 0;
/*--*/
text-align:center;
line-height:1.4;
font-size:110%;
font-weight:normal;
color:#333;
}

/*============================================
#alert_medsafe>p
============================================*/
#alert_medsafe>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#333;
}

#alert_medsafe>p.center{
margin-bottom:10px;
text-align:center;
}

/*============================================
#alert_medsafe>p.info
============================================*/
#alert_medsafe>p.info{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:solid 2px #F60;
padding:15px;
/*--*/
text-align:center;
line-height:1.4;
font-size:100%;
font-weight:normal;
color:#333;
}

/*============================================
#alert_medsafe>img
============================================*/
#alert_medsafe>img{
position:relative;
/*--*/
display:block;
width:100%;
max-width:600px;
height:auto;
margin:0 auto;
border:0;
padding:0;
}

/*============================================
#alert_medsafe>p.pho
============================================*/
#alert_medsafe>p.pho{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

#alert_medsafe>p.pho>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:0;
}

/*============================================
#alert_medsafe>ul.list
============================================*/
#alert_medsafe>ul.list{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
}

#alert_medsafe>ul.list>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:0px;
padding:0 0 15px 26px;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#333;
}

#alert_medsafe>ul.list>li::before{
position:absolute;
top:0;
left:8px;
/*--*/
content:url(../img/all_icon_maru_gray.png);
}

/*============================================
#alert_medsafe>ol.num
============================================*/
#alert_medsafe>ol.num{
position:relative;
display:block;
width:100%;
height:auto;
margin-bottom:30px;
border:0;
padding:0;
list-style:none;/*デフォルトの数字マーカーを非表示*/
}

#alert_medsafe>ol.num>li{
position:relative;
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:0;
padding:0 0 20px 38px;/*下部余白を少し広げて見やすく調整*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#333;
}

#alert_medsafe>ol.num>li>p{
position:absolute;
top:0;
left:0;
display:block;
width:38px;
height:auto;
margin:0;
border:0;
padding:0;
text-align:center;
line-height:1.4;
font-size:100%;
font-weight:bold;
color:#F60;
}

/*
============================================
追加:ulとul内のli要素に対するスタイル
============================================
*/
#alert_medsafe>ol.num>li>ul{
margin:5px 0 0 0;/*タイトルとの間の余白*/
padding:0;
list-style-type:circle;
}

#alert_medsafe>ol.num>li>ul>li{
position:relative;
padding-left:1em;/*「・」を入れるためのスペースを確保*/
margin-bottom:4px;/*各項目の間の余白*/
line-height:1.6;
}

/*擬似要素を使って「・」を表示（折り返し時にテキストが揃うようにするため）*/
#alert_medsafe>ol.num>li>ul>li::before{
content:"・";
position:absolute;
left:0;
top:0;
}

/*============================================
#alert_medsafe>table
============================================*/
#alert_medsafe>table{
position:relative;
/*--*/
width: 100%;
height:auto;
margin-bottom:30px;
border-collapse:collapse;
padding:0;
}

#alert_medsafe>table tr{
width:auto;
height:auto;
margin:0;
border-top:solid 2px #CCC;
border-right:solid 2px #CCC;
border-bottom:solid 0px #CCC;
border-left:solid 2px #CCC;
padding:0;
background-color:#EFEFEF;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

#alert_medsafe>table tr:last-child{
border-bottom:solid 2px #CCC;
}

#alert_medsafe>table tr th{
width:30%;
height:auto;
margin:0;
border:0;
padding:10px;
/*--*/

text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 959px){
#alert_medsafe>table tr th{
display:block;
width:100%;
}
}

#alert_medsafe>table tr td{
width:70%;
height:auto;
margin:0;
border:0;
padding:10px;
background-color:#FFF;
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 959px){
#alert_medsafe>table tr td{
display:block;
width:100%;
}
}

/*============================================
#alert_medsafe>div.up
============================================*/
#alert_medsafe>div.up{
position:relative;
/*--*/
display:block;
width:auto;
height:auto;
margin-bottom:60px;
border:0;
padding:0;
/*--*/
text-align:right;
}

@media screen and (max-width: 959px){
#alert_medsafe>div.up{
text-align:center;
}
}

#alert_medsafe>div.up>a{
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin:0;
border:solid 2px #F90;
border-radius:5px;
padding:10px;
background-color:#EFEFEF;
/*--*/
text-align:center;
line-height:1;
font-size:90%;
font-weight:normal;
color:#F60;
text-decoration:none;
}

#alert_medsafe>div.up>a::after{
margin-left:5px;
/*--*/
content:url(../img/all_icon_yajiup_orange.png);
}

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

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