https://hakumiko.com/intro.html

1<!doctype html>
2<html>
3<head>
4<meta charset="utf-8" />
5<meta name="viewport" content="width=device-width">
6
7<meta name="description" content="TVアニメ「ハクメイとミコチ」公式サイト。原作・樫木祐人、漫画誌「ハルタ」にて好評連載中の「ハクメイとミコチ」2018年1月放送開始予定！">
8
9<meta property="og:type" content="video.tv_show" />
10<meta property="og:url" content="http://hakumiko.com/" />
11<meta property="og:image" content="http://hakumiko.com/ogp.jpg" />
12
13<meta name="twitter:card" content="summary_large_image"/>
14<meta name="twitter:site" content="@hakumikotv" />
15<meta name="twitter:creator" content="@hakumikotv" />
16<meta name="twitter:url" content="http://hakumiko.com/"/>
17<meta name="twitter:title" content="TVアニメ「ハクメイとミコチ」公式サイト"/>
18<meta name="twitter:description" content="TVアニメ「ハクメイとミコチ」公式サイト。 原作・樫木祐人、漫画誌「ハルタ」にて好評連載中の「ハクメイとミコチ」2018年1月放送開始予定！"/>
19<meta name="twitter:image" content="http://hakumiko.com/ogp.jpg" />
20
21<title>イントロダクション | TVアニメ「ハクメイとミコチ」公式サイト</title>
22 
23<link rel="stylesheet" media="screen" href="css/base.css">
24<link rel="stylesheet" media="screen" href="css/normalize.ja_.css">
25<link rel="stylesheet" media="screen" href="css/shadowbox.css">
26<link rel="stylesheet" media="screen" href="css/mobile_menu.css">
27<link rel="stylesheet" media="screen" href="css/jssocials.css">
28<link rel="stylesheet" media="screen" href="css/jssocials-theme-flat.css">
29<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
30   

31<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>

31

32<script type="text/javascript" src="js/shadowbox.js"></script>

32

33<script type="text/javascript" src="js/modernizr.custom.js"></script>

33
34

35<script type="text/javascript" src="js/jssocials.min.js"></script>

35

36<script type="text/javascript">
37$(function(){
38 $("#share").jsSocials({
39  showLabel: false,
40  showCount: false,
41  shares: ["twitter", "facebook", "googleplus"]
42 });
43});
44</script>

44
45
46<!-- メニュー（モバイル用） -->

47<script>
48$(document).ready(function () {
49
50    $(".menu-btn a").click(function () {
51        $(".overlay").fadeToggle(200);
52        $(this).toggleClass('btn-open').toggleClass('btn-close');
53    });
54
55    $('.overlay').on('click', function () {
56        $(".overlay").fadeToggle(200);
57        $(".menu-btn a").toggleClass('btn-open').toggleClass('btn-close');
58    });
59
60    $('.menu a').on('click', function () {
61        $(".overlay").fadeToggle(200);
62        $(".menu-btn a").toggleClass('btn-open').toggleClass('btn-close');
63    });
64
65});
66</script>

66
67
68
69<!-- shadowbox -->

70<script type="text/javascript">
71	Shadowbox.init({
72	language: 'ja',
73	overlayColor:"#d4ba73",
74	overlayOpacity:0.95,
75	players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
76	});
77</script>

77
78
79<!-- shadowbox（iOSのスクロール改善） -->

80<script>
81$(window).on(“load”,function(){
82    if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
83        $('#sb-body-inner').css({
84            'overflow': 'scroll', 
85            '-webkit-overflow-scrolling': 'touch' 
86        }); 
87    }
88});
89</script>

89
90
91<!--▼アンカーリンク▼-->

92<script type="text/javascript">
93$(function(){
94    var url = $(location).attr('href');
95    if (url.indexOf("?id=") == -1) {
96    }else{
97        var url_sp = url.split("?id=");　
98        var hash   = '#' + url_sp[url_sp.length - 1];
99        var tgt    = $(hash);
100        var pos    = tgt.offset().top - 20;
101        $("html, body").animate({scrollTop:pos}, 400, "swing");
102    }
103});
104</script>

104
105
106
107<!-- 時間帯切り替えマスター -->

108<script>
109	hkTime=(new Date()).getHours();
110		if(hkTime>=5 && hkTime<7){
111			hkDATA="0609"; 
112		}else if(hkTime>=7 && hkTime<15){
113			hkDATA="0915";
114		}else if(hkTime>=15 && hkTime<19){
115			hkDATA="1519"; 
116		}else if(hkTime>=19 && hkTime<23){
117			hkDATA="1923"; 
118		}else if(hkTime<5 || hkTime>=23){
119			hkDATA="2306";
120		}
121</script>

121
122
123
124<!-- 時間帯別CSS -->

125<script>
126		document.write("<link rel='stylesheet' media='screen' href='css/css"+hkDATA+".css'>");
127</script>

127
128</head>
129
130<body>
131
132<!--▼モバイル用メニュー -->
133<div id="mobileHeader" class="style_mobile">
134<div class="menu-btn">
135    <a class="btn-open" href="javascript:void(0)"></a>
136</div>
137
138<div class="overlay">

139<script>
140		document.write("<div class='overlay-"+hkDATA+"'>");
141</script>

141
142
143<div class="menu">
144	

144<script type="text/javascript" src="js/menu_mobile.js"></script>

144
145</div>
146   

147<script>document.write("</div>");</script>

147    
148</div>
149    
150</div>
151<!--▲モバイル用メニュー -->
152
153
154
155<div id="inner">
156
157<div class="under-content">

158<script>
159		document.write("<div class='under-content-"+hkDATA+"'>");
160</script>

160
161

162<script>
163		document.write("<div class='header-bg-"+hkDATA+"'>");
164</script>

164
165
166
167<div class="header">
168
169<div class="header-left">
170<div class="logo sukashi"><a href="index.html"><img src="images/tmp/logo.jpg" width="198" height="323" alt=""/></a></div>
171</div>
172
173<div class="header-right">
174<div class="pageTitle"><img src="images/intro/h_001.png" width="350" height="50" alt=""/></div>
175<!--<div class="back-botun sukashi"><a href="index.html"><img src="images/news_tmp/b_001.png" width="84" height="85" alt=""/></a></div>-->
176</div>
177
178<div class="clear"></div>
179
180</div>
181
182
183
184
185
186<div class="main-wrap2">
187
188<div class="main-left-wrap">
189<nav class="menu-pc">
190<ol>
191	

191<script type="text/javascript" src="js/menu.js"></script>

191
192</ol>
193</nav>
194<div class="clear"></div>
195</div>
196
197<div class="main-right-wrap">
198<div class="contents-inner">
199<div class="intro-inner">
200  <div class="stylePc"><img src="images/intro/t_001.png" width="1276" height="1232" alt=""/></div>
201  <div class="styleMobile"><img src="images/intro/t_001m.png" width="500" height="1300" alt=""/></div>  
202</div>
203</div>
204</div>
205
206
207
208</div>
209
210<div class="under-content-blank"></div>
211
212<div class="footer">
213<div class="wrapper-innner-share"><div id="share"></div></div>
214<div class="copy">©樫木祐人・KADOKAWA刊／ハクメイとミコチ製作委員会</div>
215</div>
216

217<script>
218	document.write("</div>");
219</script>

219
220

221<script>
222	document.write("</div>");
223</script>

223
224

225<script>

225
226  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
227  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
228  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
229  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
230
231  ga('create', '

231UA-104057680-1

231', 'auto');
232  ga('send', 'pageview');
233

234</script>

234
235
236</div>
237</div>
238</body>
239</html>