<!doctype html>
<html lang="ja" prefix="og: http://ogp.me/ns#"><!-- InstanceBegin template="/Templates/soleil.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KCL6S3EK1K"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-KCL6S3EK1K');
</script>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>NEWSLIST - Le Soleil ソレイユ</title>
<meta name="description" content="NEWSLIST - Le Soleil ソレイユのニュースリリースをご紹介" />
<meta property="og:title" content="Le Soleil ソレイユ">
<meta property="og:description" content="NEWSLIST - Le Soleil ソレイユのニュースリリースをご紹介">
<meta property="og:type" content="article">
<meta property="og:url" content="https://members-soleil.com/topics/">
<meta property="og:image" content="https://members-soleil.com/img/og_image.png">
<!-- InstanceEndEditable -->
<meta property="og:locale" content="ja_JP">
<meta property="og:site_name" content="Le Soleil ソレイユ">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="Le Soleil,ソレイユ,ラウンジ,神戸,三宮"/>
<meta name="format-detection" content="telephone=no">
<meta name="theme-color" content="#1a0c02">
<link rel="icon" type="image/x-icon" href="https://members-soleil.com/img/favicons/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="https://members-soleil.com/img/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://members-soleil.com/img/favicons/android-chrome-192x192.png">
<link rel="stylesheet" type="text/css" href="/css/opt.css">
<link rel="stylesheet" type="text/css" href="/css/common.css">
<script src="https://kit.fontawesome.com/cfffd57400.js" crossorigin="anonymous"></script>
<script src="/js/jquery-3.4.1.min.js"></script>
<script src="/js/base.js"></script>
<style>
</style>
<!-- InstanceBeginEditable name="head" -->
<link rel="stylesheet" type="text/css" href="../../../../css/sub.css">
<link rel="stylesheet" type="text/css" href="../../../../css/news.css">
<link rel="stylesheet" type="text/css" href="../../../../css/cms.css">
<!-- InstanceEndEditable -->
</head>
<body>
<div id="wrapper">
<header>
  <div class="h_inner">
<h1 class="logo">
		  <a href="https://members-soleil.com/"><img src="../../../../img/common/h-logo.svg" alt="Le Soleil ソレイユ"></a>			
	  </h1>
	  <div class="toggle grip-lines"></div>
		<div class="gnavArea">
			<p class="gnav_logo"><a href="https://members-soleil.com/"><img src="../../../../img/common/f-logo.svg" alt="Le Soleil ソレイユ"></a></p>
			<div class="gnav_wrap">
				<ul class="gnav">
					<li><a href="https://members-soleil.com/">Home</a></li>
					<li><a href="https://members-soleil.com/topics/">News</a></li>
					<li><a href="../../../../system.html">System</a></li>
					<li><a href="../../../../access.html">Access</a></li>
					<li><a href="../../../../recruit.html">Recruit</a></li>
					<li class="gnav_contact"><a href="https://members-soleil.com/topics//contact/">Contact</a></li>
				</ul>
				<ul class="sns">
					<li><a href="https://www.instagram.com/yukari_soleil/" target="_blank"><span class="fab fa-instagram" aria-hidden="true"></span></a></li>
					<li><a href="https://www.facebook.com/soleil.sannomiya" target="_blank"><span class="fab fa-facebook" aria-hidden="true"></span></a></li>
					<!--<li><a href="#" target="_blank"><span class="fab fa-twitter" aria-hidden="true"></span></a></li>-->
				</ul>
			</div>
		</div>
  </div>
</header>
<!-- InstanceBeginEditable name="main" -->
<main>
  <div class="titleArea newslistTitle">
	<div class="inner">
		<h1>ニュースリリース</h1>
	</div>
  </div>
	<div class="breadArea">
		<ul class="inner">
			<li><a href="/">HOME</a></li>
			<li>NEWS LIST</li>
		</ul>
	</div>
	<div class="newsArea">
      <div class="inner fadeUpTrigger">
		  <h2>News</h2>
        <ul class="news-list">
   <?php
   $args = [
     "posts_per_page" => 10,
     'paged' => get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1,
     "post_type" => "post",
     "orderby " => "date",
     "post_status" => "publish"
   ];
   $the_query = new WP_Query($args);
   while($the_query->have_posts()){
     $the_query->the_post();
     ?>
          <li> <span class="date"><?php the_time("Y-m-d"); ?></span> <span class="ttl"><a href="<?php the_permalink(); ?>"><?php echo mb_strimwidth(get_the_title(), 0, 76, "..."); ?></a></span></li>
  <?php } ?>
        </ul>
<?php
$big = 9999999999;
$arg = [
 "base" => str_replace($big, "%#%", esc_url(get_pagenum_link($big))),
 "current" => max(1, get_query_var("paged")),
 "total" => $the_query->max_num_pages,
 "prev_text" => "＜",
 "next_text" => "＞"
];
if(paginate_links($arg)){
 echo "<div class=\"pager\">".paginate_links($arg)."</div>";
}
wp_reset_postdata();
?>
      </div>
  </div>
</main>
<!-- InstanceEndEditable -->
<footer>
	<div class="inner">
		<p class="f_logo"><a href="https://members-soleil.com/"><img src="../../../../img/common/f-logo.svg" alt="Le Soleil ソレイユ"></a></p>
		<ul class="snsArea">
			<li><a href="https://www.instagram.com/yukari_soleil/" target="_blank"><span class="fab fa-instagram" aria-hidden="true"></span></a></li>
			<li><a href="https://www.facebook.com/soleil.sannomiya" target="_blank"><span class="fab fa-facebook" aria-hidden="true"></span></a></li>
			<!--<li><a href="#" target="_blank"><span class="fab fa-twitter" aria-hidden="true"></span></a></li>-->
		</ul>				
	</div>
	<p class="pagetop"><a><span class="fa fa-chevron-up" aria-hidden="true"></span></a></p>
	<div class="copy"><p>&copy;  Le Soleil</p></div>
</footer>
</div>
<!-- InstanceBeginEditable name="foot-js" -->
<script>
	var height=window.innerHeight;
	document.documentElement.style.setProperty( '--vh', height/100 + 'px');
</script> 
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>
