@charset "utf-8";
/* ==================================================
		
		施設紹介 PC

================================================== */
@media screen and (min-width:750px) {
  
/* --------------------------------------------------
		#Header
-------------------------------------------------- */
#header .logoShimadzu a svg {
 fill: #000;
} 
#header .logo-s a .black {
 display: block;
}
  
/*	.drawer
-------------------------------------------------- */ 
.drawer .link-mail a {
 color: #000000;
 background-image: url(../../common/img/icon_mail_black.png);
}
 
/*	#navbar_toggle
-------------------------------------------------- */ 
.navbar_toggle_icon {
 background: #000000;
}
  
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi h1 .tit {
 color: #464646;
}
#contents .vi h1 .stit {
 font-size: 18px;
 color: #464646;
 top: 82%;
}
 
/* --------------------------------------------------
		.floorguide
-------------------------------------------------- */
#contents .floorguide .floorguide-inner .current {
 opacity: 1 !important;
 display: block !important;
 z-index: 4 !important;
}
#contents .floorguide .floorguide-inner .hidden {
 opacity: 0.4 !important;
}
#contents .floorguide .floorguide-inner .area-on path,
#contents .floorguide .floorguide-inner .area-on polygon {
 fill: #ea5550;
}
 
/*	.floorguide-map
-------------------------------------------------- */ 
#contents .floorguide .floorguide-inner .floorguide-map {
 width: 670px;
 height: 1095px;
 position: relative;
}
#contents .floorguide .floorguide-inner .floorguide-map li {
 position: relative;
}
#contents .floorguide .floorguide-inner .floorguide-map li .img {
 position: absolute;
}
#contents .floorguide .floorguide-inner .floorguide-map li .fgmap-trans {
 position: absolute;
 fill-opacity: 0;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm01 {
 z-index: 1;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm01 .img {
 top: 635px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm01 .fgmap {
 position: absolute;
 top: 657px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm01 .fgmap-trans {
 top: 657px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm02 {
 z-index: 2;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm02 .img {
 top: 416px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm02 .fgmap {
 position: absolute;
 top: 438px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm02 .fgmap-trans {
 top: 438px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm03 {
 z-index: 3;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm03 .img {
 top: 177px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm03 .fgmap {
 position: absolute;
 top: 219px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm03 .fgmap-trans {
 top: 219px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm04 {
 z-index: 4;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm04 .img {
 top: -55px;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm04 .fgmap {
 position: absolute;
 top: 0;
}
#contents .floorguide .floorguide-inner .floorguide-map .fm04 .fgmap-trans {
 top: 0;
}
g {
 cursor: pointer;
}
.cls-1 {
 fill: #696969;
}
.cls-2 {
 fill: #cfd0d0;
}
.cls-3 {
 fill: #cbcbcb;
 stroke-miterlimit: 10;
}
.cls-4 {
 fill: #f0f0f0;
 stroke-linecap: round;
 stroke-linejoin: round;
}
.cls-5 {
 fill: #d0d0d0;
}
 
/*	.floorguide-detail
-------------------------------------------------- */ 
#contents .floorguide .floorguide-inner .floorguide-detail {
 width: 470px;
 padding-left: 65px;
}
#contents .floorguide .floorguide-inner .floorguide-detail li {
 display: none;
}
#contents .floorguide .floorguide-inner .floorguide-detail .no {
 font-size: 27px;
}
#contents .floorguide .floorguide-inner .floorguide-detail li > div h3 {
 line-height: 1.3;
}
 
}


/* ==================================================
		
		施設紹介 SP

================================================== */
@media screen and (max-width:749px) {
  
/* --------------------------------------------------
		#Header
-------------------------------------------------- */
#header .logoShimadzu a svg {
 fill: #000;
} 
#header .logo-s a .black {
 display: block;
}
  
/*	.drawer
-------------------------------------------------- */ 
.drawer .link-mail a {
 color: #000000;
 background-image: url(../../common/img/icon_mail_black.png);
}

/*	#navbar_toggle
-------------------------------------------------- */ 
.navbar_toggle_icon {
 background: #000000;
}
  
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi {height: 250px;}
#contents .vi h1 .tit {
 color: #464646;
 top: 40%;
}
#contents .vi h1 .stit {
 font-size: 15px;
 color: #464646;
 padding: 0 20px;
 bottom: 0;
}
 
/* --------------------------------------------------
		.floor
-------------------------------------------------- */
/*	#floor-inner
-------------------------------------------------- */ 
#contents .floor #floor-inner .floor-slide ul {
 display: flex;
 justify-content: center;
}
#contents .floor #floor-inner .floor-slide ul li {
 padding: 0 15px;
}
#contents .slick-next {
 right: 0 !important;
}
#contents .slick-next:before {
 background: url(../img/arrow-right.png) !important;
 background-size: contain !important;
}
#contents .slick-prev {
 left: 0 !important;
}
#contents .slick-prev:before {
 background: url(../img/arrow-left.png) !important;
 background-size: contain !important;
}
#contents .slick-arrow {
 position: absolute;
 z-index: 2 !important;
 width: 35px !important;
 height: 40px !important;
 top: -65%;
 bottom: 0;
 margin: auto;
 text-indent: -9999px !important;
 cursor: pointer;
}
#contents .slick-arrow:before {
 content: "" !important;
 width: 100% !important;
 height: 100% !important;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 1 !important;
}
#contents .slick-slider {
 padding: 0 30px !important;
}
#contents .floor li h2 {
 font-size: 20px;
}
 
/*	.detail
-------------------------------------------------- */ 
#contents .floor #floor-inner .floor-slide ul li .detail h3 {
 line-height: 1.3;
}

}