@charset "utf-8";
/* CSS Document */


.webin_pop {
	display: none;
	width: 100%;
	max-width: 650px;
	padding: 35px;
	text-align: justify;
	position: relative;
}

.webin_pop .fancybox-close-small {
top: 0px;
right: 0px;
}

.webin_pop .content-header {
  border-bottom: 1px solid #eee;
  padding: 20px;
}

.webin_pop .content-scroll {
  max-height: calc(100vh - 200px);
  overflow: auto;
  padding: 40px 20px 0 20px;
}

.webin_pop .webin_yymmdd{ color: #fff; padding: 0.25em 1em; background-color: #2086c4; font-size: 1.4rem; text-align: center;}
.webin_pop .webin_title{ font-size: 1.5rem;  line-height: 1.4; padding: 1.5em 0em 0.5em 0em; }
.webin_pop .webin_person{ padding: 1em 0 2em 0; display: flex;}
.webin_pop .webin_person .person_txt{ width: 60%; line-height: 1.4; padding-top: 1em;}
.webin_pop .webin_person .person_txt strong{ font-size: 2rem; display: block; padding-top: 0.25em;}
.webin_pop .webin_person .person_photo{ width:40%; padding-left: 1.2em;}
.webin_pop .webin_person .person_photo img{ width:100%;}
.webin_pop .webin_pdate{ line-height: 1.6; }


.staff_pop {
	display: none;
	width: 100%;
	max-width: 650px;
	padding: 35px;
	text-align: justify;
	position: relative;
}

.staff_pop .fancybox-close-small {
top: 0px;
right: 0px;
}

.staff_pop .content-header {
  border-bottom: 1px solid #eee;
  padding: 20px;
}

.staff_pop .content-scroll {
  max-height: calc(100vh - 200px);
  overflow: auto;
  padding: 40px 20px 0 20px;
}

.staff_pop .webin_yymmdd{ color: #fff; padding: 0.25em 1em; background-color: #2086c4; font-size: 1.4rem; text-align: center;}
.staff_pop .webin_title{ font-size: 1.5rem;  line-height: 1.4; padding: 0.5em 0em 0.5em 0em; color: #ba2f71;}
.staff_pop .webin_person{ padding: 0em 0 2em 0; display: flex;}
.staff_pop .webin_person .person_txt{ width: 60%; line-height: 1.4; padding-top: 1em; color: #ba2f71;}
.staff_pop .webin_person .person_txt strong{ font-size: 2rem; display: block; padding-top: 0.25em;}
.staff_pop .webin_person .person_photo{ width:40%; padding-left: 1.2em;}
.staff_pop .webin_person .person_photo img{ width:100%;}
.staff_pop .webin_pdate{ line-height: 1.6; }


@media screen and (max-width: 798px) {
	.fancybox-button{ width: 32px; height: 32px;}
	.webin_pop .fancybox-close-small{ top: -20px; right: -16px; background-color: #fff;opacity: 1; padding: 0;}
	.webin_pop { padding:1em; font-size: 0.9rem; width: 90%; overflow: initial;}
	.webin_pop .webin_yymmdd{ font-size: 1.2rem; padding: 0 1em;}
	.webin_pop .webin_title{ font-size: 1.2rem;  line-height: 1.4; padding: 1em 0em 0em 0em; }
	.webin_pop .webin_person{ padding: 1.5em 0;}
	.webin_pop .webin_person .person_txt{ padding-right: 2em; font-size: 0.8rem;}
	.webin_pop .webin_person .person_txt strong{ font-size: 1.4rem;}

	.staff_pop .fancybox-close-small{ top: -20px; right: -16px; background-color: #fff;opacity: 1; padding: 0;}
	.staff_pop { padding:1em; font-size: 0.9rem; width: 90%; overflow: initial;}
	.staff_pop .webin_yymmdd{ font-size: 1.2rem; padding: 0 1em;}
	.staff_pop .webin_title{ font-size: 1.2rem;  line-height: 1.4; padding: 1em 0em 0em 0em; }
	.staff_pop .webin_person{ padding: 1.5em 0;}
	.staff_pop .webin_person .person_txt{ padding-right: 2em; font-size: 0.8rem;}
	.staff_pop .webin_person .person_txt strong{ font-size: 1.4rem;}

}