﻿#top .effect li .box{position:relative}@media (min-width: 768px){#top .effect li:hover .caption{opacity:1;transform:translate(-50%, -50%)}#top .effect li:hover .tilter__cover{display:none}#top .effect li:hover .tilter__deco--overlay{z-index:2;width:100%;height:100%}#top .effect li:hover .tilter__deco--overlay::after{background:#000;opacity:0.6;content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-in-out}#top .effect li:hover .tilter__image{display:block;z-index:-2}#top .effect li:hover .tilter__caption{z-index:9}#top .effect li .tilter__image{display:none}}@media (max-width: 767px){#top .effect li{width:50%;padding:0 6px;margin-bottom:12px}}#top .effect li a{width:100%;height:auto;font-size:13px;margin:0;perspective:150px !important;transition:perspective 0.2s ease}@media (min-width: 768px){#top .effect li a:hover{opacity:1}#top .effect li a:hover .tilter__deco--overlay{opacity:1}#top .effect li a:hover .tilter__deco--dot{opacity:1}}#top .effect li a .tilter__figure{position:relative}#top .effect li a .tilter__figure::before{display:none}@media (max-width: 767px){#top .effect li a .tilter__figure{display:none}}#top .effect li a .tilter__cover{display:block}#top .effect li a .tilter__cover span{display:block;width:100%;background-repeat:no-repeat;background-size:cover;background-position:top center;object-fit:cover;position:relative}#top .effect li a .tilter__cover span:before{display:block;content:" ";width:100%;padding-top:69.28571%}#top .effect li a .tilter__cover span>.content{position:absolute;top:0;left:0;right:0;bottom:0}#top .effect li a .tilter__cover img{width:100%;height:100%;object-fit:cover}#top .effect li a .tilter__figure>*{transform:translateZ(0px)}#top .effect li a .tilter{display:block;position:relative;width:300px;height:215px;color:#fff;flex:none;perspective:1000px}#top .effect li a .tilter__image{width:100%;background-repeat:no-repeat;background-size:cover;background-position:top center;opacity:0.5;position:relative;background:url("../../img/common/bg_dot.png") repeat;z-index:-1}#top .effect li a .tilter__image:before{display:block;content:" ";width:100%;padding-top:69.28571%}#top .effect li a .tilter__image>.content{position:absolute;top:0;left:0;right:0;bottom:0}#top .effect li a .tilter__deco--dot{position:relative}#top .effect li a .tilter__deco--overlay{background-repeat:no-repeat;background-size:cover;background-position:top center}#top .effect li a .tilter__deco--overlay span{display:block;background-repeat:no-repeat;background-size:cover;background-position:top center;object-fit:cover;position:relative}#top .effect li a .tilter__deco--overlay span:before{display:block;content:" ";width:100%;padding-top:69.28571%}#top .effect li a .tilter__deco--overlay span>.content{position:absolute;top:0;left:0;right:0;bottom:0}#top .effect .caption{pointer-events:none;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, 100%);transition:transform 0.3s ease-out;text-align:center;width:85%;opacity:0}#top .effect .caption .title,#top .effect .caption .description{color:#fff}#top .effect .caption .title{font-size:13px;font-size:1.3rem;text-align:center;width:100%;font-family:"Noto Sans JP","游ゴシック体","游ゴシック","YuGothic","Yu Gothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif}@media (max-width: 767px){#top .effect .caption .title{display:none}}#top .effect .caption .description{font-size:10px;font-size:1rem;text-align:center;font-family:"Noto Sans JP","游ゴシック体","游ゴシック","YuGothic","Yu Gothic","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif}@media (max-width: 767px){#top .effect .caption .description{display:none}}#top .pick-up .effect li a{perspective:500px !important}

/*# sourceMappingURL=maps/effect.min.css.map */
