@charset "utf-8";
/* -----------------------------------------------------------------
 lightbox.min.css　上書き
----------------------------------------------------------------- */
.lb-image,
.lb-dataContainer {
	opacity:1 !important;
}
.lightbox .lb-image {
	border:none;
	border-radius:0;
	border:18px solid #fff;
	border-top-width:30px;
	border-bottom-width:15px;
}
.lb-outerContainer {
	border-radius:0;
}
.lb-data {
	padding:0;
}
.lb-data .lb-details {
	float:none;
	width:100%;
}
.lb-nav a.lb-prev,
.lb-nav a.lb-next {
	position: absolute;
	opacity:1;
	background:transparent;
	top: calc(50% - 15px);
	width: auto;
	height: auto;
}
.lb-nav a.lb-prev {
	transform: rotate(180deg);
	left: 0px;
}
.lb-nav a.lb-next {
	right: 0px;
}
.lb-nav a.lb-prev::before,
.lb-nav a.lb-next::before {
	content: "";
    display: block;
    width: 36px;
    height: 58px;
	background: #063e8d url(../img/arrow_condensed_white.svg) no-repeat center center;
    background-size: 40%;
    opacity: 1;
}
.lb-close {
	display:block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background: #063e8d;
	z-index: 11;
}
.lb-close::before,
.lb-close::after {
	content:"";
	display:block;
	position: absolute;
	top: calc(50% - 10px);
	left: 50%;
	width:2px;
	height:20px;
	background: #fff;
}
.lb-close::before {
	transform:rotate(45deg);
}
.lb-close::after {
	transform:rotate(-45deg);
}
.lb_dataBox {
	background:#fff;
	min-height:3em;
}
.lb-dataContainer {
	padding-top:0;
	border-radius:0;
	background:#fff;
}
.lb-data .lb-number {
	display:none !important;
}
.lb-data .lb-details {
	padding:0 18px 15px;
}
.lb-data .lb-caption {
    font-weight: bold;
	font-size:1em;
    color: #063e8d;
}

/* -----------------------------------------------------------------
 cmn_img_gallery
----------------------------------------------------------------- */
.cmn_img_gallery {
	display: flex;
	flex-wrap: wrap;
}
.cmn_img_gallery .item {
	position: relative;
}
.cmn_img_gallery .item .trim {
	position: relative;
	width:100%;
}
.cmn_img_gallery .item .trim::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.cmn_img_gallery .item .trim::after {
	position: absolute;
	right:0;
	bottom:0;
	content:"";
	display:inline-block;
	width:1.4em;
	height:1.4em;
	background:url(/library/common/img/btn_view_plus_navy.svg) no-repeat center center;
	background-size:contain;
}
.cmn_img_gallery .item .trim img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
.cmn_img_gallery .item figcaption{
	margin-top:.3em;
	line-height:1.2;
	font-weight:bold;
	font-size:12px;
	font-size:0.86rem;
	color:#063e8d;
}
@media print, screen and (max-width :1023px){
.cmn_img_gallery .item {
	width:32%;
	margin-top:2%;
	margin-right:2%;
}
.cmn_img_gallery .item:nth-of-type(3n) {
	margin-right:0;
}
}
@media print, screen and (min-width: 1024px) {
.cmn_img_gallery .item {
	position: relative;
	width:18.5%;
	margin-top:1.875%;
	margin-right:1.875%;
}
.cmn_img_gallery .item:nth-of-type(5n) {
	margin-right:0;
}
.cmn_img_gallery .item .trim::after {
	width:2.25em;
	height:2.25em;
}
/*-- hover --*/
.cmn_img_gallery a .trim img {
	transition:all .5s;
}
.cmn_img_gallery a .trim img:hover {
	opacity:.8;
}

}


/* -----------------------------------------------------------------
 modaal
----------------------------------------------------------------- */
.modaal-overlay {
	z-index: 1999;
}
.modaal-content-container {
	min-height:200px;
}
.modaal-wrapper .modaal-close {
	background: #063e8d;
}
.modaal-inner-wrapper {
	padding:0;
}
.modaal-close {
	position: absolute;
	right: 0;
	top: 0;
	border-radius:0;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
	background: #fff;
}
@media print, screen and (max-width :1023px){
.modaal-container {
	width:100vw;
}
.modaal-content-container {
	padding:9px;
}
.modaal-close {
	width:38px;
	height:38px;
}
.modaal-close:before,
.modaal-close:after {
	top: calc(50% - 8px);
	left: 50%;
	width: 2px;
	height: 16px;
}
}

@media print, screen and (min-width: 1024px) {
.modaal-container {
	width:750px;
}
.modaal-content-container {
	padding:20px;
}
.modaal-close {
	width:50px;
	height:50px;
}
.modaal-close:before,
.modaal-close:after {
	top: calc(50% - 10px);
	left: 50%;
	width: 2px;
	height: 20px;
}
}
/* -----------------------------------------------------------------
 cmn_popup
----------------------------------------------------------------- */
.cmn_popup {
}
.cmn_popup .img_single img {
	margin:0 auto;
}
.cmn_popup .img_slider {
	width:100%;
}
.cmn_popup .body {
	margin-top:.6em;
	font-weight:bold;
	color:#063e8d;
}

/*---------- slick ----------*/
.slick-prev, .slick-next {
	top:calc(50% - 15px);
	width:auto;
	height:auto;
	-webkit-transform: translate(0,0); */
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}
.slick-prev {
	transform:rotate(180deg);
	left:-9px;
}
.slick-next {
	right:-9px;
}
.slick-prev:before, .slick-next:before {
	content:"";
	display:block;
	width:18px;
	height:30px;
	background:#063e8d url(../img/arrow_condensed_white.svg) no-repeat center center;
	background-size:40%;
	opacity:1;
}
@media print, screen and (max-width :1023px){

}
@media print, screen and (min-width: 1024px) {
.slick-prev {
	left:-20px;
}
.slick-next {
	right:-20px;
}
.slick-prev:before, .slick-next:before {
	width:36px;
	height:58px;
}
}