SLIM ORIGINAL
SLIM
ORIGINAL
<!---------------- firstContent[s] ---------------->
<section class="firstContent">
<div class="inner--firstContent">
<div class="firstContent__content">
<h2 class="ttl mb-75">
ALBAN "Slim" Series - The New Standard for<br>
Home Automatic Mahjong Tables
</h2>
<p class="txt-m mb-30">Fusion of Innovative Design and Functionality</p>
<p class="txt mb-75">
ALBAN Co.'s "Slim" series is a revolutionary product that defies conventional wisdom about home automatic mahjong tables. Released by ALBAN Co.,<br>
a leader in the mahjong table market since its founding in 1990, this series features a slim, lightweight design and high-quality finish.<br>
Inspired by luxury cars and high-end audio equipment, its simple and modern design has a sophisticated and
clean appearance unlike traditional mahjong tables, blending naturally with home interiors. Combining space-saving, functionality,<br>
and design aesthetics, the "Slim" series has gained attention as a next-generation mahjong table ideal for modern living spaces.
</p>
<p class="txt-m mb-30">Advanced Features for Ultimate Comfort</p>
<p class="txt mb-75">The "Slim" series is equipped with cutting-edge technology to enhance your mahjong experience</p>
<div class="swiper swiper--features">
<div class="swiper-wrapper">
<div class="swiper-slide">
<article class="slide">
<div class="slide-media">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/features01.svg'); ?>"
alt="Score Display Function" class="icon01">
</div>
<div class="slide-body">
<div class="ttl">Score Display Function</div>
<p class="txt">
The LCD display in the center of the table automatically shows each player's points. Score models can simultaneously display everyone's scores, point differences, rankings, and total scoring sticks on a clear 6-digit screen with excellent visibility in any lighting condition.
</p>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="slide">
<div class="slide-media">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/features02.svg'); ?>"
alt="Voice Guidance Function" class="icon02">
</div>
<div class="slide-body">
<div class="ttl">Voice Guidance Function</div>
<p class="txt">
The latest "Slim Voice" series features the industry's first voice guidance function with recorded voices by popular voice actors Takeshi Koyama and Arisa Date, providing vibrant announcements at key moments, making it reassuring even for beginners.
</p>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="slide">
<div class="slide-media">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/features03.svg'); ?>"
alt="Advanced Dice System" class="icon03">
</div>
<div class="slide-body">
<div class="ttl">Advanced Dice System</div>
<p class="txt">
The "Slim" adopts a lidless rising dice box with fewer parts, preventing problems with dice outcomes. It also features an automatic dealer selection function that eliminates the need for a dealer marker, displaying the dealer position automatically.
</p>
</div>
</article>
</div>
<div class="swiper-slide">
<article class="slide">
<div class="slide-media">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/features04.svg'); ?>"
alt="Instant Scoring Stick Storage" class="icon04">
</div>
<div class="slide-body">
<div class="ttl">Instant Scoring Stick Storage</div>
<p class="txt">
When a game ends, scoring sticks can be instantly stored by simply pouring them into input ports beside each player's seat. The sticks are automatically counted inside the table, ensuring accurate point display for the next game.
</p>
</div>
</article>
</div>
</div>
<div class="swiper-scrollbar"></div>
</div>
</div>
</div>
<div class="bnr__block mb-75">
<li>
<div class="ttl">Sophisticated Slim Design
</div>
<p class="txt">
One of the main features of the "Slim" series is its slim, lightweight body. The table can operate independently on its base, and the legs can be removed as needed for use as a low table. With a body weight of about 30kg and a total weight of about 51kg including legs, it is relatively light for an automatic mahjong table.<br>
<br>
The space-saving design is also a major advantage for home use. The Slim series (especially the "S" model) is the only automatic mahjong table that can be folded with two sets of mahjong tiles stored inside. When folded, it becomes compact at approximately 88cm wide and 50cm deep, making it easy to store when not in use.
</p>
</li>
<li>
<picture>
<source srcset="<?php echo get_theme_file_uri('assets/img/slimoriginal/firstcontent_bg_sp.png'); ?>"
media="(max-width:768px)">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/firstcontent_bg_pc.png'); ?>" alt="">
</picture>
</li>
</div>
</section>
<!---------------- firstContent[e] ---------------->
<!---------------- ecoFriendly[s] ---------------->
<section class="ecoFriendly">
<div class="inner--ecoFriendly">
<div class="ecoFriendly__content">
<h2 class="ecoFriendly__ttl"><span>Quiet & Eco-Friendly Design</span></h2>
<ul class="ecoFriendly__lists">
<li>
<div class="img__block">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/ecoFriendly01.svg'); ?>" alt="Silent Operation">
</div>
<div class="textBlock">
<div class="ttl">Silent Operation</div>
<p class="txt">
ALBAN Co. has focused on noise reduction technology, greatly reducing the mechanical sounds during tile shuffling and dealing. Many users comment that it's "quieter than imagined" and "quieter than manual stacking," allowing play even in apartments late at night.
</p>
</div>
</li>
<li>
<div class="img__block">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/ecoFriendly02.svg'); ?>" alt="Energy Efficiency">
</div>
<div class="textBlock">
<div class="ttl">Energy Efficiency</div>
<p class="txt">
The "Slim" series adopts efficient DC motors, achieving power consumption of just about 80W, which is less than half that of a typical automatic mahjong table. This keeps electricity costs down even during long hours of use and is environmentally friendly. </p>
</div>
</li>
</ul>
</div>
</div>
</section>
<!---------------- ecoFriendly[e] ---------------->
<!---------------- variarions[s] ---------------->
<section class="variarions">
<div class="inner--variarions">
<div class="variarions__content">
<h2 class="variarions__ttl"><span>Selectable Model Variations</span></h2>
<div class="variarions__txt">Customize your mahjong table to fit your needs and preferences</div>
<ul class="variarions__lists">
<li>
<div class="img__block">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/variarions01.svg'); ?>" alt="Tile Sizes">
</div>
<div class="textBlock">
<div class="ttl">Tile Sizes</div>
<p class="txt">
Choose between standard 28mm tiles and larger, easier-to-see 33mm tiles depending on your preference.
</p>
</div>
</li>
<li>
<div class="img__block">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/variarions02.svg'); ?>" alt="Leg Types">
</div>
<div class="textBlock">
<div class="ttl">Leg Types</div>
<p class="txt">
Select from folding, mobile leg type or low table & table leg set type to suit your living space.
</p>
</div>
</li>
<li>
<div class="img__block">
<img src="<?php echo get_theme_file_uri('assets/img/slimoriginal/variarions03.svg'); ?>" alt="Colors">
</div>
<div class="textBlock">
<div class="ttl">Colors</div>
<p class="txt">
Available in clean white and sophisticated black to match your home interior design.
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<!---------------- variarions[e] ---------------->
<!---------------- keyFeatures [s] ---------------->
<section class="keyFeatures">
<div class="inner--keyFeatures">
<div class="keyFeatures__content">
<h2 class="keyFeatures__ttl"><span>Key Features of the "Slim" Series</span></h2>
<ul class="keyFeatures__lists">
<li>
<div class="ttl">Space-Saving and Storage</div>
<p class="txt">
The only automatic mahjong table that can be folded with tiles inside, making it perfect for homes with limited space.
</p>
</li>
<li>
<div class="ttl">Refined Design and <br>Premium Feel</div>
<p class="txt">
An elegant form that enhances any living room, designed to be a piece of furniture rather than just a gaming table. </p>
</li>
<li>
<div class="ttl">Quietness and <br>Power Efficiency</div>
<p class="txt">
Surpassing competitor products in silence with low 80W power consumption, ideal for apartment living. </p>
</li>
<li>
<div class="ttl">Comprehensive <br>Score Display</div>
<p class="txt">
Showing point differences, rankings, and totals all on one screen for an enhanced gaming experience. </p>
</li>
<li>
<div class="ttl">Unique Additional Functions</div>
<p class="txt">
Convenient features not available elsewhere, such as voice guidance and instant scoring stick storage. </p>
</li>
</ul>
</div>
</div>
</section>
<!---------------- keyFeatures[e] ---------------->
<!---------------- videoSec [s] ---------------->
<?php
// ACF で oEmbed フィールド（動画 URL）を取得
$video = get_field('video');
// 動画が登録されていればセクションを出力
if ($video) : ?>
<section class="videoSec">
<div class="inner--videoSec">
<div class="videoSec__content">
<?php
// フィールドタイプが「oEmbed」の場合はそのまま HTML を出力
// (URL フィールドの場合は wp_oembed_get() で埋め込みコードを取得)
echo $video;
?>
</div>
</div>
</section>
<?php
endif;
?>
<!---------------- videoSec[e] ---------------->
<!----------------introductionSliderSec[s] ---------------->
<?php
// 繰り返しフィールドを取得
$introductions = SCF::get('introduction_group');
if ($introductions) :
?>
<section class="introductionSliderSec">
<div class="inner--introduction">
<div class="swiper swiper--introductionSlider">
<div class="swiper-wrapper">
<?php foreach ($introductions as $intro) : ?>
<div class="swiper-slide">
<div class="img__block">
<?php
// 画像フィールドは添付IDが返るので、urlで出したい場合は wp_get_attachment_image_src() などを使う
$img_id = $intro['introduction_image'];
echo wp_get_attachment_image($img_id, 'full', false, ['alt' => esc_attr(get_post_meta($img_id, '_wp_attachment_image_alt', true))]);
?>
</div>
<div class="ttl">
<?php echo esc_html($intro['introduction_title']); ?>
</div>
<div class="txt">
<?php
// テキストエリアの改行を反映
echo nl2br(esc_html($intro['introduction_text']));
?>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</section>
<?php endif; ?>
<!----------------introductionSliderSec[e] ---------------->
<!----------------introductionSec[s] ---------------->
<?php
// 繰り返しフィールドを取得
$introductions = SCF::get('introduction_group');
if ($introductions) :
?>
<section class="introductionSec">
<div class="inner--introduction">
<div class="introduction__content">
<ul class="introduction__lists">
<?php foreach ($introductions as $intro) : ?>
<li>
<div class="img__block">
<?php
// 画像フィールドは添付IDが返るので、urlで出したい場合は wp_get_attachment_image_src() などを使う
$img_id = $intro['introduction_image'];
echo wp_get_attachment_image($img_id, 'full', false, ['alt' => esc_attr(get_post_meta($img_id, '_wp_attachment_image_alt', true))]);
?>
</div>
<div class="ttl">
<?php echo esc_html($intro['introduction_title']); ?>
</div>
<div class="txt">
<?php
// テキストエリアの改行を反映
echo nl2br(esc_html($intro['introduction_text']));
?>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</section>
<?php endif; ?>
<!----------------introductionSec[e] ---------------->
<!---------------- slimOriginalType[s] ---------------->
<section class="slimOriginalType">
<div class="inner--slimOriginalType">
<div class="slimOriginalType__content">
<h2 class="section__ttl viewAni pl-60"><span>SLIM ORIGINAL TYPE</span></h2>
<?php
// まずフロントページの ID を取得
$front_id = get_option('page_on_front');
?>
<ul class="slimOriginalType__lists">
<?php for ($i = 1; $i <= 3; $i++) :
// フロントページのカスタムフィールドを取得
$img = get_field('img_' . $i, $front_id);
$name = get_field('name_' . $i, $front_id);
$url = get_field('url_' . $i, $front_id);
?>
<?php if ($img && $name && $url) : ?>
<li>
<a href="<?php echo esc_url($url); ?>" class="hovAni01">
<div class="img__block">
<img src="<?php echo esc_url($img['url']); ?>" alt="<?php echo esc_attr($name); ?>">
</div>
<div class="ttl"><span><?php echo esc_html($name); ?></span></div>
</a>
</li>
<?php endif; ?>
<?php endfor; ?>
</ul>
</div>
</div>
</section>
<!---------------- slimOriginalType[e] ---------------->Experience the "Slim" Series Today
ALBAN Co.'s "Slim" series automatic mahjong tables offer exceptional appeal in technology, design, and convenience. This high-quality and smart mahjong experience will undoubtedly become indispensable once experienced.
