.tenpo-image-accordion{width:100%;overflow:hidden}.tenpo-image-accordion ul{width:100%;display:table;table-layout:fixed;margin:0;padding:0}.tenpo-image-accordion ul:not(:hover) li{width:10%}.tenpo-image-accordion ul:not(:hover) li:first-child{width:60%}.tenpo-image-accordion ul:not(:hover) li:first-child .link-icon{display:inline-block}.tenpo-image-accordion ul:not(:hover) li:first-child a>div{opacity:1;writing-mode:initial;transform:rotate(0);-webkit-transform:rotate(0)}.tenpo-image-accordion ul:not(:hover) li:first-child a p{display:block}.tenpo-image-accordion ul li{display:table-cell;vertical-align:bottom;position:relative;width:10%;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:all 500ms ease}.tenpo-image-accordion ul li div{display:block;overflow:hidden;width:100%}.tenpo-image-accordion ul li div a{display:flex;align-items:flex-end;width:100%;position:relative;z-index:3;vertical-align:bottom;padding:15px 20px;box-sizing:border-box;color:#fff;text-decoration:none;transition:all 200ms ease}.tenpo-image-accordion ul li div a .link-icon{display:none;font-size:20px;position:absolute;top:11px;margin-left:24px;border:1.5px solid;border-radius:50%;padding:6px}.tenpo-image-accordion ul li div a>div{margin:0;width:100%;text-overflow:ellipsis;position:relative;z-index:5;white-space:nowrap;overflow:hidden;-webkit-transition:all 400ms ease;transition:all 400ms ease;writing-mode:vertical-rl;transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}.tenpo-image-accordion ul li div a h2,.tenpo-image-accordion ul li div a h3{text-overflow:clip;font-size:24px;text-transform:uppercase;margin-bottom:2px;top:160px}.tenpo-image-accordion ul li div a p{display:none;top:160px;font-size:13.5px}.tenpo-image-accordion ul:hover li{width:10%}.tenpo-image-accordion ul:hover li:hover{width:60%}.tenpo-image-accordion ul:hover li:hover .link-icon{display:inline-block}.tenpo-image-accordion ul:hover li:hover a>*{writing-mode:initial;transform:rotate(0);-webkit-transform:rotate(0)}.tenpo-image-accordion ul:hover li:hover a p{display:block}@media screen and (max-width: 576px){.tenpo-image-accordion{height:auto}.tenpo-image-accordion ul li,.tenpo-image-accordion ul li:hover,.tenpo-image-accordion ul:hover li,.tenpo-image-accordion ul:hover li:hover{position:relative;display:table;table-layout:fixed;width:100%;-webkit-transition:none;transition:none}}

/*# sourceMappingURL=image-accordion.css.map */