.fadeInUp{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:translateY(25px);transform:translateY(25px);transition:1s}.fancy-item{display:none}.fancybox-bg{background:rgba(0,0,0,.6)}.fancybox-button--close,.fancybox-slide--html .fancybox-close-small{z-index:0}.fancybox-button--close svg,.fancybox-slide--html .fancybox-close-small svg{display:none}.fancybox-content{overflow:hidden;background:transparent!important}.fancybox-slide{margin:0 auto;padding:0 10px}.jsModalClose{position:absolute;right:0;z-index:1;background:url(/assets/punitapi/images/dictionary/bg_close.png) 0 top no-repeat;background-size:100%;cursor:pointer}.jsModalClose:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.jsModalClose:hover img{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.jsModalClose img.jsBtnClose{position:relative;z-index:999}p.txtCatch{text-align:center}ul.dictionaryTapiCol{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between}ul.dictionaryTapiCol:after{content:"";display:block;height:0}ul.dictionaryTapiCol a{transition:all .2s}ul.dictionaryTapiCol a:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}ul.dictionaryTapiCol a:hover img{width:100%;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.tapiListWrapCol{background:url(/assets/punitapi/images/dictionary/bg_list.png) center top no-repeat;background-size:100%}.tapiListWrapCol a{text-decoration:none}.tapiListWrapCol a img{width:100%}.tapiListWrapCol a p{background-color:#00c5ff;border-radius:35px;color:#fff;font-weight:700;text-align:center;margin:5px 0;padding:10px 0}.tapiDetailWrapCol{position:relative;display:none}.tapiDetailWrapCol .tapiDetailCol{background-color:#ffdff0}.tapiDetailWrapCol .tapiDetailColInner h3{position:relative;color:#FFF;border-radius:5px;background:#75bbf5;width:100%;pointer-events:none;z-index:99;font-weight:700}.tapiDetailWrapCol .tapiDetailColInner h3:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;height:calc(100% + 2px);content:'';background:url(/assets/images/punitapi/icon_puni.png) left 50% no-repeat;background-size:45px 40px;pointer-events:none;z-index:2}.tapiDetailWrapCol .tapiDetailColInner h3:after{display:block;position:absolute;content:'';top:4px;left:4px;height:95%;width:99.8%;z-index:0;border:2px solid #ff6;border-radius:5px;pointer-events:none}.tapiDetailWrapCol .tapiDetailColInner h3 br{display:none}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li img{width:100%}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li:first-child{background:url(/assets/punitapi/images/dictionary/bg_list.png) center top no-repeat;background-size:100%}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li p{font-weight:500}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li dl{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-ms-flex-pack:space-around;background-color:#ffbbcf;border-radius:10px}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol{position:relative;display:-webkit-flex;display:flex;background-color:#fffcd8;border-radius:5px}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;height:calc(100% + 2px);content:'';background:url(/assets/punitapi/images/dictionary/bg_face_top.png) left top repeat-x;border-radius:5px 5px 0 0;pointer-events:none;z-index:2}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol li img{width:100%}@-webkit-keyframes purun{0%{-webkit-transform:scale(1,1) translate(0,0)}15%{-webkit-transform:scale(.9,.9) translate(0,5%)}30%{-webkit-transform:scale(1,.8) translate(0,10%)}50%{-webkit-transform:scale(.8,1) translate(0,-10%)}70%{-webkit-transform:scale(1,.9) translate(0,5%)}100%{-webkit-transform:scale(1,1) translate(0,0)}}@keyframes purun{0%{-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}15%{-webkit-transform:scale(.9,.9) translate(0,5%);transform:scale(.9,.9) translate(0,5%)}30%{-webkit-transform:scale(1,.8) translate(0,10%);transform:scale(1,.8) translate(0,10%)}50%{-webkit-transform:scale(.8,1) translate(0,-10%);transform:scale(.8,1) translate(0,-10%)}70%{-webkit-transform:scale(1,.9) translate(0,5%);transform:scale(1,.9) translate(0,5%)}100%{-webkit-transform:scale(1,1) translate(0,0);transform:scale(1,1) translate(0,0)}}@media only screen and (max-width:768px){.fancybox-content{padding:5vw 1vw 27vw}.jsModalClose{bottom:0;padding:0 0 5vw}.jsModalClose img.jsBtnClose{height:20vw}section{background:#ffdff0;border-radius:5px;margin:.5em 0 2em}p.txtCatch{padding:4vw 5vw 7vw}ul.dictionaryTapiCol{padding:2vw 2vw 0}ul .tapiList{width:32%;padding:0 0 2.5vw}ul .tapiList:last-child,ul .tapiList:nth-last-child(2),ul .tapiList:nth-last-child(3){padding:0}.tapiListWrapCol a p{height:11.5vw;font-size:10px;font-size:1rem;line-height:2;line-height:1.2}.tapiListWrapCol a p span{line-height:6.5vw}.tapiDetailWrapCol .tapiDetailCol{border:4px solid #fff33f;border-radius:3vw;padding:1.5vw .5vw 2vw}.tapiDetailWrapCol .tapiDetailColInner{max-height:65vh;overflow-y:scroll;padding:3.5vw}.tapiDetailWrapCol .tapiDetailColInner h3{display:block;font-size:18px;font-size:1.8rem;line-height:1.11111;margin:0 0 5vw;padding:4.5vw 4vw 3.2vw 14vw}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li:first-child{width:100%}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li:last-child{width:100%}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li h3{display:none}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li p{font-size:15px;font-size:1.5rem;line-height:1.33333;padding:3vw 0}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li dl{padding:0 1.5vw 0 0}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol{-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:4vw 0 0;padding:6.5vw 1vw 4vw}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol:before{background-size:18px}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol li{width:70%;padding:1vw 0}}@media only screen and (min-width:768px){.fancybox-content{max-width:980px!important;max-height:780px!important;padding:60px 75px 25px 55px}.jsModalClose{top:0;padding:0 0 22px;transition:all .2s}.jsModalClose:hover img{-webkit-animation:purun .8s linear 0s 1;animation:purun .8s linear 0s 1}.jsModalClose img.jsBtnClose{width:80px;height:80px}p.txtCatch{padding:2.8em 0 2.5em}ul.dictionaryTapiCol:after{width:565px}ul.dictionaryTapiCol a:hover img{-webkit-animation:purun .8s linear 0s 1;animation:purun .8s linear 0s 1}ul .tapiList{width:180px;padding:0 0 18px}ul .tapiList:last-child,ul .tapiList:nth-last-child(2),ul .tapiList:nth-last-child(3){padding:0}ul .tapiList:nth-last-child(4),ul .tapiList:nth-last-child(5){padding:0}.tapiListWrapCol a p{height:54px;line-height:1.2}.tapiListWrapCol a p span{line-height:34px}.tapiDetailWrapCol .tapiDetailCol{border:5px solid #fff33f;border-radius:20px;padding:25px}.tapiDetailWrapCol .tapiDetailColInner h3{display:none;font-size:22px;font-size:2.2rem;line-height:.90909;margin:0 0 20px;padding:20px 25px 15px 55px}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li:first-child{width:306px}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li:last-child{width:458px}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li h3{display:block}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li p{font-size:17px;font-size:1.7rem;line-height:1.17647;line-height:1.5;padding:0 0 20px}.tapiDetailWrapCol .tapiDetailColInner .detailTextCol li dl{position:absolute;bottom:0;width:100%;padding:0 15px 0 0}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol{-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-ms-flex-pack:space-around;margin:25px 0 0;padding:50px 35px 20px}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol:before{background-size:30px}.tapiDetailWrapCol .tapiDetailColInner .detailFaceCol li{width:27%}}