/*
Theme Name: SCNS2
Theme URI: 
Author: SCNS
Author URI: 
Description: 財団
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: scns2
Tags: 
*/

.no_deco a, footer a, .ZAIDAN_HOME a{
	text-decoration:none;
}
.no_deco a:hover, footer a:hover, .ZAIDAN_HOME a:hover{
	text-decoration:underline;
}
h4{
	color:#206088;
}
h5{
	color:#000!important;
	text-decoration-line:underline;
	text-underline-offset:3px;
	text-decoration-color:#bb8800;
	margin-left:1rem;
}

@media screen and (max-width: 500px) {
	/* モバイル用ナビゲーション・メニューボタンを48px四方に設定し右上に固定 */
	button.wp-block-navigation__responsive-container-open {
		position: fixed;	
  		top: 10px;
  		right: 10px;
  		z-index: 9999;
		background-color: rgba(52,152,219, 0.5); 
		border-radius: 50%; 
		padding: 10px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 
		border: none; 
	  width: 48px;
	  height: 48px;
	  padding: 0; 
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	/* モバイル用ナビゲーション・メニューボタンのSVGアイコンを1.5倍に拡大 */
	.wp-block-navigation__responsive-container-open svg {
	  width: 36px;
	  height: 36px;
	  stroke: #fff;
	  fill: none;
	}
}


/* CF7用 */
.cf_required{
	color:red;
}
.cf7gr{
	max-width:600px;
}
.cf7gr input[type="text"], .cf7gr input[type="tel"], .cf7gr input[type="email"], .cf7gr textarea {
	width:100%;
}
.cf7_briefing  span.wpcf7-checkbox{
	display:flex;
	flex-wrap:wrap;
	max-width:360px;
	justify-content:space-between;
}
/* topページ　下線制御 */
.top-area{
	border-bottom-style:double !important;
}
/* topページ　メニュー（モバイル） */
@media screen and (max-width: 500px){
	.nav-mobilem, .nav-mobilem > ul{
		align-items:flex-start !important;
	}
}
/* topページ　メニュー（クリック時のボーダー消す） */
.wp-site-blocks *:focus {
  outline: none !important;
}

/* topページ　カード幅制御 */
.top-card{
	max-width:300px;
	max-height:375px;
	margin:0 auto !important;
}
/* topページ　スライド幅制御（モバイル） */
@media screen and (max-width: 500px){
	.slide-area{
		padding: 5px 5px 0 !important;
	}
}
/* topページ　アイコン→画像 */
/* 表示枠（親） */
.item {
  position: relative;
  width: 100%;
  aspect-ratio: 35 / 15; /* 380x150の比率を維持 */
  overflow: hidden;
  margin: 0 auto;
  min-height:150px;
}

/* アイコン画像 */
.icon1 img {
  width: 150px;
  height: 150px;
  transition: opacity 0.3s ease;
}

/* 拡大する画像（初期は非表示＆拡大） */
.hover-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.5); /* 中央配置＋拡大 */
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.5s ease;
  z-index: 10;
	margin-top:0;
}

.hover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ホバー時：画像表示＆ズームアウト */
.item:hover .hover-image {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.item:hover .icon1 {
  opacity: 0;
}

/* モバイル対応 */
@media screen and (max-width: 500px) {
  .item {
    width: 100%;
    aspect-ratio: auto;
    overflow: visible;
	min-height:auto;
  }
  .item:hover {
    transform: none !important;
  }
  .icon1 {
    display: none !important;
    margin-top:1em !important;
  }

  .hover-image {
    position: static;
    transform: none;
    opacity: 1;
    transition: none;
    width: 100%;
    height: auto;
    transform: none !important;
  }

  .hover-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}
/* RSSブロック用CSS */
.rss-item-inner{
  	margin-top: 10px;
  	margin-bottom: 0;
  	padding: 0 0 0 30px;
	display:flex;
}
.rss-item-inner > time {
	color: var(--wp--preset--color--accent-1) !important;
	font-size: var(--wp--preset--font-size--medium);
}
.rss-item-inner .wp-block-rss__item-title a:hover{
	text-decoration:underline;
}
.rss-item-inner .wp-block-rss__item-title a {
  	font-size: var(--wp--preset--font-size--medium);
	color:rgb(9, 51, 102);
	font-weight:600;
	text-decoration:none;
	padding: 0 20px 0 40px;
}
p.title-right-link{
	padding:5px !important;
	min-width:4em;
}
@media screen and (max-width: 500px){
	.rss-item-inner{
		flex-direction:column;
	}
	.rss-item-inner .wp-block-rss__item-title a {
		font-size:16px;
	}
	.rss-item-inner .wp-block-rss__item-title a {
		padding:0;
	}
/* クエリーブロック用CSS */
	.toukou-temp{
		flex-direction:column !important;
		align-items:flex-start !important;
	}
}
/* RSSブロック用
/* 固定ページaboutの あゆみ　1列目制御（モバイル） */
@media screen and (max-width: 500px){
	.ayumi-cell1{
		width:30% !important;
	}
}

/* RSS用スタイルここから */
.rss-feed {
  margin: 1em 0;
  font-size: var(--wp--preset--font-size--medium) !important;
}
.rss-gyo {
  display: flex;
  margin-bottom: 0.5em;
  padding: 0 10px;
}
.rss-date {
  color: var(--wp--preset--color--accent-1) !important;
  padding:0 20px;
  width:8.8rem;
}
.rss-title a {
  color: var(--wp--preset--color--accent-3);
  font-weight: 600;
  text-decoration: none;
}
.rss-title a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 500px){
  .rss-gyo {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
	.rss-title{
		padding: 0 20px;
	}
}
/* RSS用スタイルここまで */

/* ul ★☆◎※■□◆◇＊♡ ✓*/
ul.star,ul.star_w,ul.wcircle,ul.kome,ul.shikaku_w,ul.shiro,ul.hishi,ul.hishi_w,ul.shikaku,ul.aster,ul.heart,ul.check{
	list-style-type:none;
}
ul.kome li, ul.star li, ul.star_w li, ul.wcircle li,ul.shikaku_w li,ul.shiro li,ul.hishi li,ul.hishi_w li,ul.shikaku li,ul.aster li, ul.heart li, ul.check li {
	position: relative;
	line-height: 1.6;
	margin: 0;
}
/*リストマーカー黒星*/
ul.star li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "★";
}
/*リストマーカー白星*/
ul.star_w li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "☆";
}
/*リストマーカー◎*/
ul.wcircle li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "◎";
}
/*リストマーカー※*/
ul.kome li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "※";
}
/*リストマーカー○*/
ul.shiro li:before{
	position: absolute;
	top: 0;
	left: -1.1em;
	content: "○";
}
/*リストマーカー■*/
ul.shikaku li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "■";
}
/*リストマーカー□*/
ul.shikaku_w li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "□";
}
/*リストマーカー◆*/
ul.hishi li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "◆";
}
/*リストマーカー◇*/
ul.hishi_w li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "◇";
}
/*リストマーカー＊*/
ul.aster li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "＊";
}
/*リストマーカーハート*/
ul.heart li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "\2661";
}
/*リストマーカー✓*/
ul.check li:before{
	position: absolute;
	top: 0;
	left: -1.5em;
	content: "✓";
}