<?php
/*
Template Name: トップページ（TOP）用テンプレート
*/
?>
<!doctype html>
<html lang="ja"><!-- InstanceBegin template="/Templates/kenyu_temp.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<!-- InstanceBeginEditable name="doctitle" -->
<title>K&amp;STARボクシングジム｜兵庫県西宮市にあるK&amp;STARボクシングジムはFITNESS&amp;DIET&amp;BOXING。オヤジファイター輩出中!</title>
<meta name="description" content="頑張る選手を応援します！｜K&amp;STARボクシングジムは兵庫県西宮市柳本町にある親父ファイターをチャンピオン輩出からフィットネス、ダイエットまで対応のジムです。" />
<meta property="og:title" content="K&amp;STARボクシングジム｜兵庫県西宮市にあるK&amp;STARボクシングジムはFITNESS&amp;DIET&amp;BOXING。オヤジファイター輩出中!">
<meta property="og:description" content="頑張る選手を応援します！｜K&amp;STARボクシングジムは兵庫県西宮市柳本町にある親父ファイターをチャンピオン輩出からフィットネス、ダイエットまで対応のジムです。">
<meta property="og:type" content="website">
<!-- InstanceEndEditable -->
<meta name="author" content="K&amp;STARボクシングジム">
<meta name="keywords" content="K&amp;STAR,ボクシング,ジム,KENYU,BOXING,GYM,西宮,オヤジファイター">
<meta property="og:url" content="https://kenyu-boxing.com/">
<meta property="og:image" content="https://kenyu-boxing.com/og_image.png">
<meta property="og:site_name" content="K&amp;STARボクシングジム">
<meta name="format-detection" content="telephone=no">
<link rel="home" href="https://kenyu-boxing.com/" />
<link rel="index" href="https://kenyu-boxing.com/" />
<link rel="SHORTCUT ICON" href="https://kenyu-boxing.com/favicon.ico">
<link rel="apple-touch-icon" href="https://kenyu-boxing.com/img/k_and_star_logo_fix.jpg">
<link rel="icon" type="image/png" sizes="192x192" href="https://kenyu-boxing.com/img/k_and_star_logo_fix.jpg">
<link rel="stylesheet" type="text/css" href="https://kenyu-boxing.com/css/opt.css">
<link rel="stylesheet" type="text/css" href="https://kenyu-boxing.com/css/common.css">
<link href="https://fonts.googleapis.com/css?family=Averia+Serif+Libre" rel="stylesheet">
<link rel="stylesheet" id="prefix-font-awesome-css" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css?ver=4.0.3" type="text/css" media="all">
<link href="//fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<script src="https://kenyu-boxing.com/js/jquery-3.4.1.min.js"></script>
<script src="https://kenyu-boxing.com/js/base.js"></script>
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
<!-- InstanceBeginEditable name="head" -->
<link rel="stylesheet" type="text/css" href="https://kenyu-boxing.com/plugin/css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="https://kenyu-boxing.com/css/top.css">
<!-- InstanceEndEditable -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TL9J23CWPN"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-TL9J23CWPN');
</script>
</head>
<body>
<div id="wrapper">
<header>
	<div class="inner">
<!-- InstanceBeginEditable name="h1Area" -->
	  <h1><a href="https://kenyu-boxing.com/"><img src="../../../../img/common/k_and_star_logo_w.svg" alt="K&amp;STARボクシングジム｜兵庫県西宮市にあるK&amp;STARボクシングジムはFITNESS&amp;DIET&amp;BOXING。オヤジファイター輩出中!"></a></h1>
<!-- InstanceEndEditable -->
	  <div class="h_top">
			<div class="gnavArea">
		<div class="toggle"></div>
				<ul class="gnav">
					<li><a href="https://kenyu-boxing.com/">TOP</a></li>
					<li><a href="https://kenyu-boxing.com/about.html">ABOUT US</a></li>
					<li><a href="https://kenyu-boxing.com/newslist/">NEWS</a></li>
					<li><a href="https://kenyu-boxing.com/facilities.html">FACILITIES</a></li>
					<li><a href="https://kenyu-boxing.com/company.html">COMPANY</a></li>
					<li><a href="https://kenyu-boxing.com/price.html">PRICE</a></li>
					<li class="mobile_only"><a href="https://kenyu-boxing.com/access.html">ACCESS</a></li>
					<li class="mobile_only"><a href="https://kenyu-boxing.com/faq.html">FAQ</a></li>
					<li class="mobile_only"><a href="https://kenyu-boxing.com/privacy.html">PRIVACY</a></li>
					<li class="mobile_only"><a href="https://kenyu-boxing.com/contact/">CONTACT</a></li>
					<li class="mobile_only"><a href="https://www.instagram.com/kenyugym/" target="_blank">INSTAGRAM</a></li>
				</ul>
			</div>
		</div>
	</div>
</header>

<div id="main">
<!-- InstanceBeginEditable name="contents" -->
  <section>
    <div class="slideArea">
      <div class="swiper-container1 pc_only">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="../../../../img/top/main00.jpg" alt="K&amp;STARボクシング"></div>
          <div class="swiper-slide"><img src="../../../../img/top/main05.webp" alt="K&amp;STARボクシング"></div>
          <div class="swiper-slide"><img src="../../../../img/top/main06.webp" alt="K&amp;STARボクシング"></div>
          <div class="swiper-slide"><img src="../../../../img/top/main01.jpg" alt="K&amp;STARボクシング"></div>
        </div>
      </div>
      <div class="swiper-container3 mobile_only">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="../../../../img/top/main00_sp.jpg" alt="K&amp;STARボクシング"></div>
          <div class="swiper-slide"><img src="../../../../img/top/main05_sp.webp" alt="K&amp;STARボクシング"></div>
          <div class="swiper-slide"><img src="../../../../img/top/main06_sp.webp" alt="K&amp;STARボクシング"></div>
          <div class="swiper-slide"><img src="../../../../img/top/main01_sp.jpg" alt="K&amp;STARボクシング"></div>
        </div>
      </div>
      <div class="catchBox">
        <h2 class="mainTtl jp">頑張る選手を応援します！</h2>
        <div class="subTtl jp">K＆STAR BOXING GYM</div>
      </div>
    </div>
  </section>
  <section>
    <div class="newsBox">
      <div class="left">
        <div class="h3Box">
          <h3>NEWS<span>新着情報</span></h3>
        </div>
      </div>
      <div class="right ns">
			 <?php
					$param = array(
					'posts_per_page' => '3',
					'paged' => $paged,
					'post_type' => 'post',
					);
					query_posts( $param );
					if (have_posts() ) :
					while (have_posts() ) :
					the_post();
				?>
        <dl>
          <dt><?php the_time("Y-m-d"); ?></dt>
          <dd><a href="<?php the_permalink(); ?>"><?php echo mb_strimwidth($post->post_title, 0, 60, "..."); ?></a></dd>
        </dl>
        <?php endwhile; endif; ?>
        <?php wp_reset_query(); ?>
        <div class="btn"><a href="/news/">詳しくはこちら<i class="fa fa-angle-right" aria-hidden="true"></i></a></div>
      </div>
    </div>
  </section>
  <section>
    <div class="wrapConceptBox fadeInUp animation_fadeInUp">
      <div class="conceptBox">
        <div class="h3Box">
          <h3>ABOUT US<span>K&amp;STARボクシングジムとは</span></h3>
        </div>
        <p class="txt jp">頑張る選手を応援します！</p>
        <div class="btn"><a href="../../../../about.html">詳しくはこちら<i class="fa fa-angle-right" aria-hidden="true"></i></a></div>
      </div>
    </div>
  </section>
  <section>
    <div class="worksBox">
      <div class="h3Box">
        <h3 class="bk">FACILITIES<span>施設案内</span></h3>
      </div>
      <div class="swiper-container2">
        <div class="swiper-wrapper">
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg01.webp" alt="ボクシングリング（4m×4m）"></div>
            <p class="cg"><strong>BOXING</strong><span>ボクシングリング（4m×4m）</span></p>
          </a> </div>
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg08.webp" alt="多目的スペース"></div>
            <p class="cg"><strong>BOXING</strong><span>多目的スペース</span></p>
          </a> </div>
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg02.webp" alt="サンドバッグ4基"></div>
            <p class="cg">BOXING<span>サンドバッグ4基</span></p>
          </a> </div>
			<!--
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg03.jpg" alt="エントランス"></div>
            <p class="cg">ENTRANCE<span>エントランス</span></p>
          </a> </div>
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg04.jpg" alt="トレーニングマシーン"></div>
            <p class="cg">FITNESS&amp;DIET<span>トレーニングマシーン</span></p>
          </a> </div>
			-->
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg05.jpg" alt="シャワールーム完備"></div>
            <p class="cg">OTHER<span>シャワールーム完備</span></p>
          </a> </div>
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg06.webp" alt="男子更衣室"></div>
            <p class="cg">OTHER<span>男子更衣室</span></p>
          </a> </div>
          <div class="swiper-slide"> <a href="../../../../facilities.html" title="K&amp;STARボクシングジム 施設案内">
            <div class="img"><img src="../../../../img/top/worksImg07.webp" alt="女子（来客用）更衣室"></div>
            <p class="cg">OTHER<span>女子（来客用）更衣室</span></p>
          </a> </div>
        </div>
      </div>
    </div>
  </section>
 <section class="bgbl">
    <div class="corporateBox">
      <div class="right">
        <div class="h3Box">
          <h3>K&amp;STAR<br>BOXING GYM<span>ボクシングジム</span></h3>
        </div>
      </div>
      <div class="left ns">
        <ul>
          <li class="fadeInUp animation_fadeInUp"> <a href="about.html#about01">
            <div class="left01">
              <div class="h4Box">
                <h4>OYAJI FIGHTER<span>オヤジファイター</span></h4>
              </div>
            </div>
            <div class="right01">
              <div class="img corporateimg01"></div>
            </div>
          </a> </li>
          <li class="fadeInUp animation_fadeInUp"> <a href="about.html#about02">
            <div class="right02">
              <div class="h4Box">
                <h4>BOXING<span>ボクシング</span></h4>
              </div>
            </div>
            <div class="left02">
              <div class="img corporateimg02"></div>
            </div>
          </a> </li>
          <li class="fadeInUp animation_fadeInUp"> <a href="about.html#about03">
            <div class="left01">
              <div class="h4Box">
                <h4>FITNESS&amp;DIET<span>フィットネス&amp;ダイエット</span></h4>
              </div>
            </div>
            <div class="right01">
              <div class="img corporateimg03"></div>
            </div>
          </a> </li>
          <li class="fadeInUp animation_fadeInUp"> <a href="about.html#about04">
            <div class="right02">
              <div class="h4Box">
                <h4>EXPERIENCE<span>体験</span></h4>
              </div>
            </div>
            <div class="left02">
              <div class="img corporateimg04"></div>
            </div>
          </a> </li>
        </ul>
      </div>
    </div>

<!-- InstanceEndEditable -->
</div>
<footer>
	<div class="fnavBox">
	<ul class="fnav lt">
		<li><a href="https://kenyu-boxing.com/access.html">ACCESS</a></li>
		<li><a href="https://kenyu-boxing.com/privacy.html">PRIVACY</a></li>
		<li><a href="https://kenyu-boxing.com/faq.html">FAQ</a></li>
		<li><a href="https://kenyu-boxing.com/contact/">CONTACT</a></li>
	</ul>
	</div>
	<ul class="sns">
      <li><a href="https://www.instagram.com/kenyugym/" target="_blank"><span class="fab fa-instagram"></span></a></li>
<!--      <li><a href="#" target="_blank"><span class="fab fa-facebook-f"></span></a></li>
      <li><a href="#" target="_blank"><span class="fab fa-twitter"></span></a></li>-->
    </ul>
	<div class="copyright ns">
		<p>© K &amp; STAR - ボクシングジム</p>
	</div>
	<p class="pagetop"><a><i class="fa fa-chevron-up" aria-hidden="true"></i></a></p>
</footer>
<!-- InstanceBeginEditable name="footerjs" -->
<script src="../../../../js/fade.js"></script>
<script src="../../../../plugin/js/swiper.min.js"></script>
<script>
	var mySwiper = new Swiper ('.swiper-container1', {
			loop: true,
		slidesPerView: 3,
	autoplay: {
		delay: 4000,
		stopOnLastSlide: true
			},
	speed: 5000,
		effect: 'fade',
		fadeEffect: {
				crossFade: false
		}
	})	
</script>
<script>
	var swiper = new Swiper('.swiper-container3', {
		speed: 1500,
        spaceBetween: 0,
        autoplay: 5000,
		effect: 'fade',
		loop: true,
        autoplayDisableOnInteraction: false,
    });
</script>
<script>
	var swiper = new Swiper('.swiper-container2', {
		speed: 3000,
		centeredSlides: true,
		slidesPerView: 4,
		freeMode: true,
        spaceBetween: 85,
        autoplay: 2000,
		effect: 'slide',
		loop: true,
        autoplayDisableOnInteraction: false,
		breakpoints: {
			700: {
				slidesPerView: 2,
				spaceBetween: 15,
				}
  }
    });
</script>
<!-- InstanceEndEditable -->
</div>
</body>
<!-- InstanceEnd --></html>
