*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;background:none;border:0}html,body{display:block;width:100%;height:auto}body{margin:0}img{display:block}a{text-decoration:none}@keyframes zoom_in_out{0%{transform:scale(1)}10%{transform:scale(1.2)}20%{transform:scale(1)}100%{transform:scale(1)}}.frame_border{background-color:#fff;border:solid 1px #ccc;box-sizing:border-box}.ad_mark{position:relative}.ad_mark::before{content:"広告";position:absolute;top:0;left:0;display:inline-block;padding:2px 6px;background:rgba(0,0,0,0.5);color:#fff;font-size:10px;border-bottom-right-radius:4px;pointer-events:none;z-index:10}.frame_336_280{width:336px;height:280px;overflow:hidden}.frame_336_280 .frame_inner{position:relative;display:block;width:100%;height:100%}.frame_336_280 .image_box{position:relative;overflow:hidden}.frame_336_280 .image_box .fit_image{width:100%;height:auto;transform-origin:center center;animation:zoom_in_out 5s ease-in-out infinite}.frame_336_280 .image_box .hover_show_box{position:absolute;left:0;bottom:0;width:100%;height:100%;padding:6px 8px;background:white;opacity:0;transition:opacity 0.3s ease-in-out;display:flex;justify-content:center;align-items:center}.frame_336_280 .image_box .hover_show_box .hover_text{color:#222;font-size:14px}.frame_336_280 .image_box:hover .hover_show_box{opacity:1}.frame_336_280 .content_box{padding:4px 8px}.frame_336_280 .title{max-height:40px;color:#222;font-size:14px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.frame_336_280 .info_box{color:#444;font-size:12px;margin-top:2px}.frame_336_280 .footer_box{position:absolute;height:22px;bottom:0;left:0;width:100%;border-top:solid 1px #e0e0e0;display:flex;align-items:center;justify-content:space-between}.frame_336_280 .footer_box .logo{height:12px;margin-left:8px}.frame_336_280 .footer_box .open_box{margin-right:8px;color:#eb145f;font-size:12px;font-weight:bold}.frame_336_280 .footer_box .arrow_right{margin-left:4px}.frame_640_100{width:100%;max-width:640px;overflow:hidden}.frame_640_100 .frame_inner{position:relative;display:flex;width:100%;height:100%;flex-direction:row}.frame_640_100 .image_box{position:relative;overflow:hidden;width:174px;flex-shrink:0}.frame_640_100 .image_box .fit_image{width:auto;height:100%;object-fit:cover;object-position:center;transform-origin:center center;animation:zoom_in_out 5s ease-in-out infinite}.frame_640_100 .content_box{position:relative;flex:1;min-width:0;padding:6px 12px}.frame_640_100 .content_box .hover_show_box{position:absolute;left:0;bottom:0;width:100%;height:100%;padding:4px 12px;background:white;opacity:0;transition:opacity 0.3s ease-in-out;display:flex;justify-content:center;align-items:center}.frame_640_100 .content_box .hover_show_box .hover_text{color:#222;font-size:14px}.frame_640_100 .content_box:hover .hover_show_box{opacity:1}.frame_640_100 .content_box .open_box{position:absolute;bottom:4px;right:8px;color:#eb145f;font-size:12px;font-weight:bold}.frame_640_100 .content_box .arrow_right{margin-left:4px}.frame_640_100 .title{max-height:40px;color:#222;font-size:14px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.frame_640_100 .info_box{color:#444;font-size:12px;margin-top:2px}.frame_640_100 .price{color:#444;font-size:14px;font-weight:bold}.frame_640_100 .end_box{position:relative;border-left:solid 1px #e0e0e0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.frame_640_100 .end_box .logo{height:16px;margin:0 20px}.frame_640_100 .responsive_image{width:100%;max-height:98px}.frame_320_100{width:320px;height:100px;overflow:hidden}.frame_320_100 .frame_inner{position:relative;display:flex;width:100%;height:100%;flex-direction:row}.frame_320_100 .flex_item{flex:1}.frame_320_100 .image_box{width:100%;height:100%;position:relative;overflow:hidden}.frame_320_100 .image_box .fit_image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center center;animation:zoom_in_out 5s ease-in-out infinite}.frame_320_100 .content_box{position:relative;padding:6px 12px}.frame_320_100 .title{max-height:40px;color:#222;font-size:14px;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.frame_320_100 .info_box{color:#444;font-size:12px;margin-top:2px}.frame_320_100 .price{color:#444;font-size:14px;font-weight:bold}@media (max-width: 576px){.frame_640_100 .end_box{display:none}}