.ccm-page .tab-panel2 .cloudimage-360 {
  display:inherit;
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-prev, .ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-next {
    padding: 8px;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 4px;
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-prev:focus, .ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-next:focus {
    outline: none;
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-prev,
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-next {
    display: none;
    position: absolute;
    z-index: 1;
    top: calc(50% - 15px);
    cursor: pointer;
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-prev {
    left: 20px;
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-next {
    right: 20px;
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-prev:before, .ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-next:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: 50% 50% / cover no-repeat;
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-prev:before {
    background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-left.svg');
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-next:before {
    background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-right.svg');
}
.ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-prev.not-active, .ccm-page .tab-panel2 .cloudimage-360 .cloudimage-360-next.not-active {
    opacity: 0.4;
    cursor: default;
}
.ccm-page .tab-panel2 .tab-group{
  z-index: 1;
}
.ccm-page .tab-panel2 .tab{
  flex-grow: 1;
  padding:5px;
  list-style:none;
  text-align:center;
  cursor:pointer;
}
.ccm-page .tab-panel2 .tab img{
  width: 100%;
}
.ccm-page .tab-panel2 .tab span{
  font-size: 0.8rem;
}
.ccm-page .tab-panel2 .panel-group{
  height:100%;
  border-top:none;
}
.ccm-page .tab-panel2 .panel canvas,
.ccm-page .tab-panel2 .panel .cloudimage-360-view-360-icon{
  opacity: 0;
  transition: all 0s ease-out;
}
.ccm-page .tab-panel2 .panel canvas{
  position: absolute;
}
.ccm-page .tab-panel2 .tab.is-active{
  transition: all 0.2s ease-out;
}
.ccm-page .tab-panel2 .panel.is-show canvas,
.ccm-page .tab-panel2 .panel.is-show .cloudimage-360-view-360-icon{
  opacity: 1;
}
.ccm-page .tab-panel2 .panel.is-show canvas{
  position: inherit;
}
/*　スマホ（スマートフォン・タブレット）・タブレット用
---------------------------------------------------------------------*/
@media (max-width: 768px) {
  .ccm-page .tab-panel2 .cloudimage-360 .cloudimage-inner-box canvas{
        width: 100% !important;
        height: auto !important;
    }
    .ccm-page .tab-panel2 .tab-group{
      display: flex;
      justify-content: center;
      width: 100%;
    }
    .ccm-page .tab-panel2 .panel-group{
      width: 100%;
      height: auto;
      margin-bottom: 32px;
    }
}
/*　パソコン（PC）用
---------------------------------------------------------------------*/
@media (min-width: 769px) {
  .ccm-page .tab-panel2 .tab-group{
    width: 24%;
  }
  .ccm-page .tab-panel2 .tab{
    width: 48%;
  }
  .ccm-page .tab-panel2 .panel-group{
    width: 72%;
  }
}