CONCEPT

<div class="container wrap j_between sp_vertical">
<div class="column2_50">
<div class="slide-show"><img src="https://hakoniwa-nishitenma.com/struct/wp-content/uploads/t_1.jpg" alt="" width="800" height="533" class="size-full wp-image-1628 aligncenter" /> <!-- スペーサー画像のURL --> <img src="https://hakoniwa-nishitenma.com/struct/wp-content/uploads/t_1.jpg" alt="" width="800" height="533" class="size-full wp-image-1628 aligncenter" /> <!-- 1枚目の画像のURL --> <img src="https://hakoniwa-nishitenma.com/struct/wp-content/uploads/t_2.jpg" alt="" width="800" height="533" class="size-full wp-image-1629 aligncenter" /> <!-- 2枚目の画像のURL --> <img src="https://hakoniwa-nishitenma.com/struct/wp-content/uploads/t_3.jpg" alt="" width="800" height="533" class="size-full wp-image-1630 aligncenter" /> <!-- 3枚目の画像のURL --></div>
</div>
<div class="column2_50">
<p><img src="https://hakoniwa-nishitenma.com/struct/wp-content/uploads/logo.png" alt="" width="180" height="69" class=" wp-image-1611 aligncenter" /></p>
<p style="text-align: center;"><span style="font-size: 20px;">Hakoniwa 西天満</span></p>
<p style="text-align: center;">大阪府大阪市北区西天満4-2-12<br />
ドムール天満 1F</p>
<p style="text-align: center;">▼ご予約はこちら<br />
<a href="tel:06-6311-5555">06-6311-5555</a></p>
<p style="text-align: center;">
<br />
【ランチ】 11:30~15:00<br />
【ディナー】 18:00~23:00<br />
<br />
</p>
<p style="text-align: center;">定休日:火曜日、水曜日</p>
</div>
</div>
<p>&nbsp;</p>
<p><iframe width="100%" height="450" style="border: 50; width: 100%; margin: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6560.649880546332!2d135.50414714458938!3d34.69698330511614!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6000e6e83ac5d84b%3A0xbc482c1f8a7dc114!2z44CSNTMwLTAwNDcg5aSn6Ziq5bqc5aSn6Ziq5biC5YyX5Yy66KW_5aSp5rqA77yU5LiB55uu77yS4oiS77yR77yS!5e0!3m2!1sja!2sjp!4v1597832095277!5m2!1sja!2sjp" frameborder="0" allowfullscreen="allowfullscreen" aria-hidden="false" tabindex="0"></iframe></p>
<p>&nbsp;</p>
<p>
<style type="text/css">
div.slide-show {
width: 640px; /* スライドショーの幅 */
max-width: 100%; /* スマホで表示が欠けないように */
margin: 10px auto; /* 中央揃え */
position: relative;
}

.slide-show img {
animation: show 12s infinite; /* 12秒のスライドショーを繰り返し */
max-width: 100%;
height: auto;
opacity: 0;
position: absolute; /* 画像を重ねて表示 */
left: 0;
top: 0;
}

@keyframes show {
0% {opacity: 0}
17% {opacity: 1}
33% {opacity: 1}
50% {opacity: 0}
}

.slide-show img:nth-of-type(1) {
position: relative;
}

.slide-show img:nth-of-type(2) {
animation-delay: 0s;
}

.slide-show img:nth-of-type(3) {
animation-delay: 4s;
}

.slide-show img:nth-of-type(4) {
animation-delay: 8s;
}
</style>
</p>