@charset "utf-8";

/* ================================================== */
/* 共通スタイル */
/* ================================================== */

*{
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight:normal;}

html{
overflow-x: hidden;
}

body{
  font-family: 'Noto Sans JP', sans-serif;
  overflow:hidden;}

img{
	max-width:100%;
	vertical-align:bottom;/* 画像下の隙間消し */
	}


a{
  text-decoration:none;
	}

li{
  list-style:none;}

/* bootstrap.css打消し用 */

.container {
  max-width: 100%;
  margin:0;
  padding: 0;
  }

a:hover {
  color:;
  text-decoration: none;
  opacity:1;
}

.childheader {
		top:0;
}/*モーダルが開いた時にヘッダーが消えないように*/



/* ================================================== */
/* タイトル（フォトアルバム専用スタイル） */
/* ================================================== */

.titlearea h2 {
    color: #000;
}


/* ================================================== */
/* #photo */
/* ================================================== */

#photo{
  padding:50px;}

.intro{
  max-width:700px;
  font-size:16px;
  margin:0 auto;
  text-align:center;}

@media screen and (max-width: 480px) {

#photo{
  padding:30px;}

}

/* ===== #album ===== */

#album{
  max-width:1000px;
  margin:100px auto 0;}

#album li{
  width:23%;
  margin-bottom:3%;}

@media screen and (max-width: 480px) {

#album li{
  width:47%;
  margin-bottom:5%;}

}



/* ================================================== */
/* モーダル */
/* ================================================== */
.pic-modal_con{
	padding:45px 45px 15px 45px;
	text-align:center;	
}
.pic-modal_in{
	width:80%;
	margin:0 auto;
}

.pic-modal_in img{
  max-height:500px;}

.pic-modal_con p{
	text-align:left;
	font-size:12px;
	margin-top:5px;
}

/*colorboxカスタム*/
#cboxOverlay {
  background: #000;
}
#cboxLoadedContent {
  background: #fff;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;  
}

#cboxClose{
  width:50px;
	height:50px;
	top:25px;
	right:15px;
	left:auto;		
}
#cboxPrevious{
	width:30px;
	height:30px;
	top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}	
#cboxNext{
	width:30px;
	height:30px;
	top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#cboxClose{
  background-image: url(../images/nurse/photo/modal_close.svg);
}	
#cboxClose{
	background-position:0 0;		
}
#cboxClose:hover{
	background-position:0 0;
	opacity: 1;
}
					
#cboxPrevious{
	background-image: url(../images/nurse/photo/blue-arrow-prev.svg);
	display:none!important;
}	
#cboxPrevious{
	background-position:0 0;		
}
#cboxPrevious:hover{
	background-position:0 0;
}

#cboxNext{
	background-image: url(../images/nurse/photo/blue-arrow-next.svg);
	display:none!important;
}	
#cboxNext{
	background-position:0 0;			
}
#cboxNext:hover{
	background-position:0 0;
}


#cboxClose,#cboxPrevious,#cboxNext {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;/*リンクをクリックしたときに表示される点線を消す*/
}

@media screen and (max-width: 480px) {

.pic-modal_con{
	padding:80px 30px 15px 30px;
}

.pic-modal_in{
	width:100%;
}

}