@charset "UTF-8";
#upper { width: 971px; height: 540px; overflow: hidden; position: relative; border-bottom: 1px solid #cf0f28; }
#canvas { width: 540px; height: 540px; position: absolute; left: 0; top: 0; }
#map { width: 540px; height: 540px; position: absolute; left: 0; top: 0; }
#direction { border-left: 1px solid #cf0f28; width: 430px; height: 540px; position: absolute; left: 540px; top: 0; }
#index { position: absolute; left: -1px; top: 0; width: 430px; border-left: 1px solid #cf0f28; }
#index dl { }
#index dt { color: #cf0f28; padding: 19px 20px 19px; border-bottom: 1px solid #cf0f28; line-height: 1; height: 12px; position: relative; }
#index dt .icn { position: absolute; right: 26px; top: 10px; }
#index dt .icnUseful { position: absolute; right: 21px; top: 10px; }
#index li { padding: 20px 20px 20px 65px; position: relative; border-bottom: 1px solid #cf0f28; cursor: pointer; line-height: 1.5; height: 33px; }
#index li:hover { color: #cf0f28; }
#index li img { position: absolute; left: 20px; top: 20px; }

#backToIndex { position: absolute; left: -1px; top: 0; border-bottom: 1px solid #cf0f28; border-left: 1px solid #cf0f28; cursor: pointer; background: #fff; display: none; }
#lowerNav { position: absolute; left: -1px; bottom: 0; border-top: 1px solid #cf0f28; border-left: 1px solid #cf0f28; width: 380px; padding: 20px 30px 20px 20px; background: #fff; display: none; }
#lowerNav ul { overflow: hidden; float: left; }
#lowerNav ul li { float: left; width: 19px; height: 19px; overflow: hidden; margin: 0 10px 0 0; position: relative; cursor: pointer; }
#lowerNav ul li img { position: absolute; top: 0; }
#lowerNav ul li.A img { left: 0px; }
#lowerNav ul li.B img { left: -19px; }
#lowerNav ul li.C img { left: -38px; }
#lowerNav ul li.D img { left: -57px; }
#lowerNav ul li.E img { left: -76px; }
#lowerNav ul li.F img { left: -95px; }
#lowerNav ul li:hover img { top: -19px; }
#lowerNav ul li.cur img { top: -19px; }
#lowerNav p { float: right; }



.route { position: absolute; left: -1px; top: 51px; width: 430px; height: 540px; overflow: hidden; background: #fff; border-left: 1px solid #cf0f28; display: none; }
.route h3 { font-weight: normal; position: absolute; left: 20px; top: 20px; padding: 0 52px 0 45px; line-height: 1.5; }
.route h3 img { position: absolute; left: 0; top: 0; }
.route .icnCategory { position: absolute; right: 30px; top: 20px; border: 1px solid #cf0f28; }
.route .lead { position: absolute; left: 20px; top: 70px; font-size: 10px; line-height: 1.6; color: #cf0f28; }
.route .scroll { position: absolute; left: 20px; top: 111px; height: 318px; width: 410px; overflow: hidden; }
.route .scroll ol li { background: url(/wp-content/themes/mimt/assets/img/common/line.png) no-repeat left bottom; line-height: 1.8; padding: 10px 0 15px 29px; width: 351px; position: relative; cursor: pointer; }
.route .scroll ol li span { position: absolute; left: 0px; top: 10px; width: 19px; height: 19px; overflow: hidden; }
.route .scroll ol li span img { position: absolute; left: 0px; top: 0px; }
.route .scroll ol li small { font-size: 10px; line-height: 1.8; display: block; }
.route .scroll ol li:last-child { background: none; padding-bottom: 10; }
.route .scroll ol li.cur { color: #cf0f28; }
.route .scroll ol li.cur span img { position: absolute; left: 0px; top: -19px; }
.route .scroll ol li:hover { color: #cf0f28; }
.infobox {   width: 244px;
  height: 142px;
  position: absolute;
  background: url(/wp-content/themes/mimt/assets/img/common/arrow_down.png) no-repeat center bottom;
  padding: 0 0 6px;
  -webkit-animation: animationName 1.5s ease-in 1;
  -webkit-transform-origin: center bottom;
}
.infobox.up {
  background: url(/wp-content/themes/mimt/assets/img/common/arrow_up.png) no-repeat center top;
  padding: 6px 0 0 ;
}

@-webkit-keyframes animationName {
  0%   { -webkit-transform: scale(0.5); opacity: 0; }
  10%   { -webkit-transform: scale(1.1); opacity: 1 }
  20%  { -webkit-transform: scale(1); }
  100%  { -webkit-transform: scale(1); }
}

.infobox img {
  display: block;
  border: 1px solid #ce102a;
}

#lower { overflow: hidden; padding: 40px 30px!important; }
#lower .float { margin: 0 0 0 30px!important; }
#lower #thumb { margin: 0 0 35px; }
#lower section h2 { line-height: 1.1; }
#lower section h3 { font-weight: normal; }
#lower section { margin: 0 0 10px; }
#lower section.address { margin: 0 0 20px; }
#lower section .discList { margin: 0 0 10px 15px; }
#lower section .discList:last-child { margin: 0 0 0 15px;}




/*　追加項目 */
#lower section iframe{max-width:100%;max-height:100%;}
/* 追加項目終わり */

#maps { display: none; width: 540px; height: 540px; position: absolute; left: 0; top: 0; }
#maps .base { position: absolute; left: 0; top: 0; z-index: 1; }
#maps .maps { width: 540px; height: 540px; position: absolute; left: 0; top: 0; z-index: 2; display: none; }
#maps .maps .line { position: absolute; left: 0; top: 0; }
#maps .maps li { position: absolute; left: 0; top: 0; }
#maps .maps li .n { width: 19px; height: 19px; overflow: hidden; position: absolute; left: 0; top: 0; border: 1px solid #fff; z-index: 2; cursor: pointer; }
#maps .maps li .n img { position: absolute; left: 0; top: 0px; }
#maps .maps li .infobox { position: absolute; left: -112px; top: -149px; display: none; }
#maps .maps li.cur { z-index: 3;}
#maps .maps li.cur .n img { top: -19px; }
#maps .maps li .n.cur img { top: -19px; }
#maps .maps li.cur .infobox { display: block; }

#maps .A .line { left: 82px; top: 219px;}
#maps .A .n1 { left: 185px; top: 309px;}
#maps .A .n2 { left: 208px; top: 230px;}
#maps .A .n3 { left: 77px; top: 240px;}
#maps .A .n4 { left: 104px; top: 193px;}
/* #maps .A .n5 { left: 62px; top: 206px; } */
#maps .A .n3 .infobox { left: -65px; background-position: 70px 100%; -webkit-transform-origin: 70px 100%; }
#maps .A .n4 .infobox { left: -93px; background-position: 98px 100%; -webkit-transform-origin: 98px 100%; }

#maps .B .line { left: 80px; top: 220px; }
#maps .B .n1 { left: 282px; top: 257px; }
#maps .B .n2 { left: 235px; top: 233px; }
#maps .B .n3 { left: 82px; top: 240px; }
#maps .B .n4 { left: 110px; top: 224px; }
#maps .B .n5 { left: 62px; top: 206px; }
#maps .B .n3 .infobox { left: -65px; background-position: 70px 100%; -webkit-transform-origin: 70px 100%; }
#maps .B .n4 .infobox { left: -93px; background-position: 98px 100%; -webkit-transform-origin: 98px 100%; }
#maps .B .n5 .infobox { left: -25px; background-position: 30px 100%; -webkit-transform-origin: 30px 100%; }

#maps .C .line { left: 82px; top: 219px;}
#maps .C .n1 { left: 185px; top: 309px;}
#maps .C .n2 { left: 208px; top: 230px;}
#maps .C .n3 { left: 77px; top: 240px;}
#maps .C .n4 { left: 104px; top: 193px;}
/* #maps .C .n5 { left: 62px; top: 206px; } */
#maps .C .n3 .infobox { left: -65px; background-position: 70px 100%; -webkit-transform-origin: 70px 100%; }
#maps .C .n4 .infobox { left: -93px; background-position: 98px 100%; -webkit-transform-origin: 98px 100%; }

#maps .D .line { left: 80px; top: 219px; }
#maps .D .n1 { left: 326px; top: 313px; }
#maps .D .n2 { left: 202px; top: 283px; }
#maps .D .n3 { left: 192px; top: 254px; }
#maps .D .n4 { left: 139px; top: 265px; }
#maps .D .n5 { left: 166px; top: 240px; }
#maps .D .n6 { left: 140px; top: 228px; }
#maps .D .n7 { left: 76px; top: 246px; }
#maps .D .n8 { left: 115px; top: 207px; }
#maps .D .n9 { left: 62px; top: 206px; }
#maps .D .n7 .infobox { left: -25px; background-position: 30px 100%; -webkit-transform-origin: 30px 100%; }
#maps .D .n8 .infobox { left: -65px; background-position: 70px 100%; -webkit-transform-origin: 70px 100%; }
#maps .D .n9 .infobox { left: -25px; background-position: 30px 100%; -webkit-transform-origin: 30px 100%; }

#maps .E .line { left: 80px; top: 104px; }
#maps .E .n1 { left: 357px; top: 108px; }
#maps .E .n2 { left: 233px; top: 81px; }
#maps .E .n3 { left: 100px; top: 81px; }
#maps .E .n4 { left: 73px; top: 171px; }
#maps .E .n5 { left: 62px; top: 206px; }
#maps .E .n3 .infobox.up { left: -85px; top:25px; background-position: 90px 0px; -webkit-transform-origin: 90px 0; }
#maps .E .n4 .infobox.up { left: -62px; top:25px; background-position: 66px 0px; -webkit-transform-origin: 66px 0; }
#maps .E .n5 .infobox { left: -50px; background-position: 55px 100%; -webkit-transform-origin: 30px 100%; }

#maps .F .map { position: absolute; left: 287px; top: 177px; width: 236px; height: 345px; }
#maps .F .line { left: 79px; top: 219px; }
#maps .F .text { position: absolute; left: 111px; top: 154px; }
#maps .F .n1 { left: 411px; top: 444px; }
#maps .F .n2 { left: 432px; top: 478px; }
#maps .F .n3 { left: 471px; top: 432px; }
#maps .F .n4 { left: 116px; top: 207px; }
#maps .F .n5 { left: 62px; top: 206px; }
#maps .F .n1 .infobox { left: -156px; background-position: 161px 100%; -webkit-transform-origin: 161px 100%; }
#maps .F .n2 .infobox { left: -156px; background-position: 162px 100%; -webkit-transform-origin: 162px 100%; }
#maps .F .n3 .infobox { left: -212px; background-position: 217px 100%; -webkit-transform-origin: 217px 100%; }
#maps .F .n4 .infobox { left: -100px; background-position: 107px 100%; -webkit-transform-origin: 107px 100%;}
#maps .F .n5 .infobox { left: -25px; background-position: 30px 100%; -webkit-transform-origin: 30px 100%; }

.en .route .scroll { position: absolute; left: 20px; top: 131px; height: 298px; width: 410px; overflow: hidden; }
.en .route h3 { font-weight: normal; position: absolute; left: 20px; top: 20px; padding: 0 0 0 45px; line-height: 1.5; margin: 0 0 20px; }
.en #B .lead { position: absolute; left: 20px; top: 90px; font-size: 10px; line-height: 1.6; color: #cf0f28; }