@charset "UTF-8";
.pentagonWrapper {
  width: 1000px;
  margin: -200px auto 0;
  position: relative; }
  .pentagonWrapper #polyWrapper {
    width: 720px;
    height: 780px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    .pentagonWrapper #polyWrapper .trapezoid {
      stroke: #b3b3b3;
      stroke-width: 2; }
    .pentagonWrapper #polyWrapper .vertex {
      fill: #b3b3b3; }
    .pentagonWrapper #polyWrapper .linkPoly {
      transition: 0.5s; }
    .pentagonWrapper #polyWrapper .mouseon {
      opacity: 0.5; }
    .pentagonWrapper #polyWrapper .selected {
      opacity: 1; }

#bs {
  width: 350px;
  height: 160px;
  top: 80px;
  left: 565px; }

#cc {
  width: 300px;
  height: 160px;
  top: 430px;
  left: 695px; }

#ict {
  width: 432px;
  height: 160px;
  top: 650px;
  left: 284px; }

#tc {
  width: 380px;
  height: 160px;
  top: 430px;
  left: -45px; }

#cbl {
  width: 350px;
  height: 160px;
  top: 80px;
  left: 85px; }

.sec {
  position: absolute; }

.conNameWrapper {
  position: relative;
  z-index: 2; }
  .conNameWrapper .conNameEn {
    font-family: "arial";
    font-size: 20px;
    letter-spacing: 1; }
  .conNameWrapper .conNameJa {
    font-family: "Times New Roman";
    font-size: 12px;
	text-align:center; }
  .conNameWrapper .vertex {
    fill: #b3b3b3; }
  .conNameWrapper polyline {
    fill: none;
    stroke: #b3b3b3;
    stroke-miterlimit: 10; }

.rollWrapper {
  width: 80px;
  height: 80px;
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transform-origin: 50% 50% 0;
  -moz-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-animation: rolling 3s linear infinite;
  animation: rolling 3s linear infinite;
  z-index: 10; }
  .rollWrapper .vertex {
    fill: #b3b3b3; }
  .rollWrapper .inCircle {
    fill: none;
    stroke: #999;
    stroke-width: 1; }
  .rollWrapper .rolling {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0; }
  .rollWrapper .roll {
    fill: #dadada; }
  .rollWrapper a {
    display: block;
    width: 80px;
    height: 80px;
    position: relative;
    z-index: 100; }

.lity {
  background: #fff;
  background: rgba(255, 255, 255, 0.97); }
  .lity .lity-wrap {
    height: auto;
    margin: 0 auto;
    position: absolute;
    overflow: hidden; 

  }
    .lity .lity-wrap .lity-container {
      width: 100%;
      max-width: 100%;
      max-height: 9999px; }
      .lity .lity-wrap .lity-container .lity-content::after {
        -webkit-box-shadow: none;
        box-shadow: none; }
      .lity .lity-wrap .lity-container .lity-content + .lity-close {
        width: 58px;
        height: 58px;
        background-image: url(../images/division/modalClose.png);
        text-indent: -9999px;
        position: absolute;
        top: 20px;
        right: 30px; }


      .lity-wrap:before{
        height:auto;
      }

/*.modal {
  max-height: 9999px !important; }*/
  .modal .headCon {
    width: 1200px;
    margin: 80px auto 0;
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative; }
    .modal .headCon h2 {
      position: relative;
      z-index: 10; }
      .modal .headCon span.tourCon{
        display: block;
        margin:50px 0 20px 0;
      }
      .modal .headCon h2::before {
        content: url(../images/division/division_black.png);
        display: block;
        margin-bottom: 35px; }
      .modal .headCon h2::after {
        display: block;
        margin-top: 10px; }
      .modal .headCon h2 span {
        line-height: 1;
        font-family: "じゅん 501";
        font-size: 110px; }
    .modal .headCon dl {
      width: 465px;
      /*margin-top: 55px;*/
      position: relative;
      z-index: 10; }
      .modal .headCon dl dt {
        line-height: 1.6;
        font-size: 26px;
        font-weight: bold; }
      .modal .headCon dl dd {
        margin-top: 40px;
        line-height: 2;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif; }
    .modal .headCon .bg {
      position: absolute;
      right: 0;
      bottom: 0; }
    .modal .headCon .txtAnime {
      display: inline-block;
      width: 1200px;
      background-color: #fff;
      position: absolute;
      right: 0;
      z-index: 999; }
    .modal .headCon .txtAnime1 {
      height: 26px;
      top: 0; }
    .modal .headCon .txtAnime2 {
      height: 120px;
      top: 62px; }
    .modal .headCon .txtAnime3 {
      height: 124px;
      top: 181px; }
    .modal .headCon .txtAnime4 {
      height: 24px;
      top: 311px; }
  .modal .siteWrapper {
    margin-top: 80px; }
    .modal .siteWrapper .inner {
      width: 1200px;
      margin: 0 auto; }
    .modal .siteWrapper ul {
      margin-top: 20px;
      overflow: hidden; }
      .modal .siteWrapper ul li {
        width: 50%;
        height: 140px;
        box-sizing: border-box;
        font-size: 20px;
        float: left; }
        .modal .siteWrapper ul li:nth-child(even) {
          border-left: none; }
        .modal .siteWrapper ul li:nth-child(n+3) {
          border-top: none; }
        .modal .siteWrapper ul li a {
          display: block;
          width: 100%;
          height: 140px;
          color: #000;
          position: relative;
          transition: 0.3s;
          -webkit-transform-origin: center top;
          transform-origin: center top;
          -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
          opacity: 0;
          border: 1px solid #ccc; }
          .modal .siteWrapper ul li a::after {
            content: url(../images/division/icon_site.png);
            width: 38px;
            height: 38px;
            position: absolute;
            top: 51px;
            right: 80px; }
		   .modal .siteWrapper ul li:hover {
			opacity:0.6; }
           .modal .siteWrapper ul li a:hover {
            color: #fff;
            background-color: #fff; }
            .modal .siteWrapper ul li a:hover::after {
              content: url(../images/division/icon_site_on.png); }
          .modal .siteWrapper ul li a p {
			  text-align:center;
            line-height: 140px; 
            font-family: 'Montserrat','秀英角ゴシック銀 L', sans-serif;
            font-size: 15px;
			padding: 39px 0;}
			
	/* モーダル2 */
	
	.modal .siteWrapper2 {
    margin-top: 80px; }
    .modal .siteWrapper2 .inner {
      width: 1200px;
      margin: 0 auto; }
    .modal .siteWrapper2 ul {
      margin-top: 20px;
      overflow: hidden; }
	.modal .siteWrapper2 ul li {
        width: 100% !important;
        height: 140px;
        box-sizing: border-box;
        font-size: 20px;
        float: left; }
        .modal .siteWrapper2 ul li:nth-child(even) {
          border-left: none; }
        .modal .siteWrapper2 ul li:nth-child(n+3) {
          border-top: none; }
        .modal .siteWrapper2 ul li a {
          display: block;
          width: 100%;
          height: 140px;
          color: #000;
          position: relative;
          transition: 0.3s;
          -webkit-transform-origin: center top;
          transform-origin: center top;
          -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
          opacity: 0;
          border: 1px solid #ccc; }
          .modal .siteWrapper2 ul li a::after {
            content: url(../images/division/icon_site.png);
            width: 38px;
            height: 38px;
            position: absolute;
            top: 51px;
            right: 80px; }
		   .modal .siteWrapper2 ul li:hover {
			opacity:0.6; }			
          .modal .siteWrapper2 ul li a:hover {
            color: #fff;
            background-color: #fff; }
            .modal .siteWrapper2 ul li a:hover::after {
              content: url(../images/division/icon_site_on.png); }
          .modal .siteWrapper2 ul li a p {
      			  text-align: center;
              line-height: 140px;
              font-family: 'Montserrat', sans-serif;
              font-size: 14px;
              padding: 39px 0;}		
			
			.modal .siteWrapper2 .close {
      width: 100%;
      height: 122px; }
      .modal .siteWrapper2 .close span {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        background-image: url(../images/division/btn_back.png);
        background-repeat: no-repeat;
        background-position: center;
        position: inherit;
        top: inherit;
        right: inherit; }
			
			
			
			
    .modal .siteWrapper .close {
      width: 100%;
      height: 122px; }
      .modal .siteWrapper .close span {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        background-image: url(../images/division/btn_back.png);
        background-repeat: no-repeat;
        background-position: center;
        position: inherit;
        top: inherit;
        right: inherit; }

    #m_tour {
      width: 100%;
     /* height: 660px ;*/
     height: 9999999px;
     min-height: 667px !important;
    }

@-webkit-keyframes rolling {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rolling {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*# sourceMappingURL=customize.css.map */