/*
Theme Name: Sydney
Theme URI: https://athemes.com/theme/sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Version: 2.52
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.6
Requires PHP: 5.6
Text Domain: sydney
Tags: two-columns, right-sidebar, block-styles, custom-colors, custom-background, custom-header, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sydney is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/


@font-face{ 
font-family: "KosugiMaru";
src: url("http://ss426135.stars.ne.jp/wp-includes/fonts/KosugiMaru-Regular.woff2") format("woff2"),
url("http://ss426135.stars.ne.jp/wp-includes/fonts/KosugiMaru-Regular.woff") format("woff");
}

body{
font-family: "KosugiMaru";
}

h1 {
font-family: "KosugiMaru";
}

h2,h3,h4,h5,h6 {
font-family: "KosugiMaru";
}



.row-background{
background-color:rgba(204, 255, 204, 0.3);
}

/*
.row-background{
background:url("http://ss426135.stars.ne.jp/wp-content/uploads/2026/01/row_background.png");
}
*/




/* グーグルマップ高さ調整対応 */
.gmap{
    position : relative;
    height : 0;
    padding-bottom : 56.25%; /* 縦横比の指定 */
    overflow : hidden;
}

.gmap iframe,
.gmap object,
.gmap embed{
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
}



/* 新着一覧のカスタマイズ */

h2.news_title{
	font-size:2em;
	text-align:center;
	padding-top: 20px;
}


.news_container {
width: 90%;
max-width:1000px;
margin: 50px auto;
background: #FFF;
padding-left: 0px;
border-radius: 30px;
opacity: 0.9;
}

.news_list {
margin: 20px 0;
border-top: 1px dashed #c8c8c8;
}
.news_list li {
padding: 15px 5px;
border-bottom: 1px dashed #c8c8c8;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-right: 40px;
}
.date {
font-size: 16px;
margin-right: 15px;
}
.category {
display: inline-block;
color: #fff;
width: 120px;
font-size: 13px;
text-align: center;
margin-right: 15px;
padding: 2px 10px;
background-color: #9dd3a8;
border-radius: 6px;
}
.news_text a {
color: #333;
}

.news_btn {
text-align: center;
margin-top: 50px;
}
.news_btn a {
color: #75b46e;
}
.btn {
color: #75b46e;
padding: 10px 50px;
background: #fff;
border: 2px solid #c8c8c8;
border-radius: 50px;
transition: all 0.5s;
}
.btn:hover {
color: #fff;
background: #75b46e;
}
.btn:after {
/*font-family: 'Font Awesome 5 Free';*/
content: "\f0da";
font-weight: 900;
padding-left: 10px;
}

@media screen and (max-width: 559px) {
.news_container {
width: 100%;
padding: 0 20px;
}
.news_text a {
display: block;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
}


/* 新着一覧のカスタマイズ ここまで*/



/* 施設情報とか　テーブルレイアウト*/

.table_design01 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table_design01 th, .table_design01 td {
  border: 2px solid #fff;
  background-color: #e6f1f6;
  padding: 1em;
}
.table_design01 th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}

/* 施設情報とか　テーブルレイアウトここまで*/