/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2025 | 03:25:53 */
/**** モーダル81 ******/





.close-mo{
margin-top: 0;
margin-bottom: 0;
}
/*** 文字　***/
.modal-content h2{ color:#000; }  
.modal-content h4{ color:#000; }  

.modal-content h2{text-align:center; line-height: 1.5em;/*font-size:clamp(1rem, 0.852rem + 0.74vw, 1.406rem); */font-size:78px;}
.modal-content h4{text-align:center; line-height: 1.3em; /*font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);*/font-size:40px;} 
.modal-content h5{line-height: 1.5em;margin: 0 24px 0 0;/* font-size:clamp(0.75rem, 0.659rem + 0.45vw, 1rem);*/font-size:30px; color:#C81622;}

.modal-box p{ font-family: source-han-sans-japanese, sans-serif; color:#000;}
.modal-box p{ font-size: 20px;　text-align: justify; }


.modal-content h2{ font-size: 95px;}
.modal-content h5{ font-size: 52px;}
.modal-content h4{ font-size: 38px;}
.modal-box p     { font-size: 25px;}





.modal-box{padding:0 45px;}


#area-modal .modal-box p{ margin: 0 0 1.3em; line-height: 1.3em;}

/*源ノ角ゴシック（韓国語）／medium（バリアブルフォント）*/
html[lang="ko"] .modal-box p {font-family: source-han-sans-kr-variable, sans-serif;}
/*源ノ角ゴシック（中国語簡体）／medium（バリアブルフォント）https://fonts.adobe.com/fonts/source-han-sans-sc-pan-cjk-simplified-chinese-variable*/
html[lang="zh-TW"] .modal-box p{font-family: source-han-sans-sc-variable, sans-serif;}
/*源ノ角ゴシック（中国語繁体）／medium（バリアブルフォント）https://fonts.adobe.com/fonts/source-han-sans-kr-korean-subset-variable*/
html[lang="zh-CN"] .modal-box p{font-family: source-han-sans-tc-variable, sans-serif;}
/*Aktiv Grotesk Thai（タイ語）／medium https://fonts.adobe.com/fonts/aktiv-grotesk-thai*/
html[lang="th"] .modal-box p{font-family: aktiv-grotesk-thai, sans-serif;}



/* モーダルの表示ボタン */
.entry-content .modal-btt{padding:0 ;
position: fixed;
  left: 0px;
  z-index: 99;
bottom: -50px;
width: 1200px;
  text-align: center;
left: 50%;
  transform: translate(-50%, -50%);
}


.entry-content .modal-btt a {color:#000;
padding: 0px 0px;
font-size: 60px;
font-weight: 400;
/*border: 1px solid #ccc;*/
/*background-color: #FFF;*/
/*box-shadow: rgba(0,0,0,0.15) 0 5px 15px;*/
text-decoration: none;
width: 100%;
  display: inline-block;
	background-image: url("https://ginneko.f-usac.com/wpg/wp-content/uploads/images/fotter-bg.jpg");
	height: 80px;
	height: 100px;
    line-height: 100px;
	/* background-size: 1140px; */
}

/* モーダルの背景（全画面表示） */
.modal {
  display: none; /* 初期は非表示 */
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*overflow-y: auto;*/
  background-color: rgba(0, 0, 0, 0.7); /* 半透明の黒背景 */
}

/* コンテンツエリア */
.modal-content {
  background: #fff;
  margin:  auto;
	margin-top:15%; 
  padding: 36px;
  width: 90%;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
max-width: 930px;
}

/* 閉じるボタン */
.close {
  color: #333;
  float: right;
  font-size: 62px;
  font-weight: bold;
  cursor: pointer;
	
	line-height: 1em;
	 border-radius: 50%;
	padding: 2px;
	background-color: #000;
  color: #fff;
/*	position: absolute;* /
   left: 50%;
  transform: translate(-50%,-50%);
margin-top: 0rem;

}
.close:hover {
  color: #FFF;
	background-color: #000;
}

#gt_float_wrapper .gt_float_switcher .gt-selected {background-color: #ccc;}
.gt_float_switcher .gt_options {background-color: #ddd;}

@media screen and (max-width: 480px) {
#area-modal .modal-box{padding-bottom:4em;}
	.modal-content {width: 85%;}
}