/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/
h1.tit {
	padding: 60px 0;
	background: url("../img/bg.jpg") repeat center center;
/*	line-height: 160%;	*/
	line-height: 210%;
}
h1.tit span {
	display: block;
	margin: auto; width: 90%; max-width: 1000px;
/*	text-align: center;	*/
}
h1.tit b {
	font-weight: 700;
	font-size: 250%;
}
.slidertit { position: relative;}
.slidertit .cap {
	position: absolute; left:0; bottom: 0;
	width: 100%;
	padding: 0 40px 160px;
	color: #fff;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0) 100%) !important;
	box-sizing: border-box;
}
/* 2025/06/09 UPD [S] */
/*
.slidertit h1 { margin-bottom: 10px; padding: 0; text-align: left; background: none;}
*/
.slidertit h1 { margin-bottom: 0px; padding: 0; text-align: left; background: none;}
/* 2025/06/09 UPD [E] */
.slidertit h1 span { display: block; width: 100%; text-align: left;}
.slidertit h1 b {  font-size: 200%; letter-spacing: 4px; background: none;}
.slidertit .come { font-size: 75%; line-height: 150%;}
.slidertit img {
	width: 100%; height: auto;
	aspect-ratio: 28 / 9;
	object-fit: cover;
}

@media only screen and (max-width:768px){
	h1.tit { padding: 40px 0;}
	h1.tit::after { width: 300px; height: 65px; }
	h1.tit b { font-size: 162.5%;}
	.slidertit h1.tit { padding: 0;}
	.slidertit img { aspect-ratio: 28 / 15; }
	.slidertit .cap { padding: 0 40px 130px; }
}
@media only screen and (max-width:468px){
	h1.tit { padding: 40px 0;}
	h1.tit::after { width: 300px; height: 65px; }
	h1.tit b { font-size: 162.5%;}
	.slidertit h1 span { text-align: center;}
	.slidertit h1 b { display: block; }
	.slidertit img { height: 400px;}
}


/*---------------------------------------------------------------------------
  PAN and DATA
---------------------------------------------------------------------------*/
#page_data {
	margin:0 auto; padding: 20px 0 10px;
	width: 90%; max-width: 1000px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
#page_data .pan {
	display: flex; justify-content: flex-start;
	font-size: 87.5%;
}
/* #page_data .pan li + li::before { padding:  0 10px; content:"-";} */
#page_data .pan a {color:#444;}
#page_data .pan li a {  text-decoration: underline;}
#page_data .pan li a:hover { color: #333; opacity: 0.7;}
#page_data p {
	display: flex; flex-wrap: wrap; justify-content: flex-end; gap:5px 15px;
	font-size: 100%;
}
@media only screen and (min-width:768px){
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:468px){
	#page_data { flex-direction: column;}
	#page_data .pan { width: 100%; text-align: left;}
	#page_data p { width: 100%; justify-content: flex-start;}
}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
#subpage .list {}
#subpage .list div a {
	position: relative;
	display:block;
	margin-bottom: 5px;
	padding:25px;
	color:#222;
	line-height: 150%;
	text-decoration:none;
	background:#89D98C url("../img/tit_bg.png") no-repeat right bottom;
	background-size: auto 60px;
	border-radius: 10px;
	transition: .3s;
}
#subpage .list div + div { margin-top: 30px;}
#subpage .list div p { display: flex; flex-wrap: wrap; justify-content: flex-end; gap:5px 15px; font-size: 75%;}
@media only screen and (min-width:768px){
	#subpage .list div a:hover {
		background:#9FD1F2 url("../img/tit_bg.png") no-repeat right bottom;
		background-size: auto 60px;
	}
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:468px){
	#subpage .list div a {
		padding-bottom: 50px;
		background-position: right bottom;
	}
}


/*===========================================
  SUBPAGE
============================================*/
#subpage {
	margin: auto; padding: 60px 0;
}
#subpage .inner {
	margin: auto; width: 90%; max-width: 1000px;
}
@media only screen and (max-width:768px){
	#subpage { padding: 40px 0; }
}
@media only screen and (max-width:468px){
	#subpage { padding: 40px 0; }
}


/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/
#subpage h2,
#subpage h3,
#subpage h4,
#subpage h5 {
	clear: both;
/*	margin: 0 2% 40px; padding: 0;	*/
/*	margin: 0 0 40px; padding: 0;	*/
	margin: 20px 0 20px; padding: 0;
	font-weight:700;
}
#subpage h2  {
	padding:25px 30px;
/*	font-size:  187.5%;	*/
	font-size:  150%;
	color: #222;
	background:#89D98C url("../img/tit_bg.png") no-repeat right bottom;
	background-size: auto 60px;
	border-radius: 10px;
}
#subpage h3  {
	padding:  20px;
	font-size: 125%;
	color: #222;
	border-top: 4px solid #89D98C;
	background:rgba(137,217,140,0.20);
}
#subpage h4  {
	padding-left: 20px;
	font-size: 100%;
	color: #222;
	border-left: 4px solid #89D98C;
}

@media only screen and (max-width:768px){
/*	#subpage h2 { font-size: 162.5%; padding-bottom: 20px;}	*/
	#subpage h2 { font-size: 150%; padding-bottom: 20px;}
	#subpage h3 { font-size: 125%;}
	#subpage h4 { font-size: 112.5%;}
}


/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/
#subpage .comment {  margin:0 2% 40px; line-height: 200%;}


/*---------------------------------------------------------------------------
  PHOTO
---------------------------------------------------------------------------*/
#subpage .photo { position: relative; max-width:460px; text-align:center;}
#subpage .photo img { width: auto; max-width: 100%;}
#subpage .photo .cap { font-size:80%; text-align:center;}
#subpage .photo .pic + .cap {  margin-top: 10px;}
#subpage .photo .cap + .pic {  margin-top: 30px;}
#subpage .photo.pic_l { float: left; margin-right: 40px;}
#subpage .photo.pic_r { float: right; margin-left: 40px;}
#subpage .photo.pic_c { float: none; width: 100%; max-width:100%;}
@media only screen and (max-width:800px){
	#subpage .photo,
	#subpage .photo .pic { width: 100%; max-width:100%;}
	#subpage .photo.pic_l,
	#subpage .photo.pic_r,
	#subpage .photo.pic_c { float: none; margin:0 0 20px; }
}


/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
/*	#subpage ul { margin:0 2% 40px;}	*/
#subpage ul { margin:0 0 40px;}
#subpage ul li { position:relative; padding-left: 25px;}
#subpage ul li + li { margin-top: 10px;}
#subpage ul li::before {
	display: block; clear: both; content:"";
	position: absolute; top:7px; left:2px;
	width: 10px; height: 10px;
	background:#89D98C;
	border-radius: 15px;
}
/*	#subpage ol { clear:both; margin:0 2% 40px; padding-left: 23px; display: flex; flex-direction: column; gap:10px;}	*/
#subpage ol { clear:both; margin:0 0 40px; padding-left: 23px; display: flex; flex-direction: column; gap:10px;}
#subpage ol li { padding-left:4px; list-style-type: decimal;}


/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/
#subpage table {
/*	margin:0 2%;	*/
	margin:0 ;
	border:1px solid #ddd;
	border-collapse:collapse;
}
#subpage table th,
#subpage table td {
	padding:7px 15px;
	border:1px solid #ddd;
}
#subpage table th { text-align: left; font-weight: normal; background:#F7F4ED;}
/*
@media only screen and (max-width:800px){
	#subpage table { margin:0 2%; width:96%; table-layout:auto;}
	#subpage table th,
	#subpage table td{
		table-layout:auto !important;
		display:block !important;
		padding:5% !important;
		width:90% !important;
		height:auto !important;
	}
}
*/

/* 2025/03/14 add */
#subpage .dsptable{
	overflow-y:hidden !important;
}


/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link { position: relative;  margin:0;padding: 5px 0 5px 25px;}
/*	#subpage .icon-link { position: relative;  margin:0 2%;padding: 5px 0 5px 25px;}	*/

#subpage .icon-pdf { background: url(../img/icon-pdf.jpg) no-repeat left 5px;}
#subpage .icon-word { background: url(../img/icon-word.jpg) no-repeat left 5px;}
#subpage .icon-excel { background: url(../img/icon-excel.jpg) no-repeat left 5px;}
#subpage .icon-link::after{
	position: absolute; top: 5px; left: 0;
	display: block; clear: both; content:"";
	width: 17px; height: 21px;
	background:url("../img/arrow_b.png") no-repeat left 5px;
	background-size: 10px auto;
}


/*---------------------------------------------------------------------------
  BOX
---------------------------------------------------------------------------*/

/* BOX1 */
#subpage .box1 { clear:both; margin:0 2% 40px; overflow: hidden;}
#subpage .box1 .comment { margin:0;}

/* BOX2 */
#subpage .box2 { clear:both;  margin:0 2% 40px; padding:30px; border:3px solid #89D98C; overflow: hidden;}
#subpage .box2 h3 { clear: none; margin: 10px 0 20px; padding: 0; color:#222; border: none; overflow: hidden; background: none;}
#subpage .box2 h3::before { display: none;}
#subpage .box2 .comment { margin:0; }

/* BOX3 */
#subpage .box3 { clear:both; margin:0 2% 40px; padding:30px; background:url("../img/bg.jpg") repeat center center; overflow: hidden;}
#subpage .box3 .comment { margin:0;}

/* BOX4 */
#subpage .box4 { overflow: hidden;}
#subpage .box4 .box {
	float: left;
	margin:0 2% 40px;
	padding:30px;
	width:46%;
	background:url("../img/bg.jpg") repeat center center;
}
#subpage .box4 h4 { clear: none; margin-bottom: 20px; padding:  0 0 20px; color:#222; border: none; border-bottom: 3px solid #89D98C;}
#subpage .box4 h4::before { display:none; }
#subpage .box4 .comment { margin-bottom: 20px;  }
#subpage .box4 .photo { margin-bottom: 20px;  }
#subpage .box4 .photo img { width: auto; max-width: 100%; height: auto;}
#subpage .box4 .btn a {
	position: relative;
	display: block;
	padding: 15px 30px 15px 15px;
	color: #222;
	text-align: center;
	text-decoration: none;
	background:#89D98C url("../img/arrow_b.png") no-repeat 95% center;
	background-size: 10px auto;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}
#subpage .box4 .btn a:hover { opacity: 0.7; }
@media only screen and (max-width:800px){
	#subpage .box1 {  display: flex; flex-direction: column-reverse; gap:40px;}
	#subpage .box2 {  padding:20px; display: flex; flex-direction: column-reverse; gap:40px;}
	#subpage .box2 h3 { margin: 0px 0 10px; }
	#subpage .box3 { padding:20px; display: flex; flex-direction: column-reverse; gap:40px;}
	#subpage .box4 .box  {width: 98%;}
}


/*---------------------------------------------------------------------------
  BOTTON
---------------------------------------------------------------------------*/
#subpage .btn_box { overflow: hidden;}
#subpage .btn_box p { float: left; margin:0 2% 40px;}
#subpage .btn_box a {
	position: relative;
	display: block;
	padding: 15px 30px 15px 15px;
	color: #222;
	text-align: center;
	text-decoration: none;
	background:#89D98C url("../img/arrow_b.png") no-repeat 95% center;
	background-size: 10px auto;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}
#subpage .btn_box .b1 { float:none; clear: both; margin: 0 auto 40px; width: 100%; max-width:660px;}
#subpage .btn_box .b2 { width: 46%;}
#subpage .btn_box .b3 { width: 29.3%;}
#subpage .btn_box .b4 { width: 21%}
#subpage .btn_box .b1 a { background-position:97% center;}
#subpage .btn_box .b2 a { background-position:95% center;}
#subpage .btn_box .b3 a { background-position:93% center;}
#subpage .btn_box .b4 a { background-position:91% center;}
@media only screen and (min-width:800px){
	#subpage .btn_box a:hover { opacity: 0.7;}
}
@media only screen and (max-width:800px){
	#subpage .btn_box p { float: none; width: 96% !important;  max-width:none !important;}
	#subpage .btn_box p a { background-position:97% center !important;}
}


/*---------------------------------------------------------------------------
  PHOTO BOX
---------------------------------------------------------------------------*/
#subpage .gallery { overflow: hidden;}
#subpage ul.photo_box { float: left; margin: 0 2% 40px; padding: 0; list-style: none;}
#subpage ul.photo_box li { margin:0; padding: 0; list-style: none; background: none;}
#subpage ul.photo_box li::before { display: none;}
#subpage ul.photo_box li.photo { margin:0 0 10px; max-width: none;}
#subpage ul.photo_box li.cap { line-height: 150%;}
#subpage ul.photo_box li.youtube { margin:0 0 10px; position: relative;}
#subpage ul.photo_box li.youtube iframe {
	position: absolute; top: 0; right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* PHOTO BOX1 */ #subpage ul.g1 {width:100%; float:none; clear:both; }
/* PHOTO BOX2 */ #subpage ul.g2 {width:46%;}
/* PHOTO BOX3 */ #subpage ul.g3 {width:29.3%;}
/* PHOTO BOX4 */ #subpage ul.g4 {width:21%;}
/* PHOTO BOX5 */ #subpage ul.g5 {width:16%;}
#subpage ul.photo img { width: 100%; max-width:1000px; height:auto;}
@media only screen and (max-width:800px){
   #subpage ul.photo_box { width:96%; float:none; clear:both; }
}

#subpage .photo_bana { position: relative; margin: 0 2% 40px; width: 96%;}
#subpage .photo_bana img { width: 100%; height: 350px; object-fit: cover;}
#subpage .photo_bana .cap {
	position: absolute; left:0; bottom: 0;
	width: 100%;
	padding: 40px;
	color: #fff;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0) 100%) !important;
	box-sizing: border-box;
}
#subpage .photo_bana .cap span { display: block;}
#subpage .photo_bana .cap .mid { margin-bottom: 10px; font-size: 200%; letter-spacing: 4px;}
#subpage .photo_bana .cap .mid small { font-size: 16px;}
#subpage .photo_bana .cap .come { font-size: 75%; line-height: 150%;}
@media only screen and (max-width:468px){
	#subpage .photo_bana img { height: 400px;}
	#subpage .photo_bana .cap { padding: 30px; }
	#subpage .photo_bana .cap .mid { text-align: center; line-height: 110%;}
	#subpage .photo_bana .cap .mid small { display: block;}
}


/*---------------------------------------------------------------------------
  CONTACT
---------------------------------------------------------------------------*/
#subpage .contact { clear:both; margin:0 2% 40px; padding: 25px; background: #F7F4ED; overflow:hidden;}
#subpage .contact .come { float: left; width: calc(100% - 320px); line-height: 150%;}
#subpage .contact .b_link { float: right; width: 300px;}
#subpage .contact .b_link a {
	position: relative;
	display: block;
	padding: 15px 30px 15px 15px;
	color: #222;
	text-align: center;
	text-decoration: none;
	background:#89D98C url("../img/arrow_b.png") no-repeat 95% center;
	background-size: 10px auto;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}
@media only screen and (min-width:768px){
	#subpage .contact .b_link a:hover { opacity: 0.7;}
}
@media only screen and (max-width:800px){
	#subpage .contact .come,
	#subpage .contact .b_link { float:none; width:100%;}
	#subpage .contact .b_link { margin-top: 15px;}
}


/*---------------------------------------------------------------------------
  LINE
---------------------------------------------------------------------------*/
#subpage .line { margin:0 2%; width: 90%; max-width: 1000px;}
#subpage .line hr { margin: 0; padding: 0; height: 1px;  background: #ccc; border: none;}


/*===============================================
  SPECIAL PAGE
===============================================*/
.specialpage { position: relative; background: url("../img/bg.jpg") repeat top center; }
/* 2025/06/09 UPD [S] */
/*
.specialpage .inner { max-width: 1200px !important;}
*/
.specialpage .inner { max-width: 1000px !important; margin-left: 60px;}
/* 2025/06/09 UPD [E] */
.specialpage::after {
	display: block; clear: both; content:"";
	width: 100%; height: 100px;
	background-image: linear-gradient(0deg, rgba(255,255,255, 1.0), rgba(255,255,255, 0) 100%) !important;
}

/* Slide tit */
.sbtit img {
	width: 100%; height: auto;
	aspect-ratio: 28 / 9;
	object-fit: cover;
}
.sbtit2 {
	position: relative; z-index: 9;
	padding: 100px 0 0;
	text-align: center;
}
.sbtit2::before {
	position: absolute; top: -169px; left: 0; right: 0;
	display: block; clear:both; content:"";
	margin: auto;
	width:400px; height:170px;
	background: url("../img/tit_circle.png") no-repeat;
	background-size: 100% auto;
}
.sbtit2 span {
	position: absolute; top: -130px; left: 0; right: 0;
	margin: auto;
}
.sbtit2 b,
.sbtit2 small { display: block; position: relative; z-index: 9;}
.sbtit2 b { font-size: 187.5%; letter-spacing: 2px; margin-bottom: 20px;}
.sbtit2 small { font-size: 87.5%; font-weight: normal;}
@media only screen and (max-width:768px){
	.sbtit img { aspect-ratio: 28 / 15; }
	.sbtit2::before {
		top: -100px; left: 0; right: 0;
		width:250px; height:100px;
	}
	.sbtit2 span { top:-70px;}
	.sbtit2 span img { width: 150px; height: auto; }
}
@media only screen and (max-width:468px){
	.sbtit2 b { font-size: 175%;}
}
	
	
/* Midashi */
#subpage .mid1 { position: relative; display: flex; flex-direction: column; gap:10px; text-align: center;}
#subpage .mid1 b { font-size: 187.5%; letter-spacing: 2px;}
#subpage .mid1 small { font-size: 87.5%;}
#subpage .mid1 span {
	position: absolute; top: -200px; left: 0; right: 0;
	margin: auto;
}
#subpage .mid2 {
	display: flex; justify-content: space-between; gap:10px;
	padding: 50px 20px;
	border-top: 5px solid #89D98C;
	border-bottom: 1px solid #ddd;
}
#subpage .mid2 b { font-size: 187.5%; letter-spacing: 2px;}
#subpage .mid2 .more a {
	padding-right: 30px;
	font-size: 125%; line-height: 20px;
	color: #222; text-decoration: none;
	background: url("../img/arrow_b.png") no-repeat right;
	background-size: auto 20px;
}
@media only screen and (max-width:468px){
	#subpage .mid1 b { font-size: 150%;}
	#subpage .mid1 span {  top: -130px; }
	#subpage .mid1 span img { width: 100px; height: auto; }
	#subpage .mid2 { padding: 30px 20px;}
	#subpage .mid2 b { font-size: 150%;}
	#subpage .mid2 .more a { font-size: 100%;}
}

/* Slide tit */
#subpage .parent_box {
	position: relative;
	display: flex; flex-direction: column; gap:100px;
	padding: 100px 60px;
	background: #fff;
	border-radius: 60px;
	box-shadow: 0 0px 6px rgba(0,0,0,0.15); 
}
#subpage .parent_box + .parent_box { margin-top: 45px;}
@media only screen and (max-width:968px){
	#subpage .parent_box { padding: 70px 30px; gap:70px;}
}
@media only screen and (max-width:768px){
	#subpage .parent_box { padding: 60px 20px; gap:50px; border-radius: 30px;}
}


/*---------------------------------------------------------------------------
  TOKUSAN
---------------------------------------------------------------------------*/
#subpage .speciality_list { margin: auto; max-width: 1040px; overflow: hidden;}
#subpage .speciality_list .box {
	position: relative;
	float:left;
	margin: 0 20px 80px;
	width: calc(33.3% - 40px);
}
#subpage .speciality_list .box img {
	width: 100%; height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 20px;
	box-shadow: 0 0px 6px rgba(0,0,0,0.15); 
}
#subpage .speciality_list .box span {
	position: absolute; bottom: -30px; left: 0; right: 0;
	display: block;
	margin: auto;
	padding: 20px;
	width: 90%;
	max-width: 245px;
	color: #333;
	font-size: 112.5%;
	text-decoration: underline;
	text-align: center;
	background:#fff url("../img/arrow_g.png") no-repeat 94% center;
	background-size: auto 20px;
	border-radius: 50px;
	box-shadow: 0 0px 6px rgba(0,0,0,0.15); 
	box-sizing: border-box;
}
#subpage #speciality .parent_box { padding-bottom: 40px;}
#subpage #speciality .parent_box::before {
	position: absolute; top: 0; left: 0; right: 0;
	display: block; clear: both; content:"";
	margin: auto;
	width: 85%; max-width: 1000px; height: 5px;
	background: #89D98C;
}
#subpage #speciality .parent_box:nth-child(1)::after,
#subpage #speciality .parent_box:nth-child(2)::after {
	position: absolute;
	display: block; clear: both; content:"";
	background-size: 100% auto !important;
}
#subpage #speciality .parent_box:nth-child(1)::after {
	top: -30px; right:50px;
	width: 169px; height: 155px;
	background:url("../img/illust_tokusan1.png") no-repeat;
}
#subpage #speciality .parent_box:nth-child(2)::after {
	top:50px; left:50px;
	width: 212px; height: 121px;
	background:url("../img/illust_tokusan2.png") no-repeat;
}
@media only screen and (min-width:768px){
	#subpage .speciality_list .box a:hover span {
		text-decoration: none;
		background-color: #89D98C;
		background-image: url("../img/arrow_w.png");
	}
}
@media only screen and (max-width:968px){
	#subpage .speciality_list .box { margin: 0 10px 80px; width: calc(50% - 20px); }

}
@media only screen and (max-width:768px){
	#subpage .speciality_list .box { float: none; margin: 0 0 80px; width:100%; }
	#subpage #speciality .parent_box:nth-child(1)::after { top: -30px; right:50px; width: 70px; height:70px; }
	#subpage #speciality .parent_box:nth-child(2)::after { top: -30px; left:50px; width: 100px; height:411px; }
}


/*---------------------------------------------------------------------------
  TOURIST
---------------------------------------------------------------------------*/
#subpage #tourist .fix_bana { position:fixed; top:250px; right: 0; z-index: 9;; width: 50px;}
#subpage #tourist .fix_bana a img {
	width: 100%; height: auto;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 0px 6px rgba(0,0,0,0.15); 
}
#subpage #tourist .fix_bana::after {
	display: block; clear: both; content: "";
	position: absolute; top: -40px; left: 0; right: 0;
	margin: auto;
	width: 45px; height: 55px;
	background:url("/kanko/img/bana_nankokukankou_ryoma.png") no-repeat;
	background-size: 100% auto;
}
@media only screen and (max-width:468px){
	#subpage #tourist .fix_bana { top: 250px; width: 37px;}
	#subpage #tourist .fix_bana::after { top: -33px;width: 35px; height: 45px;}
}
@media only screen and (max-width:368px){
	#subpage #tourist .fix_bana { top: 220px;}
}

/* News */
#subpage #tourist .news { margin: auto; max-width: 1000px;}
#subpage #tourist .news .kiji_list { margin: 60px 2% 0;}
#subpage #tourist .news .kiji_list ul {
	display: flex; gap:5px 20px;
	margin: 0; padding:0;
}
#subpage #tourist .news .kiji_list ul  + ul { margin-top: 20px;}
#subpage #tourist .news .kiji_list ul:first-child { padding-top: 0;}
#subpage #tourist .news .kiji_list ul li { line-height: 30px; background: none; margin: 0; padding: 0;}
#subpage #tourist .news .kiji_list ul li::before { display: none;}
#subpage #tourist .news .kiji_list ul li a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #222;
}
#subpage #tourist .news .kiji_list ul li:nth-child(1) {
	width: 140px;
	background: url("../img/arrow_g.png") no-repeat right center;
	background-size: 10px auto;
}
#subpage #tourist .news .kiji_list ul li:nth-child(2) {
	width: calc(100% - 140px - 30px);
}
@media only screen and (min-width:768px){
	#subpage #tourist .news .kiji_list ul li a:hover{ color: #B01407;}
}
@media only screen and (max-width:768px){
	#subpage #tourist .news .inner { position: relative; padding-bottom: 0;}
	#subpage #tourist .news .kiji_list { margin: 40px 0 40px;}
	#subpage #tourist .news .kiji_list ul { gap:5px 0px;}
	#subpage #tourist .news .kiji_list ul { flex-wrap: wrap;}
	#subpage #tourist .news .kiji_list ul li:last-child { width:100% !important;}
}

/* Spot list */
#subpage #tourist .spot { margin-top: 200px;}
#subpage #tourist .spot .parent_box { position: relative; padding-bottom: 40px;}
#subpage #tourist .spot .parent_box::before,
#subpage #tourist .spot .parent_box::after {
	position: absolute;
	display: block; clear: both; content:"";
	background-size: 100% auto !important;
}
#subpage #tourist .spot .parent_box::before {
	top: -170px; right: -350px;
	width: 657px; height: 193px;
	background: url("../../img/kazari_kumo.png") no-repeat;
}
#subpage #tourist .spot .parent_box::after {
	bottom: -100px; left: -190px;
	width: 500px; height: 170px;
	background: url("../../img/kazari_yama.png") no-repeat;
}

#subpage #tourist .spot_list { position: relative; /* margin: auto; */ max-width: 1040px; overflow:hidden; }
#subpage #tourist .spot_list dl {
	float: left;
	margin: 0 20px 60px;
	width: calc(50% - 40px);
}
#subpage #tourist .spot_list dl dt {
	position: relative;
	padding:30px 20px;
	font-size: 150%;
	border-top:5px solid #000;
}
#subpage #tourist .spot_list dl dt::after {
	position: absolute; top: 5px; right: 10px;
	display: block; clear: both; content:"";
	width: 100px; height: 100px;
/*	background: url("../img/illust_spot_cate1.png") no-repeat center center;	*/
}
#subpage #tourist .spot_list dl dd p:nth-child(odd) { background:rgba(137,217,140,0.15);}
#subpage #tourist .spot_list dl dd p a {
	display: block;
	padding:15px 15px 15px 40px;
	color: #333;
	background: url("../img/arrow_g.png") no-repeat 15px center;
	background-size: 10px auto;
}

#subpage #tourist .spot_list dl.cate1 dt::after { background-image: url("../img/illust_spot_cate1.png");}
#subpage #tourist .spot_list dl.cate2 dt::after { background-image: url("../img/illust_spot_cate2.png");}
#subpage #tourist .spot_list dl.cate3 dt::after { background-image: url("../img/illust_spot_cate3.png");}
#subpage #tourist .spot_list dl.cate4 dt::after { background-image: url("../img/illust_spot_cate4.png");}
#subpage #tourist .spot_list dl.cate1 dd p a { background-image: url("../img/arrow_cate1.png");}
#subpage #tourist .spot_list dl.cate2 dd p a { background-image: url("../img/arrow_cate2.png");}
#subpage #tourist .spot_list dl.cate3 dd p a { background-image: url("../img/arrow_cate3.png");}
#subpage #tourist .spot_list dl.cate4 dd p a { background-image: url("../img/arrow_cate4.png");}
#subpage #tourist .spot_list dl.cate5 dd p a { background-image: url("../img/arrow_cate5.png");}
#subpage #tourist .spot_list dl.cate6 dd p a { background-image: url("../img/arrow_cate6.png");}

#subpage #tourist .spot_list dl.cate1 dt { border-color:rgba(137,217,140,1.0);}
#subpage #tourist .spot_list dl.cate1 dd p:nth-child(odd) { background:rgba(137,217,140,0.15);}
#subpage #tourist .spot_list dl.cate2 dt { border-color:rgba(137,195,217,1.0);}
#subpage #tourist .spot_list dl.cate2 dd p:nth-child(odd) { background:rgba(137,195,217,0.15);}
#subpage #tourist .spot_list dl.cate3 dt { border-color:rgba(217,198,137,1.0);}
#subpage #tourist .spot_list dl.cate3 dd p:nth-child(odd) { background:rgba(217,198,137,0.15);}
#subpage #tourist .spot_list dl.cate4 dt { border-color:rgba(217,137,137,1.0);}
#subpage #tourist .spot_list dl.cate4 dd p:nth-child(odd) { background:rgba(217,137,137,0.15);}
#subpage #tourist .spot_list dl.cate5 dt { border-color:rgba(137,217,211,1.0);}
#subpage #tourist .spot_list dl.cate5 dd p:nth-child(odd) { background:rgba(137,217,140,0.15);}
#subpage #tourist .spot_list dl.cate6 dt { border-color:rgba(166,137,217,1.0);}
#subpage #tourist .spot_list dl.cate6 dd p:nth-child(odd) { background:rgba(166,137,217,0.15);}

@media only screen and (min-width:768px){
	#subpage #tourist .fix_bana a:hover { top: -320px;}
	#subpage #tourist .news .kiji_list ul li a:hover { color: #333; opacity: 0.7;}
	#subpage #tourist .spot_list dl dd p a:hover { opacity: 0.7;}
}
@media only screen and (max-width:968px){
	#subpage #tourist .spot { margin-top: 180px;}
	#subpage #tourist .spot .parent_box::before {
		top: -100px; right: -180px;
		width: 400px; height: 117px;
	}
	#subpage #tourist .spot .parent_box::after {
		bottom: -50px; left: -120px;
		width:300px; height: 100px;
	}
}
@media only screen and (max-width:768px){
	#subpage #tourist .spot .parent_box::before {
		top: -50px; right: -180px;
		width:300px; height: 87px;
	}
	#subpage #tourist .spot .parent_box::after {
		bottom: -30px; left: -50px;
		width:200px; height: 70px;
	}
	#subpage #tourist .spot_list dl { float: none;  margin: 0 0 60px; width: 100%;}
	#subpage #tourist .spot_list dl dt { font-size: 125%;}
}
@media only screen and (max-width:468px){
	#subpage #tourist .spot { margin-top: 140px;}
	#subpage #tourist .fix_bana a { position:static; margin: 0 auto 80px; width: 70%;}
}


/*---------------------------------------------------------------------------
  BUSINESS
---------------------------------------------------------------------------*/
#subpage #business .fix_bana { position:fixed; top:250px; right: 0; z-index: 9;; width: 50px;}
#subpage #business .fix_bana a img {
	width: 100%; height: auto;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 0px 6px rgba(0,0,0,0.15); 
}
#subpage #business .fix_bana::after {
	display: block; clear: both; content: "";
	position: absolute; top: -40px; left: 0; right: 0;
	margin: auto;
	width: 45px; height: 55px;
	background:url("/kanko/img/bana_nankokukankou_ryoma.png") no-repeat;
	background-size: 100% auto;
}
@media only screen and (max-width:468px){
	#subpage #business .fix_bana { top: 250px; width: 37px;}
	#subpage #business .fix_bana::after { top: -33px;width: 35px; height: 45px;}
}
@media only screen and (max-width:368px){
	#subpage #business .fix_bana { top: 220px;}
}

/* News */
#subpage #business .news { margin: auto; max-width: 1000px;}
#subpage #business .news .kiji_list { margin: 60px 2% 0;}
#subpage #business .news .kiji_list ul {
	display: flex; gap:5px 20px;
	margin: 0; padding:0;
}
#subpage #business .news .kiji_list ul  + ul { margin-top: 20px;}
#subpage #business .news .kiji_list ul:first-child { padding-top: 0;}
#subpage #business .news .kiji_list ul li { line-height: 30px; background: none; margin: 0; padding: 0;}
#subpage #business .news .kiji_list ul li::before { display: none;}
#subpage #business .news .kiji_list ul li a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #222;
}
#subpage #business .news .kiji_list ul li:nth-child(1) {
	width: 140px;
	background: url("../img/arrow_g.png") no-repeat right center;
	background-size: 10px auto;
}
#subpage #business .news .kiji_list ul li:nth-child(2) {
	width: calc(100% - 140px - 30px);
}
@media only screen and (min-width:768px){
	#subpage #business .news .kiji_list ul li a:hover{ color: #B01407;}
}
@media only screen and (max-width:768px){
	#subpage #business .news .inner { position: relative; padding-bottom: 0;}
	#subpage #business .news .kiji_list { margin: 40px 0 40px;}
	#subpage #business .news .kiji_list ul { gap:5px 0px;}
	#subpage #business .news .kiji_list ul { flex-wrap: wrap;}
	#subpage #business .news .kiji_list ul li:last-child { width:100% !important;}
}

/* Spot list */
#subpage #business .spot { margin-top: 200px; }
#subpage #business .spot .parent_box { position: relative; padding-bottom: 40px;}
#subpage #business .spot .parent_box::before,
#subpage #business .spot .parent_box::after {
	position: absolute;
	display: block; clear: both; content:"";
	background-size: 100% auto !important;
}
#subpage #business .spot .parent_box::before {
	top: -170px; right: -350px;
	width: 657px; height: 193px;
	background: url("../../img/kazari_kumo.png") no-repeat;
}
#subpage #business .spot .parent_box::after {
	bottom: -100px; left: -190px;
	width: 500px; height: 170px;
	background: url("../../img/kazari_yama.png") no-repeat;
}

#subpage #business .spot_list { position: relative; /* margin: auto; */ max-width: 1040px; overflow:hidden; }
#subpage #business .spot_list dl {
	float: left;
	margin: 0 20px 60px;
	width: calc(50% - 40px);
}
#subpage #business .spot_list dl dt {
	position: relative;
	padding:30px 20px;
	font-size: 150%;
	border-top:5px solid #000;
}
#subpage #business .spot_list dl dt .more { float: right; }
#subpage #business .spot_list dl dt .more a {
	padding-right: 30px;
	font-size: 80%;
	color: #222; text-decoration: none;
	background: url("../img/arrow_b.png") no-repeat right;
	background-size: auto 20px;
}
#subpage #business .spot_list dl dd p:nth-child(odd) { background:rgba(137,217,140,0.15);}
#subpage #business .spot_list dl dd p a {
	display: block;
	padding:15px 15px 15px 40px;
	color: #333;
	background: url("../img/arrow_g.png") no-repeat 15px center;
	background-size: 10px auto;
}

@media only screen and (min-width:768px){
	#subpage #business .fix_bana a:hover { top: -320px;}
	#subpage #business .news .kiji_list ul li a:hover { color: #333; opacity: 0.7;}
	#subpage #business .spot_list dl dd p a:hover { opacity: 0.7;}
}
@media only screen and (max-width:968px){
	#subpage #business .spot { margin-top: 160px;}
	#subpage #business .spot .parent_box::before {
		top: -100px; right: -180px;
		width: 400px; height: 117px;
	}
	#subpage #business .spot .parent_box::after {
		bottom: -50px; left: -120px;
		width:300px; height: 100px;
	}
}
@media only screen and (max-width:768px){
	#subpage #business .spot { margin-top: 100px;}
	#subpage #business .spot .parent_box::before {
		top: -50px; right: -180px;
		width:300px; height: 87px;
	}
	#subpage #business .spot .parent_box::after {
		bottom: -30px; left: -50px;
		width:200px; height: 70px;
	}
	#subpage #business .spot_list dl { float: none;  margin: 0 0 60px; width: 100%;}
	#subpage #business .spot_list dl dt { font-size: 125%;}
}
@media only screen and (max-width:468px){
	#subpage #business .fix_bana a { position:static; margin: 0 auto 80px; width: 70%;}
}


/*---------------------------------------------------------------------------
  OTHER
---------------------------------------------------------------------------*/
#subpage #information .fix_bana { position:fixed; top:250px; right: 0; z-index: 9;; width: 50px;}
#subpage #information .fix_bana a img {
	width: 100%; height: auto;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 0px 6px rgba(0,0,0,0.15); 
}
#subpage #information .fix_bana::after {
	display: block; clear: both; content: "";
	position: absolute; top: -40px; left: 0; right: 0;
	margin: auto;
	width: 45px; height: 55px;
	background:url("/kanko/img/bana_nankokukankou_ryoma.png") no-repeat;
	background-size: 100% auto;
}
@media only screen and (max-width:468px){
	#subpage #information .fix_bana { top: 250px; width: 37px;}
	#subpage #information .fix_bana::after { top: -33px;width: 35px; height: 45px;}
}
@media only screen and (max-width:368px){
	#subpage #information .fix_bana { top: 220px;}
}

/* News */
#subpage #information .news { margin: auto; max-width: 1000px;}
#subpage #information .news .kiji_list { margin: 60px 2% 0;}
#subpage #information .news .kiji_list ul {
	display: flex; gap:5px 20px;
	margin: 0; padding:0;
}
#subpage #information .news .kiji_list ul  + ul { margin-top: 20px;}
#subpage #information .news .kiji_list ul:first-child { padding-top: 0;}
#subpage #information .news .kiji_list ul li { line-height: 30px; background: none; margin: 0; padding: 0;}
#subpage #information .news .kiji_list ul li::before { display: none;}
#subpage #information .news .kiji_list ul li a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #222;
}
#subpage #information .news .kiji_list ul li:nth-child(1) {
	width: 140px;
	background: url("../img/arrow_g.png") no-repeat right center;
	background-size: 10px auto;
}
#subpage #information .news .kiji_list ul li:nth-child(2) {
	width: calc(100% - 140px - 30px);
}
@media only screen and (min-width:768px){
	#subpage #information .news .kiji_list ul li a:hover{ color: #B01407;}
}
@media only screen and (max-width:768px){
	#subpage #information .news .inner { position: relative; padding-bottom: 0;}
	#subpage #information .news .kiji_list { margin: 40px 0 40px;}
	#subpage #information .news .kiji_list ul { gap:5px 0px;}
	#subpage #information .news .kiji_list ul { flex-wrap: wrap;}
	#subpage #information .news .kiji_list ul li:last-child { width:100% !important;}
}

/* Spot list */
#subpage #information .spot { margin-top: 200px;}
#subpage #information .spot .parent_box { position: relative; padding-bottom: 90px;}
#subpage #information .spot .parent_box::before,
#subpage #information .spot .parent_box::after {
	position: absolute;
	display: block; clear: both; content:"";
	background-size: 100% auto !important;
}
#subpage #information .spot .parent_box::before {
	top: -170px; right: -350px;
	width: 657px; height: 193px;
	background: url("../../img/kazari_kumo.png") no-repeat;
}
#subpage #information .spot .parent_box::after {
	bottom: -100px; left: -190px;
	width: 500px; height: 170px;
	background: url("../../img/kazari_yama.png") no-repeat;
}

#subpage #information .spot_list { position: relative; /* margin: auto; */ max-width: 1040px; overflow:hidden; }
#subpage #information .spot_list dl {
/*	float: left;	*/
/*	margin: 0 20px 60px;	*/
	margin: 0 20px 0;
/*	width: calc(50% - 40px);	*/
	width: calc(100% - 40px);
}
#subpage #information .spot_list dl + dl {
	margin-top: 60px;
}
#subpage #information .spot_list dl dt {
	position: relative;
	padding:30px 20px;
	font-size: 150%;
	border-top:5px solid #000;
}
#subpage #information .spot_list dl dt .more { float: right; }
#subpage #information .spot_list dl dt .more a {
	padding-right: 30px;
	font-size: 80%;
	color: #222; text-decoration: none;
	background: url("../img/arrow_b.png") no-repeat right;
	background-size: auto 20px;
}
#subpage #information .spot_list dl.subcate {
	margin: 0 20px 40px 60px;
	width: calc(100% - 80px);
}
#subpage #information .spot_list dl.subcate dt {
	padding:20px;
	border:2px solid #000;
	font-size: 125%;
	margin-bottom: 20px;
}
#subpage #information .spot_list dl dd p:nth-child(odd) { background:rgba(137,217,140,0.15);}
#subpage #information .spot_list dl dd p a {
	display: block;
	padding:15px 15px 15px 40px;
	color: #333;
	background: url("../img/arrow_g.png") no-repeat 15px center;
	background-size: 10px auto;
}

@media only screen and (min-width:768px){
	#subpage #information .fix_bana a:hover { top: -320px;}
	#subpage #information .news .kiji_list ul li a:hover { color: #333; opacity: 0.7;}
	#subpage #information .spot_list dl dd p a:hover { opacity: 0.7;}
}
@media only screen and (max-width:968px){
	#subpage #information .spot { margin-top: 160px;}
	#subpage #information .spot .parent_box::before {
		top: -100px; right: -180px;
		width: 400px; height: 117px;
	}
	#subpage #information .spot .parent_box::after {
		bottom: -50px; left: -120px;
		width:300px; height: 100px;
	}
}
@media only screen and (max-width:768px){
	#subpage #information .spot { margin-top: 100px;}
	#subpage #information .spot .parent_box::before {
		top: -50px; right: -180px;
		width:300px; height: 87px;
	}
	#subpage #information .spot .parent_box::after {
		bottom: -30px; left: -50px;
		width:200px; height: 70px;
	}
	#subpage #information .spot_list dl { margin: 0; width: 100%;}
	#subpage #information .spot_list dl dt { font-size: 125%;}
	#subpage #information .spot_list dl.subcate {
		margin: 0 0 40px;
		width: 100%;
	}
	#subpage #information .spot_list dl.subcate dt { font-size: 115%; }
}
@media only screen and (max-width:468px){
	#subpage #information .fix_bana a { position:static; margin: 0 auto 80px; width: 70%;}
}


/* 2025/02/27 add */
#subpage .image_right {
	float: right;
	position: relative;
	max-width: 100%;
	margin: 0 0 40px 1.0em;
}
#subpage .image_left {
	float: left;
	position: relative;
	max-width: 100%;
	margin: 0 1.0em 40px 0;
}
#subpage .image_center {
	text-align: center;
	margin: 0 2% 40px;
	position: relative;
	max-width:100%;
}
#subpage .image_right img,
#subpage .image_left img,
#subpage .image_center img{
	max-width:100%;
}

@media only screen and (max-width:468px){
	#subpage .image_right,
	#subpage .image_left,
	#subpage .image_center { float: none; margin:0 0 20px; }
	#subpage .image_right img,
	#subpage .image_left img,
	#subpage .image_center img{ width: 100%; max-width:100%; }
}


/* youtube */
.youtubesm {
	float:left;
}

/* pdf */
.pdf_download {
	clear: both;
	margin: 30px 0;
	padding: 1.0em 0.6em 0;
	border-top: 1px solid #ddd;
}
.pdf_download p {
	clear: none;
	margin: 0;
}
.pdf_download img {
	float: left;
	margin: 0 1.0em 0 0;
	border: none;
}


#subpage h2 a{
	color:#222;
}

#subpage .listpage h2{
	margin-top:40px;
	margin-bottom:10px;
}

#subpage img{
	max-width:100%;
	height:auto;
}

.clear{ clear:both; }


/* giinbox */
#subpage .giinbox { overflow: hidden;}
#subpage .giinbox .box {
	float: left;
	margin:0 2% 40px;
	padding:30px;
	width:46%;
	border:2px solid #89D98C;
}
#subpage .giinbox h2 {
	background:none;
	padding-left: 20px;
	font-size: 120%;
	color: #222;
	border-left: 4px solid #89D98C;
	border-radius:0;
	clear: none; margin-bottom: 20px; padding:  0 0 20px; color:#222; border: none; border-bottom: 3px solid #89D98C;

}
#subpage .giinbox h2::before { display:none; }

#subpage .giinbox h2 span{
	font-weight:normal;
	font-size:90%;
}
#subpage .giinbox .comment { margin-bottom: 20px;  }
#subpage .giinbox .photo { margin-bottom: 20px;  }
#subpage .giinbox .photo img { width: auto; max-width: 100%; height: auto;}
#subpage .giinbox .btn a {
	position: relative;
	display: block;
	padding: 15px 30px 15px 15px;
	color: #222;
	text-align: center;
	text-decoration: none;
	background:#89D98C url("../img/arrow_b.png") no-repeat 95% center;
	background-size: 10px auto;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}
#subpage .giinbox .btn a:hover { opacity: 0.7; }


#subpage .giinbox .giin_img{
	float:left;
	width:135px;
	
}	

#subpage .giinbox .giin_img img{
	max-width:100%;
}
#subpage .giinbox .giin_info{
	float:left;
	width:calc(100% - 145px);
}

#subpage .giinbox .giin_info dt{
	float:left;	
	width:5em;
	margin-right:0.5em;
	font-weight:bold;
}
#subpage .giinbox .giin_info dd{
	float:left;	
	width:calc(100% - 5.5em);
}


@media only screen and (max-width:800px){
	#subpage .giinbox .box  {width: 98%;}


	#subpage .giinbox .giin_info dt{
		float:none;
		width:100%;
	}
	#subpage .giinbox .giin_info dd{
		float:none;	
		width:100%;
		margin-bottom:10px;
	}

}

#subpage .text_r{
	text-align:right;
}

#subpage .gikaid h2{
	margin-top:40px;
	margin-bottom:0px;
}

#subpage #gijiroku_tab {
	margin-bottom:20px;
}

#subpage #gijiroku_tab ul li::before{
	display:none;
}
#subpage #gijiroku_tab ul li{
	
}

#subpage #gijiroku_tab ul li+li{
	margin-top:0px;
}

#subpage .navigation ul li{
	float:left;
	margin-right:10px;
	font-size:90%;
}

#subpage .navigation ul li+li{
	margin-top:0px;
}

#subpage .gijiroku_list{
	clear:both;margin-top:20px;
}

#subpage .qa h2{
	margin-bottom:10px;
}

/* pubcom News */
#subpage #pubcom .news { margin: auto; max-width: 1000px;}
#subpage #pubcom .news .kiji_list { padding:2%; border:4px solid #89D98C}
#subpage #pubcom .news .kiji_list ul {
	display: flex; gap:5px 20px;
	margin: 0; padding:0;
}
#subpage #pubcom .news .kiji_list ul  + ul { margin-top: 20px;}
#subpage #pubcom .news .kiji_list ul:first-child { padding-top: 0;}
#subpage #pubcom .news .kiji_list ul li { line-height: 30px; background: none; margin: 0; padding: 0;}
#subpage #pubcom .news .kiji_list ul li::before { display: none;}
#subpage #pubcom .news .kiji_list ul li a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #222;
}
#subpage #pubcom .news .kiji_list ul li:nth-child(1) {
	width: 190px;
	background: url("../img/arrow_g.png") no-repeat right center;
	background-size: 10px auto;
}
#subpage #pubcom .news .kiji_list ul li:nth-child(2) {
	width: calc(100% - 160px - 30px);
}
#subpage #pubcom .spot { margin-top: 200px;}
@media only screen and (min-width:768px){
	#subpage #pubcom .news .kiji_list ul li a:hover{ color: #B01407;}
}
@media only screen and (max-width:768px){
	#subpage #pubcom .news .inner { position: relative; padding-bottom: 0;}
	#subpage #pubcom .news .kiji_list { margin: 40px 0 40px;}
	#subpage #pubcom .news .kiji_list ul { gap:5px 0px;}
	#subpage #pubcom .news .kiji_list ul { flex-wrap: wrap;}
	#subpage #pubcom .news .kiji_list ul li:last-child { width:100% !important;}
}

@media only screen and (max-width:800px){
	#subpage .link table { margin:0 2%; width:96%; table-layout:auto;}
	#subpage .link table th,
	#subpage .link table td{
		table-layout:auto !important;
		display:block !important;
		padding:2% !important;
		width:90% !important;
		height:auto !important;
	}
}


/* bosai News */
#subpage #bosai .news { margin: auto; max-width: 1000px;margin-bottom:40px;}
#subpage #bosai .news .kiji_list { padding:2%;}
#subpage #bosai .news .kiji_list ul {
	display: flex; gap:5px 20px;
	margin: 0; padding:0;
}
#subpage #bosai .news .kiji_list ul  + ul { margin-top: 20px;}
#subpage #bosai .news .kiji_list ul:first-child { padding-top: 0;}
#subpage #bosai .news .kiji_list ul li { line-height: 30px; background: none; margin: 0; padding: 0;}
#subpage #bosai .news .kiji_list ul li::before { display: none;}
#subpage #bosai .news .kiji_list ul li a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #222;
}
#subpage #bosai .news .kiji_list ul li:nth-child(1) {
	width: 140px;
	background: url("../img/arrow_g.png") no-repeat right center;
	background-size: 10px auto;
}
#subpage #bosai .news .kiji_list ul li:nth-child(2) {
	width: calc(100% - 140px - 30px);
}

#subpage #bosai h3{
	margin-bottom:20px;
}


#subpage .stage{
	clear:both;
	margin-bottom:30px;
}
#subpage .stage ul {
	margin-bottom:0px;
}
#subpage .stage ul li {
	width:48%;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:1%;
	margin-right:1%;
}
#subpage .stage ul li+li{
	margin-top:0;
}
#subpage .stage ul li::before {
	display:none;
}
#subpage .stage ul li::after{
	position: absolute; top:5px; left: 0;
	display: block; clear: both; content:"";
	width: 17px; height: 21px;
	background:url("../img/arrow_b.png") no-repeat left 5px;
	background-size: 10px auto;
}


#subpage #bosai .spot { margin-top: 200px;}
@media only screen and (min-width:768px){
	#subpage #bosai .news .kiji_list ul li a:hover{ color: #B01407;}
}
@media only screen and (max-width:768px){
	#subpage #bosai .news .inner { position: relative; padding-bottom: 0;}
	#subpage #bosai .news .kiji_list { margin: 40px 0 40px;}
	#subpage #bosai .news .kiji_list ul { gap:5px 0px;}
	#subpage #bosai .news .kiji_list ul { flex-wrap: wrap;}
	#subpage #bosai .news .kiji_list ul li:last-child { width:100% !important;}

	#subpage  #bosai .stage ul li {
		width:98%;
		float:none;
	}
	#subpage  #bosai .stage{
		margin-bottom:0px;
	}
}


/* gikai News */
#subpage #gikainews .news { margin: auto; max-width: 1000px;}
#subpage #gikainews .news .kiji_list { padding:2%;}
#subpage #gikainews .news .kiji_list ul {
	display: flex; gap:5px 20px;
	margin: 0; padding:0;
}
#subpage #gikainews .news .kiji_list ul  + ul { margin-top: 20px;}
#subpage #gikainews .news .kiji_list ul:first-child { padding-top: 0;}
#subpage #gikainews .news .kiji_list ul li { line-height: 30px; background: none; margin: 0; padding: 0;}
#subpage #gikainews .news .kiji_list ul li::before { display: none;}
#subpage #gikainews .news .kiji_list ul li a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #222;
}
#subpage #gikainews .news .kiji_list ul li:nth-child(1) {
	width: 140px;
	background: url("../img/arrow_g.png") no-repeat right center;
	background-size: 10px auto;
}
#subpage #gikainews .news .kiji_list ul li:nth-child(2) {
	width: calc(100% - 140px - 30px);
}

#subpage #gikainews .stage ul li::before {
	display:none;

}

#subpage #gikainews h3{
	margin-bottom:20px;
}

@media only screen and (min-width:768px){
	#subpage #gikainews .news .kiji_list ul li a:hover{ color: #B01407;}
}
@media only screen and (max-width:768px){
	#subpage #gikainews .news .inner { position: relative; padding-bottom: 0;}
	#subpage #gikainews .news .kiji_list { margin: 40px 0 40px;}
	#subpage #gikainews .news .kiji_list ul { gap:5px 0px;}
	#subpage #gikainews .news .kiji_list ul { flex-wrap: wrap;}
	#subpage #gikainews .news .kiji_list ul li:last-child { width:100% !important;}
}

/* hospital */
#subpage .hospital_td {background-color:#F7F4ED;}

/* gijiroku */
#subpage .giji_search_td {background-color:#F7F4ED;}
#subpage .gijiroku_kensaku .info {
	background-color: #f9f9f9;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	color: #cc0000;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 1em;
}
#subpage .giji_result_pipe {color: #FD5A2A;}
#subpage .PKG_highlight_back1 {background-color: #ffff00;}
#subpage .PKG_highlight_back2 {background-color: #66ffff;}
#subpage .PKG_highlight_back3 {background-color: #ddff00;}

/* info/kensyo.php */
#subpage .info_kensyo {
	background: #eee;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin: 0 auto;
	width: 90%;
}

/* 2025/06/09 ADD [S] */
@media only screen and (max-width: 468px) {
	.specialpage .inner {
		margin-left: 20px;
	}
}

.slidertit .linkclick {
	margin-left: 15%;
	margin-top: 12px;
	width: 155px;
}

@media only screen and (max-width: 1250px) {
	.slidertit .linkclick {
		margin-left: 0px;
	}
}

.slidertit .linkclick a img {
	width:155px;
	filter:invert(100%);
}

@media only screen and (max-width: 1250px) {
	.slidertit .linkclick a img {
	    aspect-ratio: auto;
		height: 51px;
	}
}

@media only screen and (min-width:349px) and (max-width: 1250px) {
	.slidertit img {
		height: 500px;
	}
}

@media only screen and (max-width: 348px) {
	.slidertit img {
		height: 700px;
	}
}
/* 2025/06/09 ADD [E] */