@charset "utf-8";
.gallery-list {overflow:hidden; margin:-0.375%;}
.gallery-list img {width:100%; max-width:auto;}
.gallery-list li {overflow:hidden; position:relative; float:left; width:33.3333%; padding:0.375%;}
.gallery-list li .ovr {position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; background:rgba(255,255,255,0.5); opacity:0; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.gallery-list li .ovr span {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); font-size:24px; color:#292929; }
.gallery-list li:hover .ovr {opacity:1;}

#gallery-pop {}
#gallery-pop:after {position:fixed; top:-500%; left:0; width:100%; height:100%; z-index:1000000; background:rgba(0,0,0,0.8); -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; content:'';}
#gallery-pop .box {margin-top:70px; position:fixed; top:-150%; left:50%; z-index:10000001; width:95%; max-width:1150px; opacity:0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#gallery-pop .box .btn-close {position:absolute; top:20px; right:20px;  z-index:10000000;}

#gallery-pop li {position:relative;}
#gallery-pop li span {position:absolute; top:0; left:0; z-index:1000; font-size:50px; color:#ff00ff;}
#gallery-pop .bx-wrapper .bx-prev {top:50%; left:-34px; width:66px; height:66px; margin-top:-50px; background:url('/cmhospital/room/btn_prev.png') no-repeat; background-size:100% auto;}
#gallery-pop .bx-wrapper .bx-next {top:50%; right:-34px; width:66px; height:66px; margin-top:-50px; background:url('/cmhospital/room/btn_next.png') no-repeat; background-size:100% auto;}
#gallery-pop.open .box {top:50%; opacity:1;}
#gallery-pop.open:after {top:0;}

@media screen and (max-width:1280px){
	.list02 > li dt br {display:none;}
	.list02 dl dt {min-height:auto;}
}
@media screen and (max-width:1200px){
	#intro-doctor .item {width:100%;}
	#intro-doctor .profile, 
	#intro-doctor .item.s01 .profile, 
	#intro-doctor .item.s02 .profile {min-height:auto;}
	.guide04-list li {width:100%;}
	.guide04-list li+li {margin-left:0;}

}
@media screen and (max-width:780px){
	.gallery-list li {width:50%;}
	.intro01_cont01 {padding-bottom:200px;}
	.intro01_cont01 .table01 {width:100%; max-width:none;}

}
@media screen and (max-width:480px){
	.gallery-list li .ovr span {font-size:16px;}
	.intro01_cont01 {background-size:100% auto;}
	
#gallery-pop .box .btn-close {top:20px; right:-10px; width:40px;}
	#gallery-pop .bx-wrapper .bx-prev, 
	#gallery-pop .bx-wrapper .bx-next {width:48px; height:48px; margin-top:-17px;}
	#gallery-pop .box {margin-top:0px;}
	#gallery-pop .box .slider-wrap {margin:0 -7%;}
	#gallery-pop .bx-wrapper .bx-prev {left:14%; margin-top:86px;}
	#gallery-pop .bx-wrapper .bx-next {right:14%; margin-top:86px;}
	.section .pd01 {padding-left:10px;}
	.cont-t03 p {font-size:24px;}
	#therapy05 .cont-t02 .img {width:100%;}
	#therapy05 .cont-t03 br {display:none;}
	#therapy05 .cont-t03 p {clear:both; width:auto; padding-bottom:10px; line-height:1.2;}
	#therapy05 .cont-t03 .dot-list {clear:both; width:auto}
}