1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 5<meta name="format-detection" content="telephone=no"> 6<title>ã°ã©ãã¢ã¢ã¤ãã«DVDããã«ã¼ã¬ã¤ãåç» ã¢ã¤ãã«ã¯ã³ï¼i-oneï¼å ¬å¼ãµã¤ã</title> 7<link rel="stylesheet" type="text/css" href="/css/tailwind-top.css?v=20260805-0852"/><!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 7-8
7 8<script async src="https://www.googletagmanager.com/gtag/js?id=
8G-0EB68646SC
vendor: 12 bytes, line 8
8"></script>
9<script> 10
vendor: 134 bytes, lines 10-14
10window.dataLayer = window.dataLayer || []; 11 function gtag(){dataLayer.push(arguments);} 12 gtag('js', new Date()); 13 14 gtag('config', '
14G-0EB68646SC
vendor: 10 bytes, lines 14-17
14'); 15 16 17
17window.Qwt = window.Qwt || {}; 18 window.Qwt.sendGaEvent = (event_name, options) => { 19 gtag('event', event_name, options); 20 }; 21 22 window.Qwt.sendItemPurchaseClickEvent = (item_id, type) => { 23 Qwt.sendGaEvent(`item_cv_click__${type}`, { 24 item_id: item_id, 25 }); 26 }; 27</script>
27 28<link href="/favicon.ico" type="image/x-icon" rel="icon"/><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"/><link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-precomposed.png"> 29<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 30<link rel="manifest" href="/manifest.json"> 31</head> 32<body class="font-sans bg-white"> 33<div class="min-h-screen flex flex-col bg-white pt-[25dvw] md:pt-1 md:px-1"> 34<!-- ============ SP HEADER (fixed) ============ --> 35<header class="md:hidden fixed top-0 left-0 right-0 z-40 bg-white shadow-sm h-[13dvw] flex items-center gap-[2.5dvw] px-[4dvw] transition-colors duration-300" data-sp-header> 36 <div class="navbar-logo flex items-center shrink-0"> 37 <a href="/" class="sprite-img">ã¢ã¤ãã«ã¯ã³</a> 38 </div> 39 <!-- ãã¼ã¯ã¼ãæ¤ç´¢ï¼PC ã¯å·¦ãµã¤ããã¼ã«æ¢åãã¯ã©ã¤ã¢ã³ãè¦æã§ãã³ãã¼ã¬ã¼ã®å·¦ã«ç§»è¨ï¼--> 40 <form method="get" action="/dvd" class="flex-1 min-w-0 flex items-center h-[8.5dvw] border border-gray-300 rounded overflow-hidden bg-white"> 41 <input type="text" name="q" placeholder="ãã¼ã¯ã¼ããå ¥å" class="flex-1 min-w-0 h-full pl-2 text-[3.1dvw] outline-none text-gray-700 bg-transparent"> 42 <button type="submit" class="shrink-0 h-full px-2.5 bg-[#ff3c91] text-white flex items-center justify-center" aria-label="æ¤ç´¢"> 43 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> 44 </button> 45 </form> 46 <button type="button" class="text-[#ff3c91] p-1 cursor-pointer shrink-0" data-sp-menu-trigger aria-label="ã¡ãã¥ã¼"> 47 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg> 48 </button> 49</header> 50 51<!-- ============ SP QUICK NAVï¼ãããã¼ç´ä¸ã«åºå®ã®å¤§ãããã¯4ã¤ï¼============ --> 52<nav class="md:hidden fixed top-[13dvw] left-0 right-0 z-30 h-[12dvw] bg-[#111] border-b border-[#ff3c91] grid grid-cols-4"> 53 <a href="/event" class="flex flex-col items-center justify-center gap-[1.2dvw] text-white active:bg-[#ff3c91] transition-colors"> 54 <svg xmlns="http://www.w3.org/2000/svg" class="w-[5dvw] h-[5dvw]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> 55 <span class="text-[2.4dvw] font-bold leading-none">ã¤ãã³ãæ å ±</span> 56 </a> 57 <a href="/sample-movie" class="flex flex-col items-center justify-center gap-[1.2dvw] text-white active:bg-[#ff3c91] transition-colors border-l border-gray-700"> 58 <svg xmlns="http://www.w3.org/2000/svg" class="w-[5dvw] h-[5dvw]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8"/></svg> 59 <span class="text-[2.4dvw] font-bold leading-none">ãµã³ãã«åç»</span> 60 </a> 61 <a href="https://i-one.tv" target="_blank" rel="noopener" class="flex flex-col items-center justify-center gap-[1.2dvw] text-white active:bg-[#ff3c91] transition-colors border-l border-gray-700"> 62 <svg xmlns="http://www.w3.org/2000/svg" class="w-[5dvw] h-[5dvw]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="15" rx="2" ry="2"/><polyline points="17 2 12 7 7 2"/></svg> 63 <span class="text-[2.4dvw] font-bold leading-none">I-ONE TV</span> 64 </a> 65 <a href="https://idolone.base.shop/" target="_blank" rel="noopener" class="flex flex-col items-center justify-center gap-[1.2dvw] text-white active:bg-[#ff3c91] transition-colors border-l border-gray-700"> 66 <svg xmlns="http://www.w3.org/2000/svg" class="w-[5dvw] h-[5dvw]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg> 67 <span class="text-[2.4dvw] font-bold leading-none">ãªã³ã©ã¤ã³ã·ã§ãã</span> 68 </a> 69 </nav> 70 71<!-- ============ SP FABï¼ãã¼ã ãã¿ã³ï¼============ --> 72<a href="/" class="md:hidden fixed bottom-6 right-4 w-[12dvw] h-[12dvw] bg-[#ff3c91] rounded-full shadow-[0_4px_12px_rgba(228,0,108,0.4)] flex items-center justify-center text-white z-40 hover:scale-110 transition-transform active:scale-95" aria-label="ãã¼ã "> 73 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg> 74</a> 75 76<!-- ============ SP FULLSCREEN MENU ============ --> 77<div class="md:hidden fixed inset-0 z-[100] bg-white transition-opacity duration-300 flex flex-col opacity-0 pointer-events-none data-[open=true]:opacity-100 data-[open=true]:pointer-events-auto" data-sp-menu data-open="false"> 78 <!-- ã¡ãã¥ã¼ä¸é¨ãã¼ï¼SP ãããã¼ã¨åãé«ãã»åãã¹ãã©ã¤ããã´ã§çµ±ä¸ --> 79 <div class="flex justify-between items-center px-[4dvw] h-[13dvw] border-b border-gray-100 bg-white shadow-sm shrink-0"> 80 <div class="navbar-logo flex items-center"> 81 <a href="/" class="sprite-img">ã¢ã¤ãã«ã¯ã³</a> 82 </div> 83 <button type="button" class="p-1.5 bg-gray-100 text-gray-800 rounded-full hover:bg-gray-200 transition-colors" data-sp-menu-close aria-label="éãã"> 84 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg> 85 </button> 86 </div> 87 <div class="flex-1 overflow-y-auto pb-24"> 88 <div class="px-4 py-8 flex flex-col gap-6 bg-gradient-to-b from-pink-50/50 to-transparent items-center"> 89 <a href="/contact" class="bg-[#ee2233] text-white flex items-center justify-center gap-2 w-full max-w-[80dvw] py-3 rounded-full shadow-sm"> 90 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 6-10 7L2 6"/></svg> 91 <span class="text-[3.8dvw] font-bold">ãåãåãã</span> 92 </a> 93 </div> 94 95 <div class="bg-[#111] text-white flex flex-col border-y border-[#ff3c91]"> 96 <a href="/" class="py-3.5 px-5 text-[3.8dvw] font-bold border-b border-gray-800 last:border-b-0 flex items-center justify-between hover:bg-[#ff3c91] hover:text-white transition-colors w-full text-left"> 97 TOP <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500"><polyline points="9 18 15 12 9 6"/></svg> 98 </a> 99 <a href="/dvd" class="py-3.5 px-5 text-[3.8dvw] font-bold border-b border-gray-800 last:border-b-0 flex items-center justify-between hover:bg-[#ff3c91] hover:text-white transition-colors w-full text-left"> 100 DVD <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500"><polyline points="9 18 15 12 9 6"/></svg> 101 </a> 102 <a href="/bd" class="py-3.5 px-5 text-[3.8dvw] font-bold border-b border-gray-800 last:border-b-0 flex items-center justify-between hover:bg-[#ff3c91] hover:text-white transition-colors w-full text-left"> 103 Blu-ray <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500"><polyline points="9 18 15 12 9 6"/></svg> 104 </a> 105 <a href="/sample-movie" class="py-3.5 px-5 text-[3.8dvw] font-bold border-b border-gray-800 last:border-b-0 flex items-center justify-between hover:bg-[#ff3c91] hover:text-white transition-colors w-full text-left"> 106 ãµã³ãã«åç» <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500"><polyline points="9 18 15 12 9 6"/></svg> 107 </a> 108 <a href="/event" class="py-3.5 px-5 text-[3.8dvw] font-bold border-b border-gray-800 last:border-b-0 flex items-center justify-between hover:bg-[#ff3c91] hover:text-white transition-colors w-full text-left"> 109 ã¤ãã³ãæ å ± <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500"><polyline points="9 18 15 12 9 6"/></svg> 110 </a> 111 <a href="/idol" class="py-3.5 px-5 text-[3.8dvw] font-bold border-b border-gray-800 last:border-b-0 flex items-center justify-between hover:bg-[#ff3c91] hover:text-white transition-colors w-full text-left"> 112 ã¢ã¤ãã«ä¸è¦§ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-500"><polyline points="9 18 15 12 9 6"/></svg> 113 </a> 114 </div> 115 116 <div class="px-5 py-8 space-y-8"> 117 <div> 118 <div class="bg-[#222] text-white text-[3.3dvw] py-1.5 px-3 mb-3 font-bold text-center">ã¡ãã¥ã¼</div> 119 <ul class="text-[3.6dvw] text-gray-700 px-1"> 120 <li class="border-b border-dotted border-gray-300"> 121 <a href="/dvd" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 122 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>çºå£²ä¸ </a> 123 </li> 124 <li class="border-b border-dotted border-gray-300"> 125 <a href="/dvd/sale" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 126 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>æ°ä½ </a> 127 </li> 128 <li class="border-b border-dotted border-gray-300"> 129 <a href="/dvd/release" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 130 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>次åä½ </a> 131 </li> 132 <li class="border-b border-dotted border-gray-300"> 133 <a href="/dvd/making" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 134 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>å¶ä½ä¸ </a> 135 </li> 136 <li class="border-b border-dotted border-gray-300"> 137 <a href="/dvd/release_date" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 138 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>çºå£²å¹´ææ¥ </a> 139 </li> 140 </ul> 141 </div> 142 <div> 143 <div class="bg-[#222] text-white text-[3.3dvw] py-1.5 px-3 mb-3 font-bold text-center">ãå©ç¨ã¬ã¤ã</div> 144 <ul class="text-[3.6dvw] text-gray-700 px-1"> 145 <li class="border-b border-dotted border-gray-300"> 146 <a href="/update_hisotry" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 147 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>æ´æ°æ å ± </a> 148 </li> 149 <li class="border-b border-dotted border-gray-300"> 150 <a href="/info/privacy" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 151 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>å人æ å ±ä¿è·ã«ã¤ã㦠</a> 152 </li> 153 <li class="border-b border-dotted border-gray-300"> 154 <a href="/info/faq" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 155 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>ããããã質å </a> 156 </li> 157 <li class="border-b border-dotted border-gray-300"> 158 <a href="/info/company" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 159 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>ä¼ç¤¾æ¦è¦ </a> 160 </li> 161 <li class="border-b border-dotted border-gray-300"> 162 <a href="/contact" class="flex gap-2.5 items-center py-3 pl-1 active:bg-gray-50"> 163 <span class="text-[#ff3c91] text-[2.6dvw]">â¶</span>ãåãåãããã©ã¼ã </a> 164 </li> 165 </ul> 166 </div> 167 </div> 168 169 <!-- ã¢ã¤ãã«æ¨è¦ãã©ã¼ã ï¼ã¯ã©ã¤ã¢ã³ãæç¤ºã«ããã¡ãã¥ã¼æä¸é¨ã¸ï¼ --> 170 <div class="px-4 pt-2 pb-8 flex justify-center"> 171 <a href="/idol-recommend" class="w-full max-w-[80dvw]"> 172 <img src="/img/idol-recommend-btn.png?2024"alt="ã¢ã¤ãã«æ¨è¦ãã©ã¼ã " class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /> </a> 173 </div> 174 </div> 175</div> 176<!-- ============ PC HEADERï¼æ¢åãããã¼å¿ å®åç¾ï¼============ --> 177<header class="hidden md:block w-full bg-white relative border-b-4 border-[#333]"> 178 <div class="w-full max-w-[1800px] mx-auto flex justify-between items-center py-3 px-2 lg:px-4"> 179 <div class="flex items-center gap-4 md:pl-4"> 180 <div class="header-logo"> 181 <a href="/" class="sprite-img">ã¢ã¤ãã«ã¯ã³</a> 182 </div> 183 <div class="flex flex-col"> 184 <div class="text-[#ff3c91] text-[13px] font-bold leading-tight tracking-[0.05em] mb-1">é«æåº¦ãã¸ã¥ã¢ã«ã¢ã¤ãã«DVDã¬ã¼ãã«</div> 185 <h1 class="text-gray-500 text-[10px] tracking-tight leading-none">ã°ã©ãã¢ã¢ã¤ãã«DVDãåç»âã¢ã¤ãã«ã¯ã³âå ¬å¼ãµã¤ã</h1> 186 </div> 187 </div> 188 <div class="flex items-center gap-10"> 189 <a href="/contact" class="block w-[160px]"> 190 <img src="/img/i_one_contact.png"alt="ãåãåãã" style="width:100%; height:auto; object-fit:contain;" class="select-block sp-callout-block" oncontextmenu="return false;" /> </a> 191 <a href="/idol-recommend" style="position:relative; display:inline-block;
191 width:200px; height:90px;"> 192 <img src="/img/idol-recommend-btn.png?2024"alt="ããããã¢ã¤ãã«ãæãã¦ï¼" style="position:absolute; left:50%; top:55%; transform:translate(-60%,-40%); width:130%; aspect-ratio:10/3; object-fit:cover;" class="select-block sp-callout-block" oncontextmenu="return false;" /> <p style="font-size:20px; position:absolute; top:-8%; left:50%; transform:translateX(-62%); color:#ff58bf; width:100%; text-align:center; margin:0; font-weight:bold; white-space:nowrap; font-family:'MS Mincho',serif;">ã¢ã¤ãã«ã¯ã³</p> 193 </a> 194 </div> 195 </div> 196</header> 197 198<!-- ============ PC NAVBAR ============ --> 199<nav class="hidden md:block w-full bg-[#111] border-t border-[#ff3c91] border-b-2 border-b-black shadow-[0_3px_6px_rgba(0,0,0,0.1)] relative z-20 overflow-x-auto scrollbar-hide"> 200 <div class="w-full max-w-[1800px] mx-auto flex min-w-max"> 201 <a href="/" class="flex-1 text-center py-2 px-3 md:px-0 text-white text-[11px] md:text-[15px] font-bold hover:bg-[#ff3c91] hover:text-white transition-colors relative cursor-pointer"> 202 <div class="w-full flex items-center justify-center h-full gap-2">TOP</div> 203 <span class="absolute bottom-0 left-1/2 -translate-x-1/2 w-0 h-0 border-l-[6px] border-l-transparent border-r-[6px] border-r-transparent border-b-[6px] border-b-white"></span> 204 </a> 205 <a href="/dvd" class="flex-1 text-center py-2 px-3 md:px-0 text-white text-[11px] md:text-[15px] font-bold hover:bg-[#ff3c91] hover:text-white transition-colors relative cursor-pointer before:content-[''] before:absolute before:left-0 before:top-[20%] before:bottom-[20%] before:w-px before:border-l before:border-dotted before:border-gray-500"> 206 <div class="w-full flex items-center justify-center h-full gap-2">DVD</div> 207 </a> 208 <a href="/bd" class="flex-1 text-center py-2 px-3 md:px-0 text-white text-[11px] md:text-[15px] font-bold hover:bg-[#ff3c91] hover:text-white transition-colors relative cursor-pointer before:content-[''] before:absolute before:left-0 before:top-[20%] before:bottom-[20%] before:w-px before:border-l before:border-dotted before:border-gray-500"> 209 <div class="w-full flex items-center justify-center h-full gap-2">Blu-ray</div> 210 </a> 211 <a href="/sample-movie" class="flex-1 text-center py-2 px-3 md:px-0 text-white text-[11px] md:text-[15px] font-bold hover:bg-[#ff3c91] hover:text-white transition-colors relative cursor-pointer before:content-[''] before:absolute before:left-0 before:top-[20%] before:bottom-[20%] before:w-px before:border-l before:border-dotted before:border-gray-500"> 212 <div class="w-full flex items-center justify-center h-full gap-2">ãµã³ãã«åç»</div> 213 </a> 214 <a href="/event" class="flex-1 text-center py-2 px-3 md:px-0 text-white text-[11px] md:text-[15px] font-bold hover:bg-[#ff3c91] hover:text-white transition-colors relative cursor-pointer before:content-[''] before:absolute before:left-0 before:top-[20%] before:bottom-[20%] before:w-px before:border-l before:border-dotted before:border-gray-500"> 215 <div class="w-full flex items-center justify-center h-full gap-2">ã¤ãã³ãæ å ±</div> 216 </a> 217 <a href="/idol" class="flex-1 text-center py-2 px-3 md:px-0 text-white text-[11px] md:text-[15px] font-bold hover:bg-[#ff3c91] hover:text-white transition-colors relative cursor-pointer before:content-[''] before:absolute before:left-0 before:top-[20%] before:bottom-[20%] before:w-px before:border-l before:border-dotted before:border-gray-500"> 218 <div class="w-full flex items-center justify-center h-full gap-2">ã¢ã¤ãã«ä¸è¦§</div> 219 </a> 220 </div> 221</nav> 222<!-- ============ MAIN CONTENT AREA ============ --> 223<div class="w-full max-w-[1800px] mx-auto flex flex-col md:flex-row gap-4 mt-4 md:mt-6 flex-1 items-start px-2 lg:px-2"> 224 225 <!-- ===== LEFT SIDEBAR (PC only) ===== --> 226<aside class="w-full hidden md:block md:w-[130px] lg:w-[165px] xl:w-[200px] shrink-0 order-2 md:order-1 space-y-4"> 227 <!-- æééå® + 常è¨ããã¼ï¼_nav_config.php ã® $sideBannersTopVisible ãå ±æï¼--> 228 <a href="https://i-one.tv" target="_blank" rel="noopener" class="block"><img src="/img/campaign_20240228.jpg"class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /></a> 229 <a href="https://idolone.base.shop/" target="_blank" rel="noopener" class="block"><img src="/img/online_shop_banner_20250310.jpg"class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /></a> 230 231 <!-- SNS --> 232 <a href="https://twitter.com/i_one_LC" target="_blank" rel="noopener" class="flex items-center bg-black"> 233 <img src="/img/x-social-media-logo-icon.webp"alt="X" style="width:36px; height:36px; object-fit:cover;" class="select-block sp-callout-block" oncontextmenu="return false;" /> <span class="mx-1 text-[0.8rem] text-white font-bold">ã¢ã¤ãã«ã¯ã³å ¬å¼</span> 234 </a> 235 <div class="menu-twitter-item"> 236 <p class="text-[16px] font-bold mb-1">ã¢ã¤ãã«ã¯ã³ NEWS</p> 237 <div style="height:500px;"> 238 <a class="twitter-timeline" data-lang="ja" data-chrome="noheader nofooter" data-height="500" data-width="220" data-theme="light" href="https://twitter.com/i_one_LC_info?ref_src=twsrc%5Etfw"></a> 239
239<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
239 240 </div> 241 </div> 242 <a href="https://www.instagram.com/idolone_lc/" target="_blank" rel="noopener" class="block"><img src="/img/btn_instaglam.png"alt="Instagram" class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /></a> 243 244 <!-- ãã¼ã¯ã¼ãæ¤ç´¢ --> 245 <form method="get" action="/dvd" class="flex overflow-hidden"> 246 <input type="text" name="q" placeholder="ãã¼ã¯ã¼ããå ¥å" class="w-full border-t border-b border-l border-gray-300 p-1 pl-2 text-[15px] outline-none text-gray-700"> 247 <button type="submit" class="bg-[#ff3c91] text-white p-1.5 px-3 border border-[#ff3c91]" aria-label="æ¤ç´¢"> 248 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> 249 </button> 250 </form> 251 252 <!-- ã¡ãã¥ã¼ --> 253 <div> 254 <div class="bg-[#222] text-white text-[15px] py-1 px-3 mb-2 font-bold text-center">ã¡ãã¥ã¼</div> 255 <ul class="text-[15px] text-gray-700"> 256 <li class="border-b border-dotted border-gray-300"> 257 <a href="/dvd" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 258 <span class="text-[#ff3c91] text-[8px] transform scale-x-75">â¶</span>çºå£²ä¸ </a> 259 </li> 260 <li class="border-b border-dotted border-gray-300"> 261 <a href="/dvd/sale" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 262 <span class="text-[#ff3c91] text-[8px] transform scale-x-75">â¶</span>æ°ä½ </a> 263 </li> 264 <li class="border-b border-dotted border-gray-300"> 265 <a href="/dvd/release" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 266 <span class="text-[#ff3c91] text-[8px] transform scale-x-75">â¶</span>次åä½ </a> 267 </li> 268 <li class="border-b border-dotted border-gray-300"> 269 <a href="/dvd/making" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 270 <span class="text-[#ff3c91] text-[8px] transform scale-x-75">â¶</span>å¶ä½ä¸ </a> 271 </li> 272 <li class="border-b border-dotted border-gray-300"> 273 <a href="/dvd/release_date" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 274 <span class="text-[#ff3c91] text-[8px] transform scale-x-75">â¶</span>çºå£²å¹´ææ¥ </a> 275 </li> 276 </ul> 277 </div> 278 279 <!-- ã¿ã¤ãå¥ã¢ã¤ãã«æ¤ç´¢ --> 280 <div> 281 <div class="bg-[#222] text-white text-[15px] py-1 px-3 mb-2 font-bold text-center">ã¿ã¤ãå¥ã¢ã¤ãã«æ¤ç´¢</div> 282 <ul class="text-[15px] text-[#4488cc]"> 283 <li class="border-b border-dotted border-gray-300"> 284 <a href="/idol/it_4" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 285 <span class="text-gray-400 text-[8px] transform scale-x-75">ã»</span>ã¹ã¬ã³ãã¼ </a> 286 </li> 287 <li class="border-b border-dotted border-gray-300"> 288 <a href="/idol/it_5" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 289 <span class="text-gray-400 text-[8px] transform scale-x-75">ã»</span>ã°ã©ãã¼ </a> 290 </li> 291 <li class="border-b border-dotted border-gray-300"> 292 <a href="/idol/it_12" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 293 <span class="text-gray-400 text-[8px] transform scale-x-75">ã»</span>ãããã¨ç³» </a> 294 </li> 295 <li class="border-b border-dotted border-gray-300"> 296 <a href="/idol/it_16" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 297 <span class="text-gray-400 text-[8px] transform scale-x-75">ã»</span>ãå§ãã¾ç³» </a> 298 </li> 299 <li class="border-b border-dotted border-gray-300"> 300 <a href="/idol/it_15" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 301 <span class="text-gray-400 text-[8px] transform scale-x-75">ã»</span>çãç³» </a> 302 </li> 303 <li class="border-b border-dotted border-gray-300"> 304 <a href="/idol/it_17" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 305 <span class="text-gray-400 text-[8px] transform scale-x-75">ã»</span>ããããç³» </a> 306 </li> 307 <li class="border-b border-dotted border-gray-300"> 308 <a href="/idol/it_13" class="flex gap-1.5 items-center py-2 pl-1 hover:text-[#ff3c91]"> 309 <span class="text-gray-400 text-[8px] transform scale-x-75">ã»</span>æ¸ æ¥ç³» </a> 310 </li> 311 </ul> 312 </div> 313 314 <!-- ä¸é¨ããã¼ï¼_nav_config.php ã® $sideBannersBottom ãå ±æï¼--> 315 <a href="/lp/katayama" target="_blank" rel="noopener" class="block"><img src="/img/lp_item/left_up_btn.jpg"class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /></a> 316 <a href="/anniversary22" class="block"><img src="/img/22_anniversary/heading_mainvisual.png"class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /></a> 317 <a href="/anniversary25" target="_blank" rel="noopener nofollow" class="block"><img src="/img/anniversary25/2503_25th_specialsite_banner.png"class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /></a> 318 </aside> 319 320 <!-- ===== CENTER MAIN ===== --> 321 <main class="w-full md:flex-1 shrink-0 min-w-0 pb-6 md:pb-10 order-1 md:order-2"> 322 323 <h2 class="bg-[#222] text-white text-[4.2dvw] md:text-[18px] py-2 px-3 mb-4 font-bold border-l-[5px] border-l-[#ff3c91] shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)]">ãåãåãããã©ã¼ã </h2> 324 325 326 <p class="text-[3.2dvw] md:text-[14px] text-gray-700 leading-relaxed mb-5 md:mb-6"> 327 ä½åå 容ã¸ã®ãæè¦ã I-ONE TV ã«ã¤ãã¦ãªã©ãäºç´°ãªãã¨ã§ãæ§ãã¾ããã®ã§ãé æ ®ãªããåãåãããã ããã¾ãã 328 </p> 329 330 <div class="max-w-[720px]"> 331 <form action="https://www.i-one-net.com/contact" enctype="multipart/form-data" id="indexForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div> 332 <div class="mb-5"> 333 <label class="flex items-center gap-2 font-bold text-[3.4dvw] md:text-[14px] text-[#333] mb-1.5"> 334 <span class="bg-[#ff3c91] text-white text-[2.4dvw] md:text-[10px] font-bold px-1.5 py-0.5 rounded leading-none">å¿ é </span>ãåå 335 </label> 336 <input name="data[Idolone_Front_InputForm_Contact][name]" placeholder="ãåå" class="w-full border border-gray-300 rounded px-3 py-2 text-[3.6dvw] md:text-[15px] text-[#333] focus:outline-none focus:border-[#ff3c91] focus:ring-1 focus:ring-[#ff3c91] transition-colors" type="text" id="Idolone_Front_InputForm_ContactName"/> <p class="text-[2.8dvw] md:text-[11px] text-gray-500 mt-1">ä¾ï¼é´æ¨ 太é</p> 337 </div> 338 339 <div class="mb-5"> 340 <label class="flex items-center gap-2 font-bold text-[3.4dvw] md:text-[14px] text-[#333] mb-1.5"> 341 <span class="bg-[#ff3c91] text-white text-[2.4dvw] md:text-[10px] font-bold px-1.5 py-0.5 rounded leading-none">å¿ é </span>E-mail 342 </label> 343 <input name="data[Idolone_Front_InputForm_Contact][mailAddress]" placeholder="ã¡ã¼ã«ã¢ãã¬ã¹" class="w-full border border-gray-300 rounded px-3 py-2 text-[3.6dvw] md:text-[15px] text-[#333] focus:outline-none focus:border-[#ff3c91] focus:ring-1 focus:ring-[#ff3c91] transition-colors" type="text" id="Idolone_Front_InputForm_ContactMailAddress"/> <p class="text-[2.8dvw] md:text-[11px] text-gray-500 mt-1">ä¾ï¼[email protected]</p> 344 </div> 345 346 <div class="mb-6"> 347 <label class="flex items-center gap-2 font-bold text-[3.4dvw] md:text-[14px] text-[#333] mb-1.5"> 348 <span class="bg-[#ff3c91] text-white text-[2.4dvw] md:text-[10px] font-bold px-1.5 py-0.5 rounded leading-none">å¿ é </span>ãåãåããå 容 349 </label> 350 <textarea name="data[Idolone_Front_InputForm_Contact][contactBody]" placeholder="ãåãåããå 容" rows="6" class="w-full border border-gray-300 rounded px-3 py-2 text-[3.6dvw] md:text-[15px] text-[#333] focus:outline-none focus:border-[#ff3c91] focus:ring-1 focus:ring-[#ff3c91] transition-colors" id="Idolone_Front_InputForm_ContactContactBody"></textarea> </div> 351 352 <div class="flex justify-center"> 353 <input id="contact-submit" class="inline-block bg-[#ff3c91] hover:bg-[#e02a7d] text-white font-bold text-[4dvw] md:text-[16
353px] px-10 md:px-14 py-3 rounded-full shadow-[0_4px_12px_rgba(228,0,108,0.35)] cursor-pointer transition-colors disabled:opacity-60 disabled:cursor-not-allowed" type="submit" value="ãåãåããéä¿¡"/> </div> 354 355 </form> </div> 356 </main> 357 358 <!-- å³ãµã¤ããã¼ï¼SP ã®ã¿ --> 359 <div class="contents md:hidden"> 360 <!-- ===== RIGHT SIDEBAR ===== --> 361<aside class="w-full md:w-[130px] lg:w-[165px] xl:w-[200px] shrink-0 pb-6 md:pb-10 order-3 px-2 md:px-0"> 362 <!-- 次åä½/å¶ä½ä¸ï¼PC ã®ã¿ï¼ --> 363 <div class="hidden md:block"> 364 <h2 class="bg-[#222] text-white text-[15px] py-1.5 px-3 mt-0 mb-3 font-bold border-l-4 border-l-[#ff3c91]">次åä½</h2> 365 <div class="flex flex-col mb-4 bg-white"> 366 <a href="/item/1984" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 367 <img src="http://img.i-one-net.com/movie/main/3/3smdu66r.jpg"alt="çç° ã¾ã㨠ã°ã©ãã©ã¹ã»ããã¹" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 368 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">çç° ã¾ãã¨</div> 369 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ã°ã©ãã©ã¹ã»ããã¹">ãã°ã©ãã©ã¹ã»ããã¹ã</div> 370 </div> 371 </a> 372 <a href="/item/1985" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 373 <img src="http://img.i-one-net.com/movie/main/0/0bcpzp15.jpg"alt="ææ¯å¥ ç¥æª ãããããã£ã¼ãã©ã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 374 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">ææ¯å¥ ç¥æª</div> 375 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ãããããã£ã¼ãã©ã">ããããããã£ã¼ãã©ãã</div> 376 </div> 377 </a> 378 <a href="/item/1986" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 379 <img src="http://img.i-one-net.com/movie/main/t/tr5kr6hb.jpg"alt="å°é ãã¾ã ãã¡ã®ãã¾ããç¥ãã¾ãããï¼" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 380 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">å°é ãã¾ã</div> 381 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ãã¡ã®ãã¾ããç¥ãã¾ãããï¼">ããã¡ã®ãã¾ããç¥ãã¾ãããï¼ã</div> 382 </div> 383 </a> 384 <a href="/item/1987" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 385 <img src="http://img.i-one-net.com/movie/main/u/utxvv3wp.jpg"alt="ããã¨ãã¾ã ç´æ Mã«ãã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 386 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">ããã¨ãã¾ã</div> 387 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ç´æ Mã«ãã">ãç´æ Mã«ããã</div> 388 </div> 389 </a> 390 <a href="/item/1988" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 391 <img src="http://img.i-one-net.com/movie/main/7/7e7uf92x.jpg"alt="ç¾åå· ãµã·ã£ ã ã£ã¦å¥½ããªãã ãã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 392 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">ç¾åå· ãµã·ã£</div> 393 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ã ã£ã¦å¥½ããªãã ãã">ãã ã£ã¦å¥½ããªãã ããã</div> 394 </div> 395 </a> 396 <a href="/item/1989" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 397 <img src="http://img.i-one-net.com/movie/main/v/vat94upr.jpg"alt="çå ãã ãã¡çãã¼ã¹ã¯Jã«ãã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 398 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">çå ãã</div> 399 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ãã¡çãã¼ã¹ã¯Jã«ãã">ããã¡çãã¼ã¹ã¯Jã«ããã</div> 400 </div> 401 </a> 402 <a href="/item/1990" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 403 <img src="http://img.i-one-net.com/movie/main/j/jac1wtnj.jpg"alt="æ¡äº ãã 夿¡" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 404 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">æ¡äº ãã</div> 405 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="夿¡">ã夿¡ã</div> 406 </div> 407 </a> 408 </div> 409 410 <h2 class="bg-[#222] text-white text-[15px] py-1.5 px-3 mt-4 mb-3 font-bold border-l-4 border-l-[#ff3c91]">å¶ä½ä¸</h2> 411 <div class="flex flex-col mb-6 bg-white"> 412 <a href="/item/1991" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 413 <img src="http://img.i-one-net.com/movie/main/x/x4j8omcx.jpg"alt="äºæ ç¾å¸ ããã®ç³ã«æãã¦ã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 414 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">äºæ ç¾å¸</div> 415 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ããã®ç³ã«æãã¦ã">ãããã®ç³ã«æãã¦ãã</div> 416 </div> 417 </a> 418 <a href="/item/1992" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 419 <img src="http://img.i-one-net.com/movie/main/j/jc3ljd5t.jpg"alt="ç¢æ¾¤ ãµã¨ ã¼ãã®å¦¹ã¯ãããªã«ãããã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 420 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">ç¢æ¾¤ ãµã¨</div> 421 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ã¼ãã®å¦¹ã¯ãããªã«ãããã">ãã¼ãã®å¦¹ã¯ãããªã«ããããã</div> 422 </div> 423 </a> 424 <a href="/item/1993" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 425 <img src="http://img.i-one-net.com/movie/main/3/3cnjp2b0.jpg"alt="ç«å®® ã¿ã¿ ãµããµãããã£ããã ã£ã¦ãã¦ã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 426 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">ç«å®® ã¿ã¿</div> 427 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ãµããµãããã£ããã ã£ã¦ãã¦ã">ããµããµãããã£ããã ã£ã¦ãã¦ãã</div> 428 </div> 429 </a> 430 <a href="/item/1994" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 431 <img src="http://img.i-one-net.com/movie/main/7/7vz4zwrt.jpg"alt="ãã¨ã¿ ãã ãã¨ã¿ããã«æãããã" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 432 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">ãã¨ã¿ ãã</div> 433 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ãã¨ã¿ããã«æãããã">ããã¨ã¿ããã«æããããã</div> 434 </div> 435 </a> 436 <a href="/item/1995" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 437 <img src="http://img.i-one-net.com/movie/main/u/us1bbucd.jpg"alt="æé¦ å°ç¾å éè¦ã¨ä¾çµ¦" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 438 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">æé¦ å°ç¾å</div> 439 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="éè¦ã¨ä¾çµ¦">ãéè¦ã¨ä¾çµ¦ã</div> 440 </div> 441 </a> 442 <a href="/item/1996" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 443 <img src="http://img.i-one-net.com/movie/main/e/eix1dfyq.jpg"alt="æå åª ï¼³" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 444 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">æå åª</div> 445 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ï¼³">ãï¼³ã</div> 446 </div> 447 </a> 448 <a href="/item/1997" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 449 <img src="http://img.i-one-net.com/movie/main/t/t40vni4t.jpg"alt="ç½é¦ è¶ åæ" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 450 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">ç½é¦</div> 451 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="è¶ åæ">ãè¶ åæã</div> 452 </div> 453 </a> 454 <a href="/item/1998" class="flex gap-2.5 py-2 border-b border-dotted border-gray-300 last:border-0 group px-1 hover:bg-gray-50 transition-[background-color]"> 455 <img src="http://img.i-one-net.com/movie/main/q/qgcmof7y.jpg"alt="å®®è¶ è¹æµ· ç´ èï¼ãã£ã´ãï¼" class="w-10 h-[60px] object-cover shadow-sm border border-gray-100 group-hover:border-gray-300 transition-colors shrink-0 select-block sp-callout-block" oncontextmenu="return false;" /> <div class="flex flex-col justify-center min-w-0 pr-1 pb-1 pt-1 mt-0.5"> 456 <div class="text-[13px] text-gray-800 font-bold tracking-tight truncate leading-tight group-hover:text-[#ff3c91] transition-colors">å®®è¶ è¹æµ·</div> 457 <div class="text-[13px] text-gray-500 mt-1 leading-[1.3] truncate" title="ç´ èï¼ãã£ã´ãï¼">ãç´ èï¼ãã£ã´ãï¼ã</div> 458 </div> 459 </a> 460 </div> 461 </div> 462 463 464 <!-- ã¿ã¤ãå¥ã¢ã¤ãã«æ¤ç´¢ï¼SP ã®ã¿ï¼PC ã¯å·¦ãµã¤ããã¼ã«æ¢åï¼ --> 465 <div class="md:hidden"> 466 <h2 class="bg-[#222] text-white text-[4.2dvw] h-full w-full py-1.5 px-3 mt-4 mb-3 font-bold border-l-4 border-l-[#ff3c91]">ã¿ã¤ãå¥ã¢ã¤ãã«æ¤ç´¢</h2> 467 <div class="grid grid-cols-2 gap-2 px-1 mb-6"> 468 <a href="/idol/it_4" class="border border-gray-300 text-[#4488cc] text-[3.4dvw] py-2.5 px-3 text-center active:bg-gray-50 truncate">ã¹ã¬ã³ãã¼</a> 469 <a href="/idol/it_5" class="border border-gray-300 text-[#4488cc] text-[3.4dvw] py-2.5 px-3 text-center active:bg-gray-50 truncate">ã°ã©ãã¼</a> 470 <a href="/idol/it_12" class="border border-gray-300 text-[#4488cc] text-[3.4dvw] py-2.5 px-3 text-center active:bg-gray-50 truncate">ãããã¨ç³»</a> 471 <a href="/idol/it_16" class="border border-gray-300 text-[#4488cc] text-[3.4dvw] py-2.5 px-3 text-center active:bg-gray-50 truncate">ãå§ãã¾ç³»</a> 472 <a href="/idol/it_15" class="border border-gray-300 text-[#4488cc] text-[3.4dvw] py-2.5 px-3 text-center active:bg-gray-50 truncate">çãç³»</a> 473 <a href="/idol/it_17" class="border border-gray-300 text-[#4488cc] text-[3.4dvw] py-2.5 px-3 text-center active:bg-gray-50 truncate">ããããç³»</a> 474 <a href="/idol/it_13" class="border border-gray-300 text-[#4488cc] text-[3.4dvw] py-2.5 px-3 text-center active:bg-gray-50 truncate">æ¸ æ¥ç³»</a> 475 </div> 476 </div> 477 478 <!-- ããã¼ / SNSï¼SP ã®ã¿ï¼PC ã¯å·¦ãµã¤ããã¼ã«æ¢åãã¿ã¤ã奿¤ç´¢ã®ä¸ã«ä½ç½ã空ãã¦2åã§è¡¨ç¤ºï¼--> 479 <div class="md:hidden mt-6 px-1"> 480 <div class="grid grid-cols-2 gap-2 items-center"> 481 <a href="https://i-one.tv" target="_blank" rel="noopener" class="block"> 482 <img src="/img/campaign_20240228.jpg"class="w-full h-auto block border border-gray-200 select-block sp-callout-block" oncontextmenu="return false;" /> </a> 483 <a href="https://idolone.base.shop/" target="_blank" rel="noopener" class="block"> 484 <img src="/img/online_shop_banner_20250310.jpg"class="w-full h-auto block border border-gray-200 select-block sp-callout-block" oncontextmenu="return false;" /> </a> 485 <a href="/lp/katayama" target="_blank" rel="noopener" class="block"> 486 <img src="/img/lp_item/left_up_btn.jpg"class="w-full h-auto block border border-gray-200 select-block sp-callout-block" oncontextmenu="return false;" /> </a> 487 <a href="/anniversary22"
487 class="block"> 488 <img src="/img/22_anniversary/heading_mainvisual.png"class="w-full h-auto block border border-gray-200 select-block sp-callout-block" oncontextmenu="return false;" /> </a> 489 <a href="/anniversary25" target="_blank" rel="noopener nofollow" class="block"> 490 <img src="/img/anniversary25/2503_25th_specialsite_banner.png"class="w-full h-auto block border border-gray-200 select-block sp-callout-block" oncontextmenu="return false;" /> </a> 491 </div> 492 <div class="grid grid-cols-2 gap-2 mt-3 items-center"> 493 <a href="https://twitter.com/i_one_LC" target="_blank" rel="noopener" class="flex items-center justify-center gap-1.5 bg-black py-2.5 px-2"> 494 <img src="/img/x-social-media-logo-icon.webp"alt="X" style="width:28px; height:28px; object-fit:cover;" class="select-block sp-callout-block" oncontextmenu="return false;" /> <span class="text-[3dvw] text-white font-bold leading-none">ã¢ã¤ãã«ã¯ã³å ¬å¼</span> 495 </a> 496 <a href="https://www.instagram.com/idolone_lc/" target="_blank" rel="noopener" class="block"> 497 <img src="/img/btn_instaglam.png"alt="Instagram" class="w-full h-auto block select-block sp-callout-block" oncontextmenu="return false;" /> </a> 498 </div> 499 </div> 500</aside> 501 </div> 502</div> 503
504<script> 505(function () { 506 var btn = document.getElementById('contact-submit'); 507 if (!btn) return; 508 btn.addEventListener('click', function (e) { 509 e.preventDefault(); 510 btn.disabled = true; 511 btn.closest('form').submit(); 512 }); 513})(); 514</script>
514 515<!-- ============ FOOTERï¼PC ãã¶ã¤ã³æºæ ï¼å ¨ä½ãã¼ã¯ #222ï¼============ --> 516<footer class="w-full relative mt-auto border-t-4 border-gray-800 bg-[#222] text-white"> 517 <!-- ãå©ç¨ã¬ã¤ãï¼SP ã¯ãã³ãã¼ã¬ã¼ã¡ãã¥ã¼ã¸éç´ãããã PC ã®ã¿è¡¨ç¤º --> 518 <div class="w-full max-w-[1800px] mx-auto py-3 px-5 hidden md:flex md:flex-row md:items-center"> 519 <div class="md:w-[160px] shrink-0 text-center font-bold text-[4dvw] md:text-[16px] md:border-r md:border-dotted md:border-gray-400">ãå©ç¨ã¬ã¤ã</div> 520 <ul class="flex flex-wrap justify-center md:justify-start gap-x-5 gap-y-1 md:pl-5 text-[3.4dvw] md:text-[14px]"> 521 <li><a href="/update_hisotry" class="hover:text-[#ff3c91] transition-colors">æ´æ°æ å ±</a></li> 522 <li><a href="/info/privacy" class="hover:text-[#ff3c91] transition-colors">å人æ å ±ä¿è·ã«ã¤ãã¦</a></li> 523 <li><a href="/info/faq" class="hover:text-[#ff3c91] transition-colors">ããããã質å</a></li> 524 <li><a href="/info/company" class="hover:text-[#ff3c91] transition-colors">ä¼ç¤¾æ¦è¦</a></li> 525 <li><a href="/contact" class="hover:text-[#ff3c91] transition-colors">ãåãåãããã©ã¼ã </a></li> 526 </ul> 527 </div> 528 <div class="text-center px-5 pt-4 md:pt-1 pb-8 text-[3dvw] md:text-[13px] leading-relaxed text-gray-200"> 529 æ¬ãã¼ã ãã¼ã¸æ²è¼ã®ç»åã»è¨äºã®ç¡æè»¢è¼ãç¦ãã¾ãã<br> 530 Copyright © 2026 Line Communications, Inc. All rights reserved. 531 </div> 532</footer> 533</div>
534<script type="text/javascript" src="/js/responsive_top.js?v=20260805-0852"></script>
534</body> 535</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.