/*
Theme Name: MY THEME
*/
/* ヘッダー */
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&family=Noto+Sans+JP:wght@100..900&display=swap');
body{font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif}

.header{display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;}
.header-left{max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;}
.header-right{max-width: 1100px;
	margin-left: auto;
	margin-right: auto;}

nav ul{list-style-type: none;
	margin-top:10px;
	margin-bottom: 0}
nav li{display: inline;
	font-size: 18px;
	padding-left: 25px;
	padding-right: 25px;}
nav a{color: #000000;
	text-decoration: none;
	margin:0}
nav a:hover {color: #00BB00;}

.header-nav nav li:last-child a{
	background-color: #008000;
	color: #ffffff;
	border-radius: 10px;
	padding: 5px 25px 5px 25px;}

.tel img{max-width: 40px;}

.tel nav li {display: inline-block;
	margin: 0;
	padding-right: 10px;}
.header-tel p a{color:#008000;
	text-decoration: none;
	margin-left: 50px;}
.tel nav li:last-child {margin-left: 0px;}
.tel nav ul {margin-top: 0;
	margin-bottom: 0px;
	margin-left: 90px;}

.header-tel {color: #008000;
	font-size: 25px;
	font-weight: bold;
	margin-right: 30px;
}


.linetuika {max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 50px;}
.lineimg {text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;}
.lineimg img {max-width: 200px;
	height: auto;}
.lineurl {margin-bottom: 80px;}

/* ハンバーガーメニュー　*/
.menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #3584bb;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
	text-align:center;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 20px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #3584bb;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}

/* index */
body {font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif}
.photo img{width: 100%;
	object-fit: cover;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;}

.photo h1{
	position: absolute;
	top:73%;
	left:28%;
	font-size:40px;
	color: #ffffff;
	padding:0;
	margin:0;}
.photo{
	position: relative;
	width: 100%;
	height: 1280px;
	margin: auto;
	overflow: hidden;}

.photo img {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 2s ease-in-out;}

.photo img.active {
      opacity: 1;
    }

.uneihousin {background-color:#000000;
	color: #ffffff;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	-webkit-text-size-adjust: 100%}
.uneihousin h2 {max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	border-left: solid 20px #008000;
	padding-left:20px;}
.uneihousin p {max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;}

.gyoumunaiyou {max-width: 900px;
	display: flex;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;}
.system {width: 30%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;}
.system a {text-decoration: none;}
.system a :hover {color: #00BB00}

.system h2 {background-color: #008000;
	color: #ffffff;
	border-radius: 5px;
	padding: 10px 0 10px 0;
	margin-bottom:0;}
.system p {text-align: left;
	margin-bottom: 50px;
	background-color: #ffffff;
	padding: 10px;
	margin-top: 0;
	height: 150px;
	color: #000000;}
.hyoudai h1 {margin-bottom: 0;}
.hyoudai p {margin-top: 0;}


article {background-color:#EEEEEE;
	padding-bottom: 30px;}

.hyoudai {text-align: center;
	font-size: 30px;
	padding-top: 30px;}

.meritto {max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: solid 1px #008000;
	background-color: #008000;
	border-radius: 20px;
	margin-bottom: 50px;}

.meritto a {color: #ffffff;
	text-align: left;
	margin-bottom: 20px;
	text-decoration: none;}
.meritto a:hover {color: #00BB00;}
.meritto a h3 {padding-left: 50px;}
.meritto a h2 {text-align: center;}

/* お知らせindex */
.osirase {background-color: #DDDDDD;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	overflow: hidden;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	margin-bottom: 50px;
	text-decoration: none;
	padding-left: 0;}
.osirase li a {color: #000000;
	text-decoration: none;
	font-size: 15px;}
.osirase li {margin-bottom: 20px;
	padding-right: 10px;}
.osirase h1 {text-align: center;
	font-size: 25px;}
.news-item {margin-bottom: 1em;
	list-style: none;}
.news-date {margin-left: 0;
	padding-left: 20px;
	padding-right: 30px;}
.news-item {margin-bottom: 1em;}
.news-link {
  display: flex; /* 横並びにする */
  align-items: flex-start;
  text-decoration: none;
  color: #333;
	margin-left: 0;
	padding-left: 0;}
.news-link a {margin: 0;
	padding: 0;}
.news-link :hover{color: #666666}

.news-date {
	flex: 0 0 70px; /* 固定幅 */
  font-size: 12px;
  color: #888;
}

.news-title {
  flex: 1; /* 残りスペースを使って折り返し */
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
	padding-right: 10px;
}
.newsosirase h1 {padding-top: 50px;
	padding-bottom: 30px;}

.subete {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 50px;}
.single-news{max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px}
.newsbody {width: 100%;
	overflow-y: auto; /* 縦方向にスクロールバーを表示 */
  max-height: 100vh; /* ビューポートの高さに合わせる */}



/* プロフィール */

.photoprofile {background-image: url("http://ss381940.stars.ne.jp/wp-content/uploads/2025/05/24425593_m.jpg");
	max-width: 100%;
	max-height: 100%;}

.profilehousin h2{max-width:1100px;
	margin-left: auto;
	margin-right: auto;
	color: #000080;
	font-weight: bold;
	padding-top: 20px;
	margin-top: 0;
	position: relative;
	border-bottom: solid 3px #FFFFEE;}
.profilehousin h2::before{
  content: '';
  position: absolute;
  bottom: -3px;
  width: 45%;
  height: 3px;
  background: #FFFF00;
}


.profilehousin h3{max-width:1100px;
	margin-left: auto;
	margin-right: auto;
	color: #000080;
	font-weight: bold;}
.profile {display: flex;
	justify-content: center;}
.profileleft {margin-right: 20px;
	margin-bottom: 30px;}
.profileright {background-color: #0000FF;
	color: #ffffff;
	max-height: 390px;
	font-weight: bold;
	opacity: 0.5;
	padding-left: 20px;
	padding-right: 20px}

/* お問い合わせ */
.page {background-color: black;
	width: 100%;
	height: 100px;
	padding-top: 20px;
	padding-bottom: 30px;
	color: #ffffff;}
.page h1 {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;}
.home {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;}
.home a {color: #ffffff;
	text-decoration: none;}
.home a:hover{color: #ff8800;}
.otoiawase {max-width: 900px;
		margin-left: auto;
		margin-right: auto;}

.name {max-width: 900px;}
.name input[name="your-name"] { /* 名前入力欄 */
	width: 85%;
	max-height: 30px;
	font-size: 20px;}
.name input[name="text-618"] { /* 名前入力欄 */
	width: 85%;
	max-height: 30px;
	font-size: 20px;}
.name input[name="text-285"] { /* 名前入力欄 */
	width: 85%;
	max-height: 30px;
	font-size: 20px;}
.name input[name="tel-66"] { /* 名前入力欄 */
	width: 85%;
	max-height: 30px;
	font-size: 20px;}
.name input[name="your-email"] { /* 名前入力欄 */
	width: 85%;
	max-height: 30px;
	font-size: 20px;}
.text textarea { /* 名前入力欄 */
	width: 85%;
	max-height: 400px;
	font-size: 15px;}
input[type="submit"] {max-width: 50%;;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right: 30px;
	font-size: 15px;
	border : solid 1px #008000;
	border-radius: 10px;
	background-color: #008000;
	color: #ffffff;}
.otoiawaseform {max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;}

/* システム企画 */
.systemkikaku {background-color: #EEEEEE;
	width: 100%;
	margin-top: 0;
	padding-top: 30px;
	padding-bottom:20px;}
.systemkikaku h2 {background-color: #008000;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	border-radius: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;}
.systemkikaku p {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;}
.marquee-right {margin-top: 50px;}
.systemh1 h1 {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-top: 0;}

/* 横に流れる画像 */
.marquee-right {
	overflow: hidden;
	margin-top: 200px;
}
.marquee-right ul {
	animation: marquee-right 20s linear infinite;
	display: flex;
	margin: 0;
	padding: 0;
	width: max-content;
}
.marquee-right ul li {
	list-style: none;
	padding: 0 5px;
	width: calc(100vw / 3 - 10px);
}
.marquee-right img {
	display: block;
	width: 100%;
}
@keyframes marquee-right {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-50%);
	}
}

/* ブログ */
.blogbody {background-color:#FFFFEE;
	padding-top: 20px;
	padding-bottom: 50px;
}

.blogtop {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	text-align: center;
	background-color: #000080;
	color: #ffffff;}

.blogtop h1 {font-size: 50px;
	margin-bottom:0;
	padding-top: 5px;
	margin-top: 0;}
.blogtop a {text-decoration: none;
	text-align: left;}
.blogtop h2 {color: #ffffff;
	padding-left:20px;}

.blogtop p {margin-top: 0;
	margin-bottom: 50px;
	padding-bottom: 5px;}
.blogtop1 a {text-decoration: none}
.blogtop1 a h2:hover{color: #ff8800;}

/* .container */
.container {
  max-width: 1100px;
  margin: 0 auto; /* 左右中央寄せ */
  display: flex; /* フレックスボックス */
  justify-content: space-between; /* 両端に配置 */
  gap: 20px; /* 要素間のスペース */
}

/* 左側のコンテンツ */
.blogleft {
  flex: 1; /* 残りのスペースを占める */
  max-width: 70%; /* 最大幅65% */
}

/* 右側のサイドメニュー */
.blogright {
  flex: 0 0 25%; /* 30%の幅を固定 */
  max-width: 25%; /* 最大幅30% */
}

/* サイドメニューの設定 */
.blogmenu {
  margin-top: 0;
}

.pagenav .old a {
  float: left;
}

.pagenav .new a {
  float: right;
}

.pagenav {
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
  clear: both;
}

.blogmenu li a {
  display: block;
  padding: 10px 5px;
  color: #666666;
  font-size: 14px;
  text-decoration: none;
}

.aligncenter {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}


.post-meta i {color: #888888}
.category {margin-top: 15px;
	margin-left: 20px;
	font-size: 14px;}
.postcat{margin-left: 20px;}
.postcat a {color: #000000;
	text-decoration: none;}
.category a{color: #000000;
	text-decoration: none;}
.postinfo i{color: #888888;
	margin-bottom: 20px;}
.blogtitle {margin-top: 30px;
	padding-left: 20px;
	border-left: solid 20px #000080;}
.blogtitle h2 {margin-bottom:10px;}
.blogtitle a:hover{color:#808080}
.pagenav a {padding: 5px 10px;
	border: solid 1px #cccccc;
	border-radius: 10px;
	color: #666666;
	font-size: 12px;
	text-decoration: none;}


.blogbody h2 a {color: #000000;
	text-decoration: none;}


.wp-caption {max-width: 100%}
.wp-caption-text {margin: 0;
	color: #666666;
	font-size: 14px;
	text-align: center;}
.blogmenu ul {margin: 0;
	padding: 0;
	list-style: none;}
.blogmenu .widget {margin-bottom: 30px;
	padding: 20px;
	background-color: #e8e8e8;}
.blogmenu .widgettitle {margin-top: 10px;
	margin-bottom: 20px;
	border-right: solid 10px #4e5f7e;
	color: #4a5f7e;
	font-size: 14px;}

.blogmenu li a:hover {background-color: #ffffff}
.archive-title {margin-top: 0;
	margin-bottom: 40px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: normal;}
.archive-title i {padding: 15px;
	background-color: #4a5f7e;
	color: #ffffff;}

#respond p {margin-top: 0;
	margin-bottom: 20px;
	font-size: 12px;}
#respond p {font-size: 14px;}
#respond input,
#respond textarea {width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
#respond input[type="submit"]{
		width: 200px;
		padding: 10px;
		border: none;
		background-color: #008000;
		-webkit-appearance: none;
		cursor: pointer;}
#respond input[type="submit"]:hover{background-color: #ffaa00;}
#respond .required {color: #ff0000}
.widgettitle {font-size: 20px;}
.widgettitle {font-size: 20px;}
.widgettitle {font-size: 20px;} 

.excerpt img {float: left;
	margin-right:20px;}
.blogkiji {clear: both;
	overflow: hidden;}
.singleimg img {max-width: 100%;
	height: auto;}

/* フッター */
.jyusyo {display: flex;
	justify-content: space-between;
	background-color: #191970;
	color:#ffffff;}
.jyusyoleft {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;}
.jyusyo1 {margin-left:50px;}
.jyusyoright {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;}
.jyusyo1 {margin: o;}
.footer-tel p a{color:#ffffff;
	text-decoration: none;}
.footer-nav nav li a {color: #ffffff;}
.footer-nav nav {margin-top: 40px;}
.footer-nav nav ul li {border-right: solid 1px white;}
.footer-nav nav li:first-child {border-left: solid 1px white;}
.footer-nav a:hover {color: #BAD3FF;}
.copyright {margin-top: 60px;
	padding-left: 30px;
	padding-bottom: 20px;}
.privacylink a{color: white;
	text-decoration: none;}
.privacy {max-width: 1100px;
	margin-left: auto;
	margin-right: auto;}
.category-title {margin-top: 0;
	margin-bottom: 40px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: normal;}
.category-title i {padding: 15px;
	background-color: #4a5f7e;
	color: #ffffff}
/* プライバシーポリシー */
.privacyh3 {margin-top: 40px;}
.privacylink a:hover {color: #BAD3FF;}

/* スマホ対応スタイル */
@media(max-width: 1057px){
	.header {flex-direction: column;
	align-items: flex-start; /* 左寄せにする場合 */}
	.logo img {max-width: 250px;}
	.logo1 img {max-width: 200px;}
	.header-nav nav li{font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;}
	.footer-nav nav li{font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;}
	.footer-nav nav ul {margin-left:10px;}
	.uneihousin h2 {font-size: 20px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: solid 12px #008000;
	margin-left: 5px;}
	.uneihousin p {font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;}
	.hyoudai h1	{font-size: 25px;}
	.hyoudai p	{font-size: 20px;}
	.system {width: 500px;}
	.jyusyo {flex-direction: column;
	align-items: flex-start; /* 左寄せにする場合 */}
	.profile {flex-direction: column;
	align-items: flex-start; /* 左寄せにする場合 */}
	.profilehousin h2{padding-left: 5px;
		padding-right: 5px;}
	.profilehousin h3{padding-left: 5px;
		padding-right: 5px;}
	.text textarea {font-size: 12px;}
	.footer-nav ul{margin-bottom: 0;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;}
	.jyusyo1 {margin-bottom: 0;
		padding-bottom: 0;}
	.privacylink {margin-top: 20px;
		padding-top: 0;}
	.jyusyoright {padding-top: 0;
		padding-bottom: 0;
		margin-top: 0}
	.copyright {padding-top: 0;
		margin-top: 0;
		margin-bottom: 0;}
	.jyusyoleft {margin-bottom: 0;}
	.system p {margin-bottom: 20px;}
	.meritto {margin-bottom: 20px;}
	.marquee-right {margin-top: 30px;}
	.systemkikaku p {padding-left: 10px;
		padding-right: 10px;}
	.systemkikaku h2 {font-size: 20px;}
	.postinfo {font-size: 14px;
		margin-left: 5px;}
	.content {font-size: 14px;
		margin-left: 5px;
		margin-right: 5px;}
	section.page{padding-left: 10px;}
	.systemh1 h1 {font-size: 25px;
		margin-left: 10px;}
	.systemkikaku h2 {margin-left: 10px;
		margin-right: 10px;
		padding-right: 5px;}
	.blogtitle {border-left: solid 15px #000080;
		margin-left: 5px;}
	.blogtop1 a h2 {margin-left: 10px;}
	.blogtop p {margin-bottom: 20px;}
	.osirase {margin-left: 10px;
		margin-right: 10px;}
	.news-date {font-size: 0.8rem;
	flex: 0 0 50px; /* 固定幅 */}
	.news-title {font-size: 0.8rem;}
	.profile {margin: auto;
  	display: block;
	text-align: center;}
	.profileright {max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		display: inline-block; /* 親要素をインラインブロック化*/
       text-align: left; /* テキストを左寄せ */}
	.privacylink a {font-size: 14px;}
	.copyright small {font-size: 12px;}
	.news-date {padding-left: 10px;
	padding-right: 20px;}
	.news-title {padding-right: 0;}
	.container {flex-direction: column;}
	.blogright,
	.blogleft {flex: 0 0 100%;
		max-width: 100%;}
	.blogright {margin-left: 20px;
		margin-right: 20px;}
	.blogleft {margin-left: 20px;
		margin-right: 20px;}
	.excerpt img {float: none;}
	.content {padding-right: 20px}
	.singleimg {padding-right: 20px;}
	.comment-respond {padding-right: 20px;}
	.otoiawase {padding-left: 20px;}
	.otoiawaseform {padding-left: 20px;}
	.comment-form {padding-right: 20px;}
	.news-date {padding-left: 10px;
		padding-right:10px;}
	.blogtitle {padding-right: 20px;}
	.tel img{max-width: 25px;}
	.header-tel {font-size: 18px;}
	.tel nav ul {margin: 0;}
	nav ul {margin-bottom: 10px;}
}

/* スマホ対応スタイル */
@media(max-width: 767px){
	.logo img {max-width: 220px;}
	.header {flex-direction: column;
	align-items: flex-start; /* 左寄せにする場合 */}
	.header-nav nav li{font-size: 12px;
	padding-left: 7px;
	padding-right: 7px;}
	.header-right {font-size: 15px;}
	.uneihousin h2 {font-size: 17px;}
	.uneihousin p {font-size: 15px;}
	.hyoudai h1 {font-size: 25px;}
	.hyoudai p {font-size: 15px;}
	.gyoumunaiyou {display:block;}
	.photo img {width:100%}
	.system {max-width: 300px;
		margin-left: auto;
		margin-right:auto;}	
	.jyusyo {flex-direction: column;
	align-items: flex-start; /* 左寄せにする場合 */}
	.profile {flex-direction: column;
	align-items: flex-start; /* 左寄せにする場合 */}
	.profilehousin h2{padding-left: 5px;
	padding-right: 5px;}
	.profilehousin h3{padding-left: 5px;
	padding-right: 5px;
	font-size: 15px;}
	.meritto a h3 {padding-left: 20px;}
		.blogleft {float: none;
	width:100%;}
	.blogmenu ul {margin-left: 10px;
		margin-right: 10px;}
	.blogmenu li#categories-2.widget_categories {margin-top: 30px;}
	.meritto {margin-left:10px;
	margin-right: 10px;}
	.meritto h2 {font-size: 17px;}
	.meritto h3 {font-size: 15px;}
	.newsosirase h1 {padding-top: 20px;
		font-size: 20px;
	padding-bottom: 10px;}
.newsbody {height: 600px;}
	.newstitle h1 {font-size: 20px;}
	.osirase h1 {font-size: 20px;}
	.footer-nav nav li {font-size: 12px;}
	.privacylink a {font-size: 12px;}
	.copyright small {font-size: 11px;}
	.blogright {margin-left: 20px;｝

}