This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change

(X)HTML5 validation results for https://www.kintetsu.co.jp/senden/blue_symphony/

Validator Input
  1. Warning: Consider avoiding viewport values that prevent users from resizing documents.

    From line 5, column 2; to line 5, column 70

    "utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <tit

  2. Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

    From line 191, column 6; to line 191, column 12

    01"> <style>

    Contexts in which element style may be used:
    Where metadata content is expected.
    In a noscript element that is a child of a head element.
    Content model for element div:
    If the element is a child of a dl element: one or more dt elements followed by one or more dd elements, optionally intermixed with script-supporting elements.
    If the element is not a child of a dl element: flow content.
  3. Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

    From line 945, column 1; to line 945, column 7

    Block01"><style> .ima

    Contexts in which element style may be used:
    Where metadata content is expected.
    In a noscript element that is a child of a head element.
    Content model for element div:
    If the element is a child of a dl element: one or more dt elements followed by one or more dd elements, optionally intermixed with script-supporting elements.
    If the element is not a child of a dl element: flow content.
  4. Error: The frameborder attribute on the iframe element is obsolete. Use CSS instead.

    From line 1142, column 7; to line 1142, column 187

    1"> <iframe width="560" height="315" src="https://www.youtube.com/embed/vs5_tUaEhQs?rel=0&loop=1&playlist=vs5_tUaEhQs" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></ifra

  5. Error: Saw <!-- within a comment. Probable cause: Nested comment (not allowed).

    At line 1186, column 11

    /ul> <!-- .textBlock03</

  6. Warning: The document is not mappable to XML 1.0 due to two consecutive hyphens in a comment.

    At line 1186, column 11

    /ul> <!-- .textBlock03</

  7. Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

    From line 1211, column 6; to line 1211, column 14

    ion> <section>

  8. Warning: Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections.

    From line 1224, column 2; to line 1224, column 45

    pamphf"> <section class="l-pamphlet c-section_block"> <d

  9. Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.

    From line 142, column 1; to line 142, column 27

    --></nav><article id="contentsArea"> <div

  10. Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

    From line 1244, column 1; to line 1244, column 7

    /article><style>.u-ho

    Contexts in which element style may be used:
    Where metadata content is expected.
    In a noscript element that is a child of a head element.
    Content model for element div:
    If the element is a child of a dl element: one or more dt elements followed by one or more dd elements, optionally intermixed with script-supporting elements.
    If the element is not a child of a dl element: flow content.
  11. Error: Element style not allowed as child of element li in this context. (Suppressing further errors from this subtree.)

    From line 1370, column 1; to line 1370, column 7

    <li><style>#foot

    Contexts in which element style may be used:
    Where metadata content is expected.
    In a noscript element that is a child of a head element.
    Content model for element li:
    Flow content.
  12. Error: Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

    From line 1421, column 1; to line 1421, column 7

    block02"><style>#foot

    Contexts in which element style may be used:
    Where metadata content is expected.
    In a noscript element that is a child of a head element.
    Content model for element div:
    If the element is a child of a dl element: one or more dt elements followed by one or more dd elements, optionally intermixed with script-supporting elements.
    If the element is not a child of a dl element: flow content.
  13. Warning: The type attribute is unnecessary for JavaScript resources.

    From line 1459, column 1; to line 1459, column 31

    al js --><script type="text/javascript">(funct

There were errors. (Tried in the text/html mode.)

Image report

The img elements of the page are shown below categorized by their type of textual alternative. Please review that the images in each group match that group’s definition.

Empty textual alternative—Omitted from non-graphical presentation

The following images are marked to be omitted from non-graphical presentations (alt="").

Purely decorative images belong in this category. Also, iconic images that are redundant with text next to them belong here.

If the page would become less understandable if the presence of an image was concealed, the image doesn't belong here. In that case, a textual alternative should be supplied or if the markup generator does not have a textual alternative available (because the user refused to provide it), the alt attribute should be omitted by the markup generator.

ImageLocation
From line 107, column 3; to line 107, column 56
From line 108, column 3; to line 108, column 70
From line 213, column 27; to line 213, column 87
From line 218, column 27; to line 218, column 87
From line 223, column 27; to line 223, column 87
From line 228, column 27; to line 228, column 87
From line 233, column 27; to line 233, column 87
From line 247, column 26; to line 247, column 81
From line 293, column 14; to line 293, column 69
From line 299, column 14; to line 299, column 69
From line 453, column 14; to line 453, column 69
From line 459, column 14; to line 459, column 69
From line 614, column 14; to line 614, column 69
From line 620, column 14; to line 620, column 69
From line 774, column 14; to line 774, column 69
From line 780, column 14; to line 780, column 69
From line 955, column 14; to line 955, column 64
From line 955, column 65; to line 955, column 115
From line 960, column 14; to line 960, column 64
From line 960, column 65; to line 960, column 115
From line 973, column 14; to line 973, column 64
From line 973, column 65; to line 973, column 115
From line 978, column 14; to line 978, column 64
From line 978, column 65; to line 978, column 115
From line 1034, column 26; to line 1034, column 81
From line 1089, column 38; to line 1089, column 93
From line 1102, column 29; to line 1102, column 84
From line 1115, column 38; to line 1115, column 93
From line 1128, column 38; to line 1128, column 93

Images with textual alternative

The following images have textual alternatives. Please review that the textual alternatives make sense considering the purpose of the image in the context of the page and that phrases like “Image of …” are avoided.

Note that iconic images that are redundant with text next to them or purely decorative should have alt="" instead.

ImageTextual alternativeLocation
Blue SymphonyFrom line 37, column 26; to line 37, column 93
Blue SymphonyFrom line 38, column 26; to line 38, column 93
From line 244, column 116; to line 244, column 172
近鉄電車インターネット予約・発売サービス(チケットレスサービス)From line 1178, column 109; to line 1178, column 196
近鉄電車インターネット予約・発売サービス(チケットレスサービス)From line 1196, column 70; to line 1196, column 157
青の交響曲(シンフォニー)From line 1227, column 6; to line 1227, column 77
青の交響曲(シンフォニー)From line 1357, column 23; to line 1357, column 96
Next 青の交響曲(シンフォニー)とはFrom line 1360, column 6; to line 1360, column 100
Next 青の交響曲(シンフォニー)とはFrom line 1361, column 6; to line 1361, column 103
観光特急あをによしFrom line 1431, column 49; to line 1431, column 122
しまかぜ Blue SymphonyFrom line 1434, column 49; to line 1434, column 126
近鉄From line 1437, column 37; to line 1437, column 99

Source

  1. <!doctype html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, user-scalable=no">
  6. <title>青の交響曲(シンフォニー) Blue Symphony|近畿日本鉄道</title>
  7. <meta name="keywords" content="青の交響曲,観光特急,近鉄電車,吉野,飛鳥,大阪阿部野橋">
  8. <meta name="description" content="近鉄の観光特急、青の交響曲(シンフォニー)で、四季折々の風景と歴史に触れる大人旅へ。車内のご案内を始め、運行情報や特急券のご予約・ご購入方法についてご紹介いたします。">
  9. <meta name="format-detection" content="telephone=no">
  10. <link rel="canonical" href="https://www.kintetsu.co.jp/senden/blue_symphony/">
  11. <!-- css -->
  12. <link rel="stylesheet" href="assets/css/base.css">
  13. <link rel="stylesheet" href="assets/css/parts.css">
  14. <!-- /css -->
  15. <!-- local css -->
  16. <link rel="stylesheet" href="assets/css/slick.css">
  17. <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
  18. <link rel="stylesheet" href="assets/css/top.css">
  19. <!-- /local css -->
  20. <!-- js -->
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  22. </head>
  23. <body id="top">
  24. <!-- Google Tag Manager -->
  25. <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PT9RQF" height="0" width="0" style="display:none; visibility:hidden"></iframe></noscript>
  26. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  27. })(window,document,'script','dataLayer','GTM-PT9RQF');</script>
  28. <!-- End Google Tag Manager -->
  29. <!-- Insert Script Begin -->
  30. <script>var adv_id = '5000000085250180';(function(){ var script = document.createElement('script'); script.src = 'https://3ppa.jp.cinarra.com/cnr_lpv.js'; script.type = 'text/javascript'; script.async = true; var entry = document.getElementsByTagName('script')[0]; entry.parentNode.insertBefore(script,entry); }());</script>
  31. <!-- Insert Script End -->
  32. <div id="wrap">
  33. <header id="topHeaderArea">
  34. <div class="mainVisual">
  35. <div class="mainVisualInner youtube">
  36. <div id="youtube"></div>
  37. <div class="image01"><img src="assets/img/top/top_header_logo01.png" alt="Blue Symphony"></div>
  38. <div class="image02"><img src="assets/img/top/top_header_logo01.png" alt="Blue Symphony"></div>
  39. </div><!-- .mainVisual -->
  40. <script>
  41. // 2. This code loads the IFrame Player API code asynchronously.
  42. var mainVisualTag = document.createElement('script');
  43. mainVisualTag.src = '//www.youtube.com/iframe_api';
  44. var firstScriptTag = document.getElementsByTagName('script')[0];
  45. firstScriptTag.parentNode.insertBefore(mainVisualTag, firstScriptTag);
  46. // 3. This function creates an <iframe> (and YouTube player)
  47. // after the API code downloads.
  48. (function(){
  49. var ua = (function(u){
  50. return {
  51. Tablet: (u.indexOf('windows') != -1 && u.indexOf('touch') != -1) || u.indexOf('ipad') != -1 || (u.indexOf('android') != -1 && u.indexOf('mobile') == -1) || (u.indexOf('firefox') != -1 && u.indexOf('tablet') != -1) || u.indexOf('kindle') != -1 || u.indexOf('silk') != -1 || u.indexOf('playbook') != -1,
  52. Mobile: (u.indexOf('windows') != -1 && u.indexOf('phone') != -1) || u.indexOf('iphone') != -1 || u.indexOf('ipod') != -1 || (u.indexOf('android') != -1 && u.indexOf('mobile') != -1) || (u.indexOf('firefox') != -1 && u.indexOf('mobile') != -1) || u.indexOf('blackberry') != -1,
  53. IE: u.indexOf('trident') != -1 || u.indexOf('msie') != -1,
  54. Edge: u.indexOf('edge') != -1,
  55. Webkit: u.indexOf('chrome') != -1 || u.indexOf('safari') != -1,
  56. Firefox: u.indexOf('firefox') != -1
  57. };
  58. })(window.navigator.userAgent.toLowerCase()),
  59. isDevice = false
  60. if(ua.Tablet || ua.Mobile) isDevice = true;
  61. if(isDevice){
  62. $('html').addClass('sp');
  63. }else{
  64. $('html').addClass('no-sp');
  65. }
  66. })();
  67. var mainVisualPlayer,
  68. mainVisualOpt = {
  69. controls:0,
  70. rel:0,
  71. autoplay:0,
  72. loop:1,
  73. playlist:'criOYR5oCfo',
  74. showinfo:0
  75. };
  76. if($('html').hasClass('no-sp')){
  77. mainVisualOpt.autoplay = 1;
  78. }
  79. function onYouTubeIframeAPIReady() {
  80. mainVisualPlayer = new YT.Player('youtube', {
  81. videoId: 'criOYR5oCfo',
  82. playerVars:mainVisualOpt,
  83. events: {
  84. 'onReady': onPlayerReady
  85. }
  86. });
  87. }
  88. // 4. The API will call this function when the video player is ready.
  89. function onPlayerReady(event) {
  90. mainVisualPlayer.setPlaybackQuality('highres');
  91. event.target.mute();
  92. if($('html').hasClass('no-sp')){
  93. event.target.playVideo();
  94. }
  95. }
  96. </script>
  97. </div><!-- .mainVisualInner -->
  98. </header><!-- #topHeaderArea -->
  99. <nav id="gnavArea">
  100. <div class="navBtn">
  101. <img src="assets/img/top/top_header_ico01.png" alt="">
  102. <img src="assets/img/top/top_header_ico02.png" alt="" class="close">
  103. </div>
  104. <div class="navBlock01">
  105. <div class="mainNav">
  106. <ul>
  107. <li>
  108. <a href="index.html"><span>トップページ</span></a>
  109. </li>
  110. <li>
  111. <a href="about/"><span>青の<span class="rubyText">交響曲<span class="rubyDetail">シンフォニー</span></span>とは</span></a>
  112. </li>
  113. <li>
  114. <a href="menu/"><span>車内メニュー</span></a>
  115. </li>
  116. <li>
  117. <a href="services/"><span>車内サービス</span></a>
  118. </li>
  119. <li>
  120. <a href="modelcourse.html"><span>モデルコース</span></a>
  121. </li>
  122. <li>
  123. <a href="guide/"><span>沿線のご案内</span></a>
  124. </li>
  125. </ul>
  126. </div>
  127. <div class="topNav">
  128. <ul>
  129. <li><a href="#anchor01">車内のご案内</a></li>
  130. <li><a href="#anchor02">運行情報・料金</a></li>
  131. <li><a href="#anchor03">ご予約・ご購入</a></li>
  132. </ul>
  133. </div>
  134. <!-- .navBlock01--></div>
  135. <!-- #gnavArea --></nav>
  136. <article id="contentsArea">
  137. <div id="topArea01">
  138. <div class="contentsBlock01">
  139. <div class="contentsWrapParts01">
  140. <!--div class="" style="
  141. padding: 10px;
  142. max-width: 1000px;
  143. margin: 0px auto 30px;
  144. font-weight: normal;
  145. line-height: 1.7;
  146. border: 1px solid #ccc;
  147. width: 90%;
  148. background: white;
  149. color:red;
  150. ">
  151. <p style="
  152. text-align: center;
  153. padding-top: 10px;
  154. font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  155. ">※特急列車の前売り発売開始日の変更について<br><span style="color:#333;">詳しくは</span>
  156. <a style="text-decoration:underline;" href="/all_news/news_info/220506tokkyuhatubai.pdf" target="_blank">こちら</a>
  157. </p>
  158. <p style="
  159. text-align: center;
  160. padding-top: 10px;
  161. font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  162. ">※現在、車内における酒類の販売を休止しております。</p>
  163. </div-->
  164. <nav class="navBlock01">
  165. <div class="nav01">
  166. <ul class="clrF">
  167. <li><a href="about/">青の<span class="rubyText">交響曲<span class="rubyDetail">シンフォニー</span></span>とは</a></li>
  168. <li><a href="menu/">車内メニュー</a></li>
  169. <li><a href="services/">車内サービス</a></li>
  170. <li><a href="modelcourse.html">モデルコース</a></li>
  171. <li><a href="guide/">沿線のご案内</a></li>
  172. </ul>
  173. </div>
  174. <div class="nav02">
  175. <ul class="clrF">
  176. <li><a href="#anchor01">車内のご案内</a></li>
  177. <li><a href="#anchor02">運行情報・料金</a></li>
  178. <li><a href="#anchor03">ご予約・ご購入</a></li>
  179. </ul>
  180. </div>
  181. <!-- .navBlock01 --></nav>
  182. <div class="textBlock01">
  183. <style>
  184. @media screen and (max-width: 768px){.disp_pc{display: none;}}
  185. @media screen and (min-width: 767px){.disp_sp{display: none;}}
  186. </style>
  187. <p class="text01">上質に乗って、奈良の懐へ。</p>
  188. <p class="text02">古代ロマンに浸るか。自然と温泉に癒されるか。<br>世界遺産と出合うか。<br>飛鳥・洞川・吉野で、どうぞひとつ上の感動を。<br>まだ見ぬ奈良が、あなたを待っています。</p>
  189. </div>
  190. <div class="btnBlock01 hoverOpacity">
  191. <p><a href="about/">青の<span class="rubyText">交響曲<span class="rubyDetail">シンフォニー</span></span>とは</a></p>
  192. </div>
  193. <!-- .contentsWrapParts01 --></div>
  194. <!-- .contentsBlock01 --></div>
  195. <div class="contentsBlock02">
  196. <section id="anchor01">
  197. <div class="contentsWrapParts02">
  198. <div class="headingBlock01">
  199. <h2>車内のご案内</h2>
  200. <!-- .headingBlock01 --></div>
  201. <!-- .contentsWrapParts02 --></div>
  202. <div class="sliderBlock01">
  203. <ul class="c-slider js-slider">
  204. <li class="block">
  205. <div class="image"><img src="assets/img/top/slider/slider_visual_03.jpg" alt=""></div>
  206. <h3>座席スペース[1号車/3号車]</h3>
  207. <p class="text">座席はすべて2列+1列で幅広のデラックスシート。上質な空間でゆったりとお過ごしいただけるよう、質感にこだわった素材を厳選しています。</p>
  208. </li>
  209. <li class="block">
  210. <div class="image"><img src="assets/img/top/slider/slider_visual_04.jpg" alt=""></div>
  211. <h3>サロン席(3~4人用)</h3>
  212. <p class="text">テーブルを備え付けたサロン席は、グループでご利用される方に最適。ご家族やご友人との楽しいひとときをお過ごしください。<br>※ツイン席(2人用)もございます。</p>
  213. </li><!--item-->
  214. <li class="block">
  215. <div class="image"><img src="assets/img/top/slider/slider_visual_01.jpg" alt=""></div>
  216. <h3>ラウンジ車両[2号車]-ラウンジスペース</h3>
  217. <p class="text">お好みの飲み物を片手に会話も弾む、くつろぎのラウンジスペース。ソファ、照明、窓の大きさにまでこだわった落ち着きある車内の雰囲気をお楽しみください。</p>
  218. </li><!--item-->
  219. <li class="block">
  220. <div class="image"><img src="assets/img/top/slider/slider_visual_02.jpg" alt=""></div>
  221. <h3>ラウンジ車両[2号車]-バーカウンター</h3>
  222. <p class="text">ラウンジスペースには大型のバーカウンターがあり、専属のアテンダントが地元の特産品を活用したスイーツやワイン・地酒・ハイボールなどを販売します。</p>
  223. </li><!--item-->
  224. <li class="block">
  225. <div class="image"><img src="assets/img/top/slider/slider_visual_05.jpg" alt=""></div>
  226. <h3>ライブラリー</h3>
  227. <p class="text">アンティークなベンチがさりげなく置かれたライブラリーでは、奈良の歴史に関する本や写真集など、沿線にまつわる様々な書籍が自由に閲覧できます。</p>
  228. </li><!--item-->
  229. </ul>
  230. <!-- .sliderBlock01 --></div>
  231. <div class="contentsWrapParts02">
  232. <div class="imageBlock01">
  233. <div class="clrF">
  234. <p class="title">車両編成</p>
  235. <div class="btn">
  236. <a href="assets/img/top/top_contents_img01.png" target="_blank" data-effect="mfp-zoom-in" class="js-popup"><img src="assets/img/top/top_contents_ico05.png" alt="+"></a>
  237. </div>
  238. </div>
  239. <div class="image"><img src="assets/img/top/top_contents_img01.png" alt=""></div>
  240. <!-- .imageBlock01 --></div>
  241. <div class="pageTop">
  242. <p><a href="#wrap">ページの先頭へ戻る</a></p>
  243. <!-- .pageTop --></div>
  244. <!-- .contentsWrapParts02 --></div>
  245. </section>
  246. <!-- .contentsBlock02 --></div>
  247. <div class="contentsBlock03">
  248. <div class="contentsWrapParts02">
  249. <section id="anchor02">
  250. <div class="headingBlock01">
  251. <h2>運行情報</h2>
  252. <!-- .headingBlock01 --></div>
  253. <div class="blockCover01">
  254. <section>
  255. <div class="headingBlock02">
  256. <h3>時刻表</h3>
  257. <!-- .headingBlock02 --></div>
  258. <!--div class="" style="
  259. padding: 10px;
  260. max-width: 640px;
  261. margin: 20px auto 30px;
  262. font-weight: normal;
  263. line-height: 1.7;
  264. border: 1px solid #ccc;
  265. background: white;
  266. color:red;
  267. ">
  268. <p style="
  269. text-align: center;
  270. ">7月3日(土)ダイヤ変更後の時刻表は
  271. <a style="text-decoration:underline;" href="/railway/Dia/Exp200314.html" target="_blank">こちら</a>
  272. </p>
  273. </div-->
  274. <div class="textBlock02">
  275. <p>大阪阿部野橋駅 ~ 吉野駅間を1日2往復/計4便運行</p>
  276. <!-- .textBlock02 --></div>
  277. <div class="accordionBlock01">
  278. <ul>
  279. <li>
  280. <div class="accordionTitle hoverOpacity clrF">
  281. <p class="title"><span>第 1 便</span>大阪阿部野橋駅 10:10発 吉野行き</p>
  282. <div class="btn">
  283. <p>開く</p>
  284. <div class="image">
  285. <img src="assets/img/top/top_contents_ico06.png" alt="">
  286. </div>
  287. </div>
  288. <div class="btn close">
  289. <p>閉じる</p>
  290. <div class="image">
  291. <img src="assets/img/top/top_contents_ico07.png" alt="">
  292. </div>
  293. </div>
  294. </div>
  295. <div class="accordionDetail">
  296. <table>
  297. <thead>
  298. <tr>
  299. <th>&nbsp;</th>
  300. <th>平日</th>
  301. <th>土・休日</th>
  302. </tr>
  303. </thead>
  304. <tbody>
  305. <tr>
  306. <th>
  307. <div>
  308. <span>大阪阿部野橋</span>
  309. <span>発</span>
  310. </div>
  311. </th>
  312. <td>10:10</td>
  313. <td>10:10</td>
  314. </tr>
  315. <tr>
  316. <th>
  317. <div>
  318. <span>尺土</span>
  319. <span>発</span>
  320. </div>
  321. </th>
  322. <td>10:38</td>
  323. <td>10:38</td>
  324. </tr>
  325. <tr>
  326. <th>
  327. <div>
  328. <span>高田市</span>
  329. <span>発</span>
  330. </div>
  331. </th>
  332. <td>10:40</td>
  333. <td>10:40</td>
  334. </tr>
  335. <tr>
  336. <th>
  337. <div>
  338. <span>橿原神宮前</span>
  339. <span>発</span>
  340. </div>
  341. </th>
  342. <td>10:46</td>
  343. <td>10:46</td>
  344. </tr>
  345. <tr>
  346. <th>
  347. <div>
  348. <span>飛鳥</span>
  349. <span>着</span>
  350. </div>
  351. </th>
  352. <td>10:49</td>
  353. <td>10:49</td>
  354. </tr>
  355. <tr>
  356. <th>
  357. <div>
  358. <span>壺阪山</span>
  359. <span>着</span>
  360. </div>
  361. </th>
  362. <td>10:52</td>
  363. <td>10:52</td>
  364. </tr>
  365. <tr>
  366. <th>
  367. <div>
  368. <span>吉野口</span>
  369. <span>着</span>
  370. </div>
  371. </th>
  372. <td>10:59</td>
  373. <td>10:59</td>
  374. </tr>
  375. <tr>
  376. <th>
  377. <div>
  378. <span>福神</span>
  379. <span>着</span>
  380. </div>
  381. </th>
  382. <td>11:05</td>
  383. <td>11:05</td>
  384. </tr>
  385. <tr>
  386. <th>
  387. <div>
  388. <span>下市口</span>
  389. <span>着</span>
  390. </div>
  391. </th>
  392. <td>11:12</td>
  393. <td>11:11</td>
  394. </tr>
  395. <tr>
  396. <th>
  397. <div>
  398. <span>六田</span>
  399. <span>着</span>
  400. </div>
  401. </th>
  402. <td>11:17</td>
  403. <td>11:17</td>
  404. </tr>
  405. <tr>
  406. <th>
  407. <div>
  408. <span>大和上市</span>
  409. <span>着</span>
  410. </div>
  411. </th>
  412. <td>11:23</td>
  413. <td>11:23</td>
  414. </tr>
  415. <tr>
  416. <th>
  417. <div>
  418. <span>吉野神宮</span>
  419. <span>着</span>
  420. </div>
  421. </th>
  422. <td>11:25</td>
  423. <td>11:25</td>
  424. </tr>
  425. <tr>
  426. <th>
  427. <div>
  428. <span>吉野</span>
  429. <span>着</span>
  430. </div>
  431. </th>
  432. <td>11:28</td>
  433. <td>11:28</td>
  434. </tr>
  435. </tbody>
  436. </table>
  437. </div>
  438. </li>
  439. <li>
  440. <div class="accordionTitle hoverOpacity clrF">
  441. <p class="title"><span>第 2 便</span>吉野駅 12:34発 大阪阿部野橋行き</p>
  442. <div class="btn">
  443. <p>開く</p>
  444. <div class="image">
  445. <img src="assets/img/top/top_contents_ico06.png" alt="">
  446. </div>
  447. </div>
  448. <div class="btn close">
  449. <p>閉じる</p>
  450. <div class="image">
  451. <img src="assets/img/top/top_contents_ico07.png" alt="">
  452. </div>
  453. </div>
  454. </div>
  455. <div class="accordionDetail">
  456. <table>
  457. <thead>
  458. <tr>
  459. <th>&nbsp;</th>
  460. <th>平日</th>
  461. <th>土・休日</th>
  462. </tr>
  463. </thead>
  464. <tbody>
  465. <tr>
  466. <th>
  467. <div>
  468. <span>吉野</span>
  469. <span>発</span>
  470. </div>
  471. </th>
  472. <td>12:34</td>
  473. <td>12:35</td>
  474. </tr>
  475. <tr>
  476. <th>
  477. <div>
  478. <span>吉野神宮</span>
  479. <span>発</span>
  480. </div>
  481. </th>
  482. <td>12:36</td>
  483. <td>12:37</td>
  484. </tr>
  485. <tr>
  486. <th>
  487. <div>
  488. <span>大和上市</span>
  489. <span>発</span>
  490. </div>
  491. </th>
  492. <td>12:38</td>
  493. <td>12:39</td>
  494. </tr>
  495. <tr>
  496. <th>
  497. <div>
  498. <span>六田</span>
  499. <span>発</span>
  500. </div>
  501. </th>
  502. <td>12:42</td>
  503. <td>12:43</td>
  504. </tr>
  505. <tr>
  506. <th>
  507. <div>
  508. <span>下市口</span>
  509. <span>発</span>
  510. </div>
  511. </th>
  512. <td>12:48</td>
  513. <td>12:48</td>
  514. </tr>
  515. <tr>
  516. <th>
  517. <div>
  518. <span>福神</span>
  519. <span>発</span>
  520. </div>
  521. </th>
  522. <td>12:54</td>
  523. <td>12:55</td>
  524. </tr>
  525. <tr>
  526. <th>
  527. <div>
  528. <span>吉野口</span>
  529. <span>発</span>
  530. </div>
  531. </th>
  532. <td>13:00</td>
  533. <td>13:00</td>
  534. </tr>
  535. <tr>
  536. <th>
  537. <div>
  538. <span>壺阪山</span>
  539. <span>発</span>
  540. </div>
  541. </th>
  542. <td>13:06</td>
  543. <td>13:07</td>
  544. </tr>
  545. <tr>
  546. <th>
  547. <div>
  548. <span>飛鳥</span>
  549. <span>発</span>
  550. </div>
  551. </th>
  552. <td>13:09</td>
  553. <td>13:09</td>
  554. </tr>
  555. <tr>
  556. <th>
  557. <div>
  558. <span>橿原神宮前</span>
  559. <span>着</span>
  560. </div>
  561. </th>
  562. <td>13:12</td>
  563. <td>13:13</td>
  564. </tr>
  565. <tr>
  566. <th>
  567. <div>
  568. <span>高田市</span>
  569. <span>着</span>
  570. </div>
  571. </th>
  572. <td>13:19</td>
  573. <td>13:19</td>
  574. </tr>
  575. <tr>
  576. <th>
  577. <div>
  578. <span>尺土</span>
  579. <span>着</span>
  580. </div>
  581. </th>
  582. <td>13:22</td>
  583. <td>13:22</td>
  584. </tr>
  585. <tr>
  586. <th>
  587. <div>
  588. <span>大阪阿部野橋</span>
  589. <span>着</span>
  590. </div>
  591. </th>
  592. <td>13:51</td>
  593. <td>13:51</td>
  594. </tr>
  595. </tbody>
  596. </table>
  597. <!-- <p class="text">※3月17日以降は、13:10発となりますのでご注意願います。</p> -->
  598. </div>
  599. </li>
  600. <li>
  601. <div class="accordionTitle hoverOpacity clrF">
  602. <p class="title"><span>第 3 便</span>大阪阿部野橋駅 14:10発 吉野行き</p>
  603. <div class="btn">
  604. <p>開く</p>
  605. <div class="image">
  606. <img src="assets/img/top/top_contents_ico06.png" alt="">
  607. </div>
  608. </div>
  609. <div class="btn close">
  610. <p>閉じる</p>
  611. <div class="image">
  612. <img src="assets/img/top/top_contents_ico07.png" alt="">
  613. </div>
  614. </div>
  615. </div>
  616. <div class="accordionDetail">
  617. <table>
  618. <thead>
  619. <tr>
  620. <th>&nbsp;</th>
  621. <th>平日</th>
  622. <th>土・休日</th>
  623. </tr>
  624. </thead>
  625. <tbody>
  626. <tr>
  627. <th>
  628. <div>
  629. <span>大阪阿部野橋</span>
  630. <span>発</span>
  631. </div>
  632. </th>
  633. <td>14:10</td>
  634. <td>14:10</td>
  635. </tr>
  636. <tr>
  637. <th>
  638. <div>
  639. <span>尺土</span>
  640. <span>発</span>
  641. </div>
  642. </th>
  643. <td>14:38</td>
  644. <td>14:38</td>
  645. </tr>
  646. <tr>
  647. <th>
  648. <div>
  649. <span>高田市</span>
  650. <span>発</span>
  651. </div>
  652. </th>
  653. <td>14:40</td>
  654. <td>14:40</td>
  655. </tr>
  656. <tr>
  657. <th>
  658. <div>
  659. <span>橿原神宮前</span>
  660. <span>発</span>
  661. </div>
  662. </th>
  663. <td>14:46</td>
  664. <td>14:46</td>
  665. </tr>
  666. <tr>
  667. <th>
  668. <div>
  669. <span>飛鳥</span>
  670. <span>着</span>
  671. </div>
  672. </th>
  673. <td>14:49</td>
  674. <td>14:49</td>
  675. </tr>
  676. <tr>
  677. <th>
  678. <div>
  679. <span>壺阪山</span>
  680. <span>着</span>
  681. </div>
  682. </th>
  683. <td>14:52</td>
  684. <td>14:52</td>
  685. </tr>
  686. <tr>
  687. <th>
  688. <div>
  689. <span>吉野口</span>
  690. <span>着</span>
  691. </div>
  692. </th>
  693. <td>14:59</td>
  694. <td>14:59</td>
  695. </tr>
  696. <tr>
  697. <th>
  698. <div>
  699. <span>福神</span>
  700. <span>着</span>
  701. </div>
  702. </th>
  703. <td>15:05</td>
  704. <td>15:05</td>
  705. </tr>
  706. <tr>
  707. <th>
  708. <div>
  709. <span>下市口</span>
  710. <span>着</span>
  711. </div>
  712. </th>
  713. <td>15:11</td>
  714. <td>15:11</td>
  715. </tr>
  716. <tr>
  717. <th>
  718. <div>
  719. <span>六田</span>
  720. <span>着</span>
  721. </div>
  722. </th>
  723. <td>15:17</td>
  724. <td>15:17</td>
  725. </tr>
  726. <tr>
  727. <th>
  728. <div>
  729. <span>大和上市</span>
  730. <span>着</span>
  731. </div>
  732. </th>
  733. <td>15:23</td>
  734. <td>15:21</td>
  735. </tr>
  736. <tr>
  737. <th>
  738. <div>
  739. <span>吉野神宮</span>
  740. <span>着</span>
  741. </div>
  742. </th>
  743. <td>15:25</td>
  744. <td>15:23</td>
  745. </tr>
  746. <tr>
  747. <th>
  748. <div>
  749. <span>吉野</span>
  750. <span>着</span>
  751. </div>
  752. </th>
  753. <td>15:28</td>
  754. <td>15:26</td>
  755. </tr>
  756. </tbody>
  757. </table>
  758. </div>
  759. </li>
  760. <li>
  761. <div class="accordionTitle hoverOpacity clrF">
  762. <p class="title"><span>第 4 便</span>吉野駅 16:04発 大阪阿部野橋行き</p>
  763. <div class="btn">
  764. <p>開く</p>
  765. <div class="image">
  766. <img src="assets/img/top/top_contents_ico06.png" alt="">
  767. </div>
  768. </div>
  769. <div class="btn close">
  770. <p>閉じる</p>
  771. <div class="image">
  772. <img src="assets/img/top/top_contents_ico07.png" alt="">
  773. </div>
  774. </div>
  775. </div>
  776. <div class="accordionDetail">
  777. <table>
  778. <thead>
  779. <tr>
  780. <th>&nbsp;</th>
  781. <th>平日</th>
  782. <th>土・休日</th>
  783. </tr>
  784. </thead>
  785. <tbody>
  786. <tr>
  787. <th>
  788. <div>
  789. <span>吉野</span>
  790. <span>発</span>
  791. </div>
  792. </th>
  793. <td>16:04</td>
  794. <td>16:04</td>
  795. </tr>
  796. <tr>
  797. <th>
  798. <div>
  799. <span>吉野神宮</span>
  800. <span>発</span>
  801. </div>
  802. </th>
  803. <td>16:06</td>
  804. <td>16:06</td>
  805. </tr>
  806. <tr>
  807. <th>
  808. <div>
  809. <span>大和上市</span>
  810. <span>発</span>
  811. </div>
  812. </th>
  813. <td>16:08</td>
  814. <td>16:08</td>
  815. </tr>
  816. <tr>
  817. <th>
  818. <div>
  819. <span>六田</span>
  820. <span>発</span>
  821. </div>
  822. </th>
  823. <td>16:12</td>
  824. <td>16:12</td>
  825. </tr>
  826. <tr>
  827. <th>
  828. <div>
  829. <span>下市口</span>
  830. <span>発</span>
  831. </div>
  832. </th>
  833. <td>16:18</td>
  834. <td>16:18</td>
  835. </tr>
  836. <tr>
  837. <th>
  838. <div>
  839. <span>福神</span>
  840. <span>発</span>
  841. </div>
  842. </th>
  843. <td>16:25</td>
  844. <td>16:25</td>
  845. </tr>
  846. <tr>
  847. <th>
  848. <div>
  849. <span>吉野口</span>
  850. <span>発</span>
  851. </div>
  852. </th>
  853. <td>16:30</td>
  854. <td>16:30</td>
  855. </tr>
  856. <tr>
  857. <th>
  858. <div>
  859. <span>壺阪山</span>
  860. <span>発</span>
  861. </div>
  862. </th>
  863. <td>16:37</td>
  864. <td>16:37</td>
  865. </tr>
  866. <tr>
  867. <th>
  868. <div>
  869. <span>飛鳥</span>
  870. <span>発</span>
  871. </div>
  872. </th>
  873. <td>16:39</td>
  874. <td>16:39</td>
  875. </tr>
  876. <tr>
  877. <th>
  878. <div>
  879. <span>橿原神宮前</span>
  880. <span>着</span>
  881. </div>
  882. </th>
  883. <td>16:43</td>
  884. <td>16:43</td>
  885. </tr>
  886. <tr>
  887. <th>
  888. <div>
  889. <span>高田市</span>
  890. <span>着</span>
  891. </div>
  892. </th>
  893. <td>16:48</td>
  894. <td>16:48</td>
  895. </tr>
  896. <tr>
  897. <th>
  898. <div>
  899. <span>尺土</span>
  900. <span>着</span>
  901. </div>
  902. </th>
  903. <td>16:51</td>
  904. <td>16:51</td>
  905. </tr>
  906. <tr>
  907. <th>
  908. <div>
  909. <span>大阪阿部野橋</span>
  910. <span>着</span>
  911. </div>
  912. </th>
  913. <td>17:22</td>
  914. <td>17:22</td>
  915. </tr>
  916. </tbody>
  917. </table>
  918. </div>
  919. </li>
  920. </ul>
  921. </div>
  922. </section>
  923. <section>
  924. <div class="headingBlock02">
  925. <h3>運行日カレンダー</h3>
  926. <!-- .headingBlock02 --></div>
  927. <div class="textBlock03">
  928. <p>※水曜日を除く毎日運行 ※<span></span>運行日</p>
  929. <!--p style="color:#cd0000;text-align:left; margin:20px 0;">
  930. 【お知らせ】2022年4月2日(土)、3日(日)、9日(土)、10日(日)、16日(土)、17日(日)の観光特急「青の交響曲(シンフォニー)」は通常の運行時間で運行いたしません。詳しくは
  931. <a href="../../railway/Dia/dia_yoshino_blue_symphony.html" target="_blank" style="text-decoration: underline;">
  932. こちらをご確認ください</a>。<br>
  933. なお、通常の運行時間には「青の交響曲(シンフォニー)」と異なる特急車両で運行いたしますのでご注意ください。
  934. </p-->
  935. <!-- .textBlock03 --></div>
  936. <div class="listBlock01">
  937. <style>
  938. .image01 img+img{margin-left:10px;}
  939. @media screen and (max-width: 768px) {
  940. .image01 img {max-width: 49%;}
  941. .image01 img+img{margin-left:5px;}
  942. }
  943. </style>
  944. <ul>
  945. <li>
  946. <div class="image01" style="text-align: center;">
  947. <img src="assets/img/top/calendar/2208.png" alt=""><img src="assets/img/top/calendar/2209.png" alt="">
  948. </div>
  949. </li>
  950. <li>
  951. <div class="image01">
  952. <img src="assets/img/top/calendar/2210.png" alt=""><img src="assets/img/top/calendar/2211.png" alt="">
  953. </div>
  954. </li>
  955. </ul>
  956. <!--p style="text-align:center;font-size:120%;"><a href="/tetsudo/tetsudo_info/news_info/news0003235.html" target="_blank">4月以降の運行についてはこちら</a></p-->
  957. <div class="calendarAccordion">
  958. <div class="calendarAccordionTitle hoverOpacity">
  959. <p><span>さらに見る</span></p>
  960. </div>
  961. <div class="calendarAccordionDetail">
  962. <ul>
  963. <li>
  964. <div class="image01">
  965. <img src="assets/img/top/calendar/2212.png" alt=""><img src="assets/img/top/calendar/2301.png" alt="">
  966. </div>
  967. </li>
  968. <li>
  969. <div class="image01">
  970. <img src="assets/img/top/calendar/2302.png" alt=""><img src="assets/img/top/calendar/2303.png" alt="">
  971. </div>
  972. </li>
  973. <!--li><※4月は臨時テキスト有。>
  974. <div class="image01" style="text-align: center;">
  975. <img src="assets/img/top/calendar/2104.png" alt=""><img src="assets/img/top/calendar/2105.png" alt="">
  976. </div>
  977. <p style="padding-bottom: 10px;"><img src="./assets/img/top/calendar/rinji_note.png" alt=""></p>
  978. <p style="padding-bottom: 10px;"><img src="./assets/img/top/calendar/rinji_note_l.png" alt=""></p>
  979. </li-->
  980. </ul>
  981. </div>
  982. <p style="color:red;font-size: .85rem;margin-top: 1rem;text-indent: -1em;padding-left: 1em;">
  983. ※車両整備などの事情により、運行の休止、運行区間の変更、車種の変更などを予告なく行う場合があります。あらかじめご了承ください。
  984. </p>
  985. </div>
  986. </div>
  987. </section>
  988. <!-- .blockCover01 --></div>
  989. </section>
  990. <section>
  991. <div class="headingBlock01">
  992. <h2>運行料金</h2>
  993. <!-- .headingBlock01 --></div>
  994. <div class="blockCover02">
  995. <div class="textBlock04 clrF">
  996. <div class="leftBlock">
  997. <p class="text01">大人 730<span>円</span></p>
  998. <p class="text02">(特急料金520円+特別車両料金210円)</p>
  999. </div>
  1000. <div class="rightBlock">
  1001. <p class="text01">小児 370<span>円</span></p>
  1002. <p class="text02">(特急料金260円+特別車両料金110円)</p>
  1003. </div>
  1004. <!-- .textBlock04 --></div>
  1005. <div class="textBlock05">
  1006. <p class="text01">※上記料金は南大阪線・吉野線内の停車駅相互間をご利用される場合の料金です。</p>
  1007. <p class="text02">※ご乗車には、上記料金の他に普通運賃が必要です。<br>(片道普通運賃 大阪阿部野橋〜吉野 大人:990円 小児:500円)</p>
  1008. <!-- .textBlock05 --></div>
  1009. <div class="btnBlock01 hoverOpacity">
  1010. <p><a href="#anchor03"><span>特急券のご購入について詳しくはこちら</span></a></p>
  1011. <!-- .btnBlock01 --></div>
  1012. <!-- .blockCover02 --></div>
  1013. </section>
  1014. <div class="pageTop">
  1015. <p><a href="#wrap">ページの先頭へ戻る</a></p>
  1016. <!-- .pageTop --></div>
  1017. <!-- .contentsWrapParts02 --></div>
  1018. <!-- .contentsBlock03 --></div>
  1019. <div class="contentsBlock04">
  1020. <div class="contentsWrapParts02">
  1021. <section>
  1022. <div class="headingBlock01">
  1023. <h2>停車駅</h2>
  1024. <!-- .headingBlock01 --></div>
  1025. <div class="imageBlock01">
  1026. <div class="image"><img src="assets/img/top/top_contents_img02.png" alt=""></div>
  1027. <!-- .imageBlock01 --></div>
  1028. </section>
  1029. <div class="pageTop">
  1030. <p><a href="#wrap">ページの先頭へ戻る</a></p>
  1031. <!-- .pageTop --></div>
  1032. <!-- .contentsWrapParts02 --></div>
  1033. <!-- .contentsBlock04 --></div>
  1034. <div class="contentsBlock05">
  1035. <div class="contentsWrapParts02">
  1036. <section>
  1037. <div class="headingBlock01">
  1038. <h2>MENU</h2>
  1039. <!-- .headingBlock01 --></div>
  1040. <div class="textBlock01">
  1041. <p>「青の交響曲(シンフォニー)」では、<br>食の面でも南大阪線・吉野線沿線の魅力をお伝えいたします。<br>地元の名店や酒蔵、ワイナリーのメニューを多く取り揃え、<br>沿線の歴史・文化や自然に加え、<br>豊かな食の魅力を楽しんでいただけます。</p>
  1042. <!-- .headingBlock01 --></div>
  1043. <div class="btnBlock01 hoverOpacity">
  1044. <p><a href="menu/"><span>車内メニュー</span></a></p>
  1045. <!-- .btnBlock01 --></div>
  1046. </section>
  1047. <div class="pageTop type02">
  1048. <p><a href="#wrap">ページの先頭へ戻る</a></p>
  1049. <!-- .pageTop --></div>
  1050. <!-- .contentsWrapParts02 --></div>
  1051. <!-- .contentsBlock05 --></div>
  1052. <div class="contentsBlock06">
  1053. <div class="contentsWrapParts02">
  1054. <section>
  1055. <div class="headingBlock01">
  1056. <h2>SERVICE</h2>
  1057. <!-- .headingBlock01 --></div>
  1058. <div class="textBlock01">
  1059. <p>キーホルダーやタオル等の定番商品のほか、<br>車内限定のオリジナルグッズを発売いたします。</p>
  1060. <!-- .headingBlock01 --></div>
  1061. <div class="btnBlock01 hoverOpacity">
  1062. <p><a href="services/"><span>車内サービス</span></a></p>
  1063. <!-- .btnBlock01 --></div>
  1064. </section>
  1065. <div class="pageTop type02">
  1066. <p><a href="#wrap">ページの先頭へ戻る</a></p>
  1067. <!-- .pageTop --></div>
  1068. <!-- .contentsWrapParts02 --></div>
  1069. <!-- .contentsBlock06 --></div>
  1070. <div class="contentsBlock07">
  1071. <div class="contentsWrapParts03">
  1072. <section>
  1073. <div class="headingBlock01">
  1074. <h2>青の<span class="rubyText">交響曲<span class="rubyDetail">シンフォニー</span></span>で行く、<br class="spOnly">プレミアムなモデルコース<span class="textIcon">♪</span></h2>
  1075. <p style="color: #182d7b;font-size: 1.5em;margin-top: 0.4em;">会いたい景色に、会いにいく幸せ。</p>
  1076. <!-- .headingBlock01 --></div>
  1077. <div class="linkListBlock01">
  1078. <ul class="clrF">
  1079. <li class="clrF">
  1080. <div class="column">
  1081. <div class="image"><img src="assets/img/top/top_contents_img06.png" alt=""></div>
  1082. </div>
  1083. <div class="column color_violet">
  1084. <p class="text01" style="opacity:0;">吉野 一泊二日モデルコース</p>
  1085. <p class="text02"><span class="textIcon_new textIcon_2">♪</span><span>吉野 一泊二日モデルコース</span><span class="textIcon_new textIcon_1">♫</span></p>
  1086. </div>
  1087. <div class="column">
  1088. <p class="text03"> </p>
  1089. <p class="link"><a href="modelcourse.html#anchor01"><span>詳しく見る</span></a></p>
  1090. </div>
  1091. </li>
  1092. <li class="clrF">
  1093. <div class="column">
  1094. <div class="image"><img src="assets/img/top/top_contents_img04.png" alt=""></div>
  1095. </div>
  1096. <div class="column color_violet">
  1097. <p class="text01" style="opacity:0;">吉野一泊二日モデルコース</p>
  1098. <p class="text02"><span class="textIcon_new textIcon_1">♬</span><span>吉野 日帰りモデルコース</span><span class="textIcon_new textIcon_2">♪</span></p>
  1099. </div>
  1100. <div class="column">
  1101. <p class="text03"> </p>
  1102. <p class="link"><a href="modelcourse.html#anchor02"><span>詳しく見る</span></a></p>
  1103. </div>
  1104. </li>
  1105. <li class="clrF">
  1106. <div class="column">
  1107. <div class="image"><img src="assets/img/top/top_contents_img03.png" alt=""></div>
  1108. </div>
  1109. <div class="column color_blue">
  1110. <p class="text01" style="opacity:0;">吉野日帰りモデルコース</p>
  1111. <p class="text02"><span class="textIcon_new textIcon_1">♪</span><span>飛鳥 日帰りモデルコース</span><span class="textIcon_new textIcon_1">♬</span></p>
  1112. </div>
  1113. <div class="column">
  1114. <p class="text03"> </p>
  1115. <p class="link"><a href="modelcourse.html#anchor03"><span>詳しく見る</span></a></p>
  1116. </div>
  1117. </li>
  1118. <li class="clrF">
  1119. <div class="column">
  1120. <div class="image"><img src="assets/img/top/top_contents_img05.png" alt=""></div>
  1121. </div>
  1122. <div class="column color_green">
  1123. <p class="text01" style="opacity:0;">飛鳥日帰りモデルコース</p>
  1124. <p class="text02"><span class="textIcon_new textIcon_1">♬</span><span>洞川温泉 一泊二日モデルコース</span><span class="textIcon_new textIcon_2">♪</span></p>
  1125. </div>
  1126. <div class="column">
  1127. <p class="text03"> </p>
  1128. <p class="link"><a href="modelcourse.html#anchor04"><span>詳しく見る</span></a></p>
  1129. </div>
  1130. </li>
  1131. </ul>
  1132. <!-- .linkListBlock01 --></div>
  1133. <div class="videoBlock01">
  1134. <iframe width="560" height="315" src="https://www.youtube.com/embed/vs5_tUaEhQs?rel=0&loop=1&playlist=vs5_tUaEhQs" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
  1135. <!-- .videoBlock01 --></div>
  1136. <div class="btnBlock01 hoverOpacity">
  1137. <p><a href="guide/"><span>沿線のご案内はこちら</span></a></p>
  1138. <!-- .btnBlock01 --></div>
  1139. </section>
  1140. <!-- .contentsWrapParts03 --></div>
  1141. <div class="contentsWrapParts02">
  1142. <div class="pageTop type02">
  1143. <p><a href="#wrap">ページの先頭へ戻る</a></p>
  1144. <!-- .pageTop --></div>
  1145. <!-- .contentsWrapParts02 --></div>
  1146. <!-- .contentsBlock07 --></div>
  1147. <div class="contentsBlock08">
  1148. <div class="contentsWrapParts02">
  1149. <section id="anchor03">
  1150. <div class="headingBlock01">
  1151. <h2>ご予約・ご購入</h2>
  1152. <!-- .headingBlock01 --></div>
  1153. <div class="textBlock01">
  1154. <p>特急券のご予約・ご購入は、インターネット・近鉄駅窓口・旅行会社にて受け付けています。</p>
  1155. <!-- .textBlock01 --></div>
  1156. <section>
  1157. <div class="headingBlock02">
  1158. <h3>インターネットでのご予約・ご購入方法</h3>
  1159. </div><!-- .headingBlock02 -->
  1160. <div class="textBlock02">
  1161. <p>
  1162. 「近鉄電車 インターネット予約・発売サービス」でお申し込みを受け付けています。<br>
  1163. チケットの受取りのタイプは次のいずれかとなります。<br>
  1164. <span style="display:inline-block;text-align: left;margin-bottom:15px;">● チケットレスサービス(駅での受取り不要)<br>
  1165. ● 特急券の仮予約→駅でお支払い、お受取り</span><br>
  1166. くわしくは、「近鉄電車 インターネット予約・発売サービス」をご覧ください。
  1167. </p>
  1168. </div><!-- .textBlock02 -->
  1169. <div class="btnBlock01">
  1170. <p><a href="https://www.ticket.kintetsu.co.jp/M/MZZ/MZZ20.do?op=pDisplayServiceMenu" target="_blank"><img src="assets/img/top/top_contents_btn01.png" alt="近鉄電車インターネット予約・発売サービス(チケットレスサービス)"></a></p>
  1171. </div>
  1172. <!-- div class="textBlock03">
  1173. <p class="text01">(注) インターネットでのお取扱いは、ご購入(チケットレスサービス)のみとなります。</p>
  1174. <ul class="list">
  1175. <li>※特急券の仮予約(駅でお支払い・お受取り)は、お取扱いしておりません。</li>
  1176. <li>※お支払いはクレジットカードもしくは、積立金カードとなります。</li>
  1177. </ul>
  1178. <!-- .textBlock03</div -->
  1179. </section>
  1180. <section>
  1181. <div class="headingBlock02">
  1182. <h3>近鉄駅窓口でのご購入方法</h3>
  1183. <!-- .headingBlock02 --></div>
  1184. <div class="textBlock04">
  1185. <p>近鉄主要駅の特急券窓口にて、ご乗車日の1か月前の10時30分より特急券をご購入いただけます。<br>営業時間については特急券発売駅一覧をご覧ください。</p>
  1186. <!-- .textBlock04 --></div>
  1187. <div class="btnBlock01">
  1188. <p><a href="/gyoumu/kippu/station_map_t.html" target="_blank"><img src="assets/img/top/top_contents_btn02.png" alt="近鉄電車インターネット予約・発売サービス(チケットレスサービス)"></a></p>
  1189. </div>
  1190. <div class="textBlock05">
  1191. <p>※阪神電車サービスセンター(神戸三宮)および伊賀鉄道 上野市駅でもご購入いただけます。</p>
  1192. <!-- .textBlock05 --></div>
  1193. </section>
  1194. <section>
  1195. <div class="headingBlock02">
  1196. <h3>旅行会社でのご購入方法</h3>
  1197. <!-- .headingBlock02 --></div>
  1198. <div class="textBlock06">
  1199. <p>主な旅行代理店で、特急券および乗車券を発売しています。<br>くわしくは各旅行代理店にお問い合わせください。</p>
  1200. <p><span style="display:inline-block;text-align: left;">・近畿日本ツーリスト<br>・JTB<br>・日本旅行 など</span></p>
  1201. <!-- .textBlock06 --></div>
  1202. </section>
  1203. <section>
  1204. <div class="inquiryBlock01">
  1205. <p class="title">お問い合わせ</p>
  1206. <p class="text01"><span class="fwB">近鉄電車テレフォンセンター</span> 8:00〜21:00(年中無休)</p>
  1207. <p class="text02">050-3536-3957</p>
  1208. <!-- .tinquiryBlock01 --></div>
  1209. </section>
  1210. </section>
  1211. <!-- .contentsWrapParts02 --></div>
  1212. <!-- .contentsBlock08 --></div>
  1213. <!-- #topArea01 --></div>
  1214. <div id="pamphf">
  1215. <section class="l-pamphlet c-section_block">
  1216. <div class="l-pamphlet_thumb">
  1217. <div class="image" style="margin-top:20px;">
  1218. <img src="assets/img/top/bs_leaf.jpg" alt="青の交響曲(シンフォニー)" class="e-img">
  1219. <p class="l-pamphlet_button">
  1220. <a href="assets/dl/pdf/bs2022_leaf.pdf" target="blank" class="e-item u-hover_opacity">
  1221. <strong class="e-name">青の交響曲パンフレット</strong>
  1222. <span class="e-text">ダウンロードはこちら</span>
  1223. <span class="e-file">(PDF:4.29MB)<i class="e-file_icon u-icon_pdf"></i></span>
  1224. </a>
  1225. </p>
  1226. </div>
  1227. </div>
  1228. </section>
  1229. </div>
  1230. <!-- #contentsArea --></article>
  1231. <style>
  1232. .u-hover_opacity:hover {
  1233. opacity: .65;
  1234. }
  1235. #pamphf{
  1236. padding: 0 20px 20px;
  1237. margin: 0 auto;
  1238. background: #101d57;
  1239. background: #253164;
  1240. font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  1241. line-height: 1;
  1242. }
  1243. .l-pamphlet {
  1244. text-align:center;
  1245. }
  1246. .l-pamphlet_thumb {}
  1247. .l-pamphlet_thumb .e-img {
  1248. margin: 30px 0 0;
  1249. }
  1250. .l-pamphlet_button {
  1251. margin: 30px 0 0;
  1252. }
  1253. .l-pamphlet_button .e-item {
  1254. display: inline-block;
  1255. position: relative;
  1256. width: 560px;
  1257. padding: 30px 0;
  1258. background: #fff;
  1259. text-decoration: none;
  1260. border-radius: 7px;
  1261. }
  1262. .l-pamphlet_button .e-item:after {
  1263. content: '';
  1264. position: absolute;
  1265. top: 0;
  1266. bottom: 0;
  1267. right: 20px;
  1268. width: 20px;
  1269. background: url(assets/img/global/arrow_line_right_blue_w20.png) no-repeat right center;
  1270. }
  1271. .l-pamphlet_button .e-text,
  1272. .l-pamphlet_button .e-name,
  1273. .l-pamphlet_button .e-file {
  1274. display: block;
  1275. }
  1276. .l-pamphlet_button .e-text {
  1277. margin: 10px 0 0;
  1278. font-size: 16px;
  1279. font-weight: bold;
  1280. }
  1281. .l-pamphlet_button .e-name {
  1282. font-size: 24px;
  1283. font-weight: bold;
  1284. }
  1285. .l-pamphlet_button .e-file {
  1286. margin: 10px 0 0;
  1287. font-size: 14px;
  1288. }
  1289. .l-pamphlet_button .e-file_icon {
  1290. margin-top: -.3em;
  1291. }
  1292. .u-icon_pdf {
  1293. display: inline-block;
  1294. vertical-align: top;
  1295. width: 16px;
  1296. height: 20px;
  1297. margin: 0 0 0 .5em;
  1298. background: url(assets/img/global/icon_pdf_w16.png) no-repeat center center;
  1299. background-size: 100% auto;
  1300. }
  1301. @media screen and (max-width: 767px) {
  1302. .l-pamphlet {
  1303. height: auto;
  1304. padding-bottom: 30px;
  1305. background-image: url(../../img/guide/pamphlet_bg_media.png);
  1306. }
  1307. .l-pamphlet_thumb {}
  1308. .l-pamphlet_thumb .e-img {
  1309. max-width: 112px;
  1310. margin-top: -15px;
  1311. }
  1312. .l-pamphlet_button {}
  1313. .l-pamphlet_button .e-item {
  1314. display: block;
  1315. width: auto;
  1316. padding: 15px 30px;
  1317. }
  1318. .l-pamphlet_button .e-item:after {
  1319. right: 10px;
  1320. width: 10px;
  1321. background-size: 100% auto;
  1322. }
  1323. .l-pamphlet_button .e-text,
  1324. .l-pamphlet_button .e-name,
  1325. .l-pamphlet_button .e-file {}
  1326. .l-pamphlet_button .e-text {
  1327. font-size: 10px;
  1328. }
  1329. .l-pamphlet_button .e-name {
  1330. font-size: 14px;
  1331. }
  1332. .l-pamphlet_button .e-file {
  1333. font-size: 10px;
  1334. }
  1335. .l-pamphlet_button .e-file_icon {
  1336. margin-top: -.5em;
  1337. }
  1338. }
  1339. </style>
  1340. <footer id="footerArea">
  1341. <div class="footerBlock01 nextAbout">
  1342. <div class="footerBlock01Inner">
  1343. <div class="image"><img src="assets/img/common/common_footer_logo01.png" alt="青の交響曲(シンフォニー)"></div>
  1344. <p class="link">
  1345. <a href="about/">
  1346. <img src="assets/img/common/common_footer_txt01.png" alt="Next 青の交響曲(シンフォニー)とは" class="pcOnly">
  1347. <img src="assets/img/common/common_footer_txt01_sp.png" alt="Next 青の交響曲(シンフォニー)とは" class="spOnly">
  1348. </a>
  1349. </p>
  1350. <!-- .footerBlock01Inner --></div>
  1351. <!-- .footerBlock01 --></div>
  1352. <div class="footerBlock02">
  1353. <div class="footerBlock02Inner">
  1354. <ul>
  1355. <li>
  1356. <style>
  1357. #footerArea .footerBlock02 ul li a .rubyText .rubyDetail {width: 8em;left: -8px;}
  1358. @media screen and (max-width: 768px)
  1359. { #footerArea .footerBlock02 ul li a .rubyText .rubyDetail {width: 9em;} }
  1360. </style>
  1361. <a href="index.html" class="hoverOpacity"><span>トップページ</span></a>
  1362. </li>
  1363. <li>
  1364. <a href="about/" class="hoverOpacity"><span>青の<span class="rubyText">交響曲<span class="rubyDetail">シンフォニー</span></span>とは</span></a>
  1365. </li>
  1366. <li>
  1367. <a href="menu/" class="hoverOpacity"><span>車内メニュー</span></a>
  1368. </li>
  1369. <li>
  1370. <a href="services/" class="hoverOpacity"><span>車内サービス</span></a>
  1371. </li>
  1372. <li class="/*newIcon*/">
  1373. <a href="modelcourse.html" class="hoverOpacity"><span>モデルコース</span></a>
  1374. </li>
  1375. <li>
  1376. <a href="guide/" class="hoverOpacity"><span>沿線のご案内</span></a>
  1377. </li>
  1378. </ul>
  1379. <!-- .footerBlock02Inner --></div>
  1380. <!-- .footerBlock02 --></div>
  1381. <div class="footerBlock03">
  1382. <div class="footerBlock03Inner">
  1383. <div class="block01">
  1384. <div class="link">
  1385. <ul>
  1386. <li>
  1387. <a href="/" target="_blank">近鉄ホームページ</a>
  1388. </li>
  1389. </ul>
  1390. </div>
  1391. <div class="language">
  1392. <p class="title">language</p>
  1393. <div class="cover jsHoverClass">
  1394. <p class="trigger">
  1395. <b class="btn hoverOpacity">日本語</b>
  1396. </p>
  1397. <ul>
  1398. <li><a href="/foreign/english/blue_symphony/" class="btn hoverOpacity">English</a></li>
  1399. <li><a href="/foreign/chinese-kan/blue_symphony/" class="btn hoverOpacity">簡体中文</a></li>
  1400. <li><a href="/foreign/chinese-han/blue_symphony/" class="btn hoverOpacity">繁体中文</a></li>
  1401. <li><a href="/foreign/korean/blue_symphony/" class="btn hoverOpacity">한국어</a></li>
  1402. </ul>
  1403. </div>
  1404. </div>
  1405. </div>
  1406. <div class="block02">
  1407. <style>
  1408. #footerArea .footerBlock03 .block02 .bnr {width:33.4%;}
  1409. #footerArea .footerBlock03 .block02 .bnr p{margin-right:17px;}
  1410. @media screen and (max-width: 768px){
  1411. #footerArea .footerBlock03 .block02 .bnr {width:100%;}
  1412. #footerArea .footerBlock03 .block02 .bnr:first-of-type {margin-bottom: 20px;}
  1413. #footerArea .footerBlock03 .block02 .bnr p{margin-right:0;}
  1414. }
  1415. </style>
  1416. <div class="bnr">
  1417. <p><a href="../aoniyoshi/" target="_blank"><img src="../aoniyoshi/assets/img/global/site_banner.jpg" alt="観光特急あをによし"></a></p>
  1418. </div>
  1419. <div class="bnr">
  1420. <p><a href="../shimakaze/" target="_blank"><img src="assets/img/common/common_footer_bnr01.png" alt="しまかぜ Blue Symphony"></a></p>
  1421. </div>
  1422. <div class="copy">
  1423. <p><a href="/" target="_blank"><img src="assets/img/common/common_footer_logo02.png" alt="近鉄"></a></p>
  1424. <small>Copyright &copy; Kintetsu Railway Co., Ltd. <br>All Rights Reserved.</small>
  1425. </div>
  1426. </div>
  1427. <div class="block03">
  1428. <ul>
  1429. <li><a href="https://www.kintetsu.jp/company/privacypolicy.html" target="_blank">個人情報保護方針</a></li>
  1430. <li><a href="informative/">インフォマティブデータ取得について</a></li>
  1431. </ul>
  1432. </div>
  1433. <!-- .footerBlock03Inner --></div>
  1434. <!-- .footerBlock03 --></div>
  1435. <!-- #footerArea --></footer>
  1436. <!-- #wrap --></div>
  1437. <!-- js -->
  1438. <script src="assets/js/common.js"></script>
  1439. <!-- /js -->
  1440. <!-- local js -->
  1441. <script src="assets/js/slick.min.js"></script>
  1442. <script src="assets/js/jquery.magnific-popup.min.js"></script>
  1443. <script src="assets/js/top.js"></script>
  1444. <!-- /local js -->
  1445. <script type="text/javascript">(function(d,u){var b=d.getElementsByTagName("script")[0],j=d.createElement("script");j.async=true;j.src=u;b.parentNode.insertBefore(j,b);})(document,"//img.ak.impact-ad.jp/ut/961887b805ce5de8_6124.js");</script>
  1446. </body>
  1447. </html>

Used the HTML parser.

Total execution time 194 milliseconds.


About this checkerReport an issueVersion: 22.3.8