-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresult3.html
194 lines (175 loc) · 9.71 KB
/
result3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>山診断</title>
<meta name="description" content=“あなたも山を好きになる山”>
<meta property="og:title" content="山診断">
<meta property="og:type" content="website" />
<meta property="og:url" content="#" />
<meta property="og:site_name" content="チーズアカデミー" />
<meta property="og:description" content="あなたも好きになる山" />
<meta name="format-detection" content="telephone=no">
<link rel="canonical" href="#">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/sanitize.css" />
<link rel="stylesheet" type="text/css" href="css/result.css" />
<link rel="icon" href="img/mountain-icon.png">
<!-- あらかじめcssを読み込んでいるので設定しなくてOK-->
</head>
<style>
.overflow-wrap-break {
overflow-wrap: break-word;
}
</style>
<body>
<!-- ここから記述しよう -->
<section id="content">
<h1 class="head__title">あなたが好きな山はこちら!</h1>
<!--ABOUT-->
<div class="result-type1">
<img class="icon" src="img/kuju-icon.jpeg">
<p class="result-title">アクティブな人向けのくじゅう連山<br>
(大分県・竹田市)</p>
</div>
<div class="result-text">
<p>九州に誇る・くじゅう連山<br>
くじゅう連山は大分・熊本の間にある大きな山脈でありつつ、<br>
国内の大きい山脈の中でも、登山口に近い、登りやすいと有名です。<br>
<p></p>
登山の初心者にも行きやすいし、<br>
3時間で登ってからの絶景はきっと一生の思い出になるでしょう。<br>
<br>
<p></p>
そして、下山後は温泉・美食が盛り沢山！<br>
日頃疲れたあなたに、いい癒しを与えられるでしょう。<br>
</p>
</div>
<!--画像 -->
<img src="img/kuju.jpeg" alt="yama" class="content-photo">
</section>
<!--地図 -->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26736.264664894356!2d131.27384779530973!3d33.10821407587175!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3541353b5366af9b%3A0x1fad26a98fd1c695!2z44GP44GY44KF44GG6YCj5bGx!5e0!3m2!1sja!2sjp!4v1666494618524!5m2!1sja!2sjp"
width="1000" height="450" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<!--周辺情報 -->
<!--くじゅうを登ってから温泉とあか牛 -->
<section id="information">
<h2>MODEL COURSE</h2>
<h3>モデルコース</h3>
<ul class="accordion-area">
<li>
<section>
<div class="title table">
<dt>05:00</dt>
<dd>くじゅう連山 牧ノ戸登山口</dd>
</div>
<div class="box box-together">
<img class="left-box2" src="img/makinoto.jpeg">
<p class="right-box2">
牧ノ戸峠は標高1,330mにあり、くじゅう連山にアタックする最も多くの人が利用する登山口です。<br>
また、九州横断道路、通称「やまなみハイウェイ」でも最高位にあり、別府⇔湯布院⇔九重⇔黒川⇔阿蘇を結ぶドライブでも最高の休憩所です。少し足を運べば、簡単に高山植物の散策ができます。
</p>
</div>
</section>
</li>
<li>
<section>
<div class="title table">
<dt>09:00</dt>
<dd>久住山山頂</dd>
</div>
<div class="box box-together">
<img class="left-box2" src="img/kuju-peak.webp">
<p class="right-box2">
久住山山頂の標識と硫黄山の噴煙です。
くじゅう連山の山頂は、どこも展望に優れています。特に久住山は南側の展望に優れ、眼下に久住高原、遠くに阿蘇山や祖母山系の山々が望めます。この広大な景色と山頂の心地よい風が今までのキツさを吹き飛ばしてくれます。
</p>
</div>
</section>
</li>
<li>
<section>
<div class="title table">
<dt>11:00</dt>
<dd>下山・赤川温泉</dd>
</div>
<div class="box box-together">
<img class="left-box2" src="img/akakawa-onsen.jpeg">
<p class="right-box2">
赤川温泉は文知2年(1185年)、源頼朝時代に巻狩り演習中の兵士により発見されたと伝えられており、久住山赤川谷奥10数箇所で自然湧出しています。
赤川温泉は全国的にもまれに見る良質温泉ですが、独特な入浴法により一層効果を楽しむ事ができます。
露天風呂は滝を眺めらがら入浴できますので、山での疲れを一気に癒されます。
</p>
</div>
</section>
<li>
<section>
<div class="title table">
<dt>13:00</dt>
<dd>阿蘇名物・あか牛</dd>
</div>
<div class="box box-together">
<img class="left-box2" src="img/akaushi.jpeg">
<p class="right-box2">
褐毛和種（あかげわしゅ）は熊本系と高知系に分けられ、いずれも起源は韓牛と言われています。
現在の「くまもとあか牛」は阿蘇、矢部および球磨地方で飼われていた在来種とシンメンタール種の交配により改良された固有種で、昭和19年に和牛として登録されました。
あか牛は、耐寒・耐暑性に優れており、放牧に適し、性格がおとなしく飼育しやすいという特性を持っています。
肉質は赤身が多く、適度の脂肪分も含み、うま味とやわらかさ、ヘルシーさを兼ね備えています。ぜひ一度食べてみたください。
</p>
</div>
</section>
</li>
<li>
<section>
<div class="title table">
<dt>14:00</dt>
<dd>熊本空港・陣太鼓ソフト</dd>
</div>
<div class="box box-together">
<img class="left-box2" src="img/jintaiko-soft.JPG">
<p class="right-box2">熊本の代表銘菓「誉の陣太鼓」をソフトクリームにした「陣太鼓ソフト」。
濃厚なミルクアイスに混ざり合う、北海道産大納言あずきとやわらかーく伸びる求肥が格別な味わいです。
しかも、店舗限定の一品なので、ぜひご賞味ください</p>
</div>
</section>
</li>
</ul>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script type="text/javascript" src="result.js"></script>
</section>
<!-- CTA -->
<p class="cta">初めて旅するに、ちょっと不安だなーと思うのであれば、<br>
弊社の山岳部があなたを連れて行きます！</p>
</section>
<!--申し込みボタン -->
<section id="botton">
<div class="botton">
<a class="arrow_animation_button" href="form.html">今すぐ申し込み</a>
</div>
</section>
<!-- twitter share botton -->
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-text="私が好きな山はこちら!"
data-hashtags="山好きと繋ぎたい" data-size="large" data-show-count="false">Tweet</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- Facebook Share Botton -->
<iframe
src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fwww.tagindex.com%2Fhtml_tag%2Fimg%2Fimg_width.html&layout=button&size=large&width=105&height=28&appId"
width="105" height="28" style="border:none;overflow:hidden" scrolling="no" frameborder="0"
allowfullscreen="true"
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
<!--固定ボタン-->
<a href="#top" id="topBtn" class="topBtn"><img src="IMG/mountain-icon-top.png" alt="TAG index" width="80"
height="80"></a>
<!--/固定ボタン-->
<footer>
<div class="footer-text">
<small>Copyright 2022. Mountain Cheese ALL RIGHT RESERVED.</small>
</div>
</footer>
</body>
</html>