@charset "UTF-8";
/*
本WEBサイトは合同会社ベストブリッジが制作し、その著作権は医療法人済衆館に帰属します。
他者の著作権を侵害しないよう細心の注意を払っています。
*/

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

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

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

/*==左==*/
#about_tokusetu_check>ul.info>li{
position:relative;
/*--*/
display:block;
flex-basis:20%;
height:100%;
margin:0;
border:0;
border-radius:7px 0 0 7px;
padding:20px 5px 10px 5px;
background-color:#C2D6AD;
/*--*/
text-align:center;
line-height:1.4;
font-size:100%;
font-weight:normal;
color:#333;
}

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

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

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

#about_tokusetu_check>ul.info>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:90%;
font-weight:normal;
color:#333;
}

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

/*============================================
#about_tokusetu_check>ul.douga
============================================*/
#about_tokusetu_check>ul.douga{
position:relative;
/*--*/
display:flex;
width:100%;
max-width:1600px;
height:auto;
margin:0 auto 60px auto;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向　左から右*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え均等間隔左右なし*/
align-items:stretch;/*縦揃え*/
}

/*==li==*/
#about_tokusetu_check>ul.douga>li{
position:relative;
/*--*/
display:block;
flex-basis:48%;
height:auto;
margin-bottom:60px;
border:0;
border-radius:10px;
padding:0;
background-color:#EFEFEF;
}

#about_tokusetu_check>ul.douga>li.hid{
visibility:hidden;
}

@media screen and (max-width: 700px){
#about_tokusetu_check>ul.douga>li{
flex-basis:48%;
}
}

/*==img==*/
#about_tokusetu_check>ul.douga>li>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:0;
}

/*==a==*/
#about_tokusetu_check>ul.douga>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
transition:.3s;
}

#about_tokusetu_check>ul.douga>li>a:hover,
#about_tokusetu_check>ul.douga>li>a:active{
opacity:.7;
}

#about_tokusetu_check>ul.douga>li>a>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:0;
}

/*==video==*/
#about_tokusetu_check>ul.douga>li>video{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:0;
cursor:pointer;
}

/* 1. 透明なクリック用カバー（コントロールバー以外を画面いっぱいに覆う） */
#about_tokusetu_check>ul.douga>li>.custom-play-btn{
position:absolute;
top:0;
left:0;
width:100%;
height:calc(100% - 60px); /* 下のコントロールバー約60pxだけ避ける */
cursor:pointer;
z-index:10;
/* ※ここでは色や形を設定しません（透明のまま） */
}

/* 2. 背景（カバーの中央に配置） */
#about_tokusetu_check>ul.douga>li>.custom-play-btn::before{
content:"";
position:absolute;
top:50%; /* ★修正: 50%にすることで上下ド真ん中になります */
left:50%;
transform:translate(-50%, -50%);
width:50px; /* ★80pxから50pxに縮小 */
height:50px; /* ★80pxから50pxに縮小 */
background-color:rgba(0, 0, 0, 0.6);
border-radius:50%;
transition:0.3s;
}

/* 画面のどこかにマウスが乗った時に明るくする */
#about_tokusetu_check>ul.douga>li>.custom-play-btn:hover::before{
background-color:rgba(255, 204, 0, 0.9);
}

/* 3. 白い再生マーク（三角形） */
#about_tokusetu_check>ul.douga>li>.custom-play-btn::after{
content:"";
position:absolute;
top:50%; /* ★修正: こちらも50%でド真ん中に */
left:calc(50% + 2px);
transform:translate(-50%, -50%);
width:0;
height:0;
border-style:solid;
border-width:8px 0 8px 14px; /* ★ボタンに合わせてシュッと小さく */
border-color:transparent transparent transparent #ffffff;
}

/* 4. 再生中は「背景と矢印」だけを隠し、透明カバーは残す！ */
.custom-play-btn.hidden::before,
.custom-play-btn.hidden::after{
display:none !important;
}