/*====================================================================================================
  SUBPAGE
====================================================================================================*/
#content {
    padding-bottom: 180px;
    background: url("../img/bg3.png") no-repeat left top;
}
#subpage { 
    margin: 0 auto;
    padding:20px;
    width: 96%; max-width:1100px;
    background: #fff;
    transition:.3s;
}
@media only screen and (max-width:1100px){
    #content { padding-top: 80px;}
}
@media only screen and (max-width:768px){
/* 2025/09/30 UPD [S] */
/*	#subpage { padding:10% 5% !important; width: 100%;}	*/
    #subpage { padding:3% 5% !important; width: 100%;}
/* 2025/09/30 UPD [E] */
}



/*---------------------------------------------------------------------------
  PAGE TITLE
---------------------------------------------------------------------------*/
h1.sb_tit {
    position: relative;
    margin-bottom: 50px;
    padding: 120px 0 40px;
    font-size: 287.5%;
    text-align: center;
/*    background: url("../img/kazari_01.png") no-repeat 5% center; */
    background: url("../img/kazari_01.png") no-repeat 10px 3px;
    background-size: auto 165px;
/* 2025/09/30 ADD [S] */
    line-height: 95%;
/* 2025/09/30 ADD [E] */
}
h1.sb_tit::after {
    display: block; content:""; clear: both;
    position: absolute; left: 0; right:0; bottom: 0;
    margin: auto;
    width: 50%; max-width: 450px; height: 6px;
    background: #FFC900;
}
@media only screen and (max-width:768px){
    h1.sb_tit {
        margin-bottom: 30px;
        padding: 80px 0 40px;
        font-size: 225%;
/*        background-size: auto 100px; */
        background-size: auto 60px;
    }
}



/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/
.pan { display:block; margin:20px auto;  width: 96%; max-width:1100px;overflow: hidden;}
.pan ul { float:left; padding: 10px; font-size:87.5%; color:#333;}
.pan ul li { display:inline;}
/* 2025/09/30 DEL [S] */
/*
.pan ul li .home {
    background: url("../img/icon_home.png") no-repeat left center;
    background-size: 20px auto;
}
*/
/* 2025/09/30 DEL [E] */
/* .pan ul li+li::before { margin: 0 5px; content:">";} */
.pan ul li span { margin: 0 5px;}
.pan ul li a { color:#333 !important; }
.pan ul li a:hover { color:#333; text-decoration: underline;}
.pan .data { float: right; padding: 10px 15px; color:#333;}
@media only screen and (max-width:800px){
    .pan ul { display: none; }
    .pan .data { float: none; text-align: center;}
}



/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
#subpage .list {}
#subpage .list p a {
    position: relative;
	display:block;
	padding:20px 20px 20px 60px;
	font-size:112.5%;
	text-decoration:none;
    background:#FFFBED;
    overflow: hidden;
}
#subpage .list p:nth-child(even) a { background:#fff;}
#subpage .list p a span { display: block;}
#subpage .list p a span:nth-child(1) {
    float: left;
    width: calc(100% - 180px - 20px);
    text-decoration: underline;
}
#subpage .list p a span:nth-child(2) {
    float: right;
    width: 180px;
    font-size: 75%;
    color: #222;
    line-height: 130%;
}
#subpage .list p a::before {
    display:block; clear: both; content:"";
    position: absolute; top:0; bottom: 0; left:20px;
    margin: auto 0;
    width: 25px; height: 25px;
    background:#FFCC00 url("../img/arrow_b.png") no-repeat center center;
    background-size: 9px auto;
    border-radius:35px;
}
@media only screen and (min-width:767px){
    #subpage .list p a:hover { background:#FFE57D !important;}
    #subpage .list p a:hover span { color: #222 !important;}
}
@media only screen and (max-width:768px){
    #subpage .list p a span { float: none; width: 100% !important;}
    #subpage .list p a span + span { margin-top: 10px;}
}



/*---------------------------------------------------------------------------
  DATA
---------------------------------------------------------------------------*/
#subpage .data { padding: 20px 0; text-align: right;}
#subpage .data span { display: inline-block; font-size: 87.5%;}



/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/
/* 2025/09/30 UPD [S] */
/*
#subpage h2 {
	position: relative;
	clear:both;
	margin:20px 0 20px;
    font-family: "Zen Maru Gothic", sans-serif;
	font-size:187.5%;
    color:#222;
    font-weight: 500;
	background:#FFEFB2 url("../img/tit_bg.png") no-repeat 20px center;
    background-size: 60px auto;
    border-radius: 10px;
}
#subpage h2 span {
    display:block;
	padding:25px 20px 25px 90px;
    background: url("../img/tit_bg2.png") no-repeat right top;
    background-size: 85px auto;
}
*/
#subpage h2 {
/*	position: relative;	*/
	clear: both;
	margin: 20px 0 20px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 187.5%;
	color: #222;
	font-weight: 500;
	background-color: #FFEFB2;
	background-image: url("../img/tit_bg.png"),url("../img/tit_bg2.png");
	background-repeat: no-repeat,no-repeat;
	background-size: 60px auto,89px auto;
	background-position: 20px center,right top;
	border-radius: 10px;
/*	display: block;	*/
	padding: 25px 20px 25px 90px;
/* 2025/09/30 ADD [S] */
   line-height: 110%;
/* 2025/09/30 ADD [E] */
}
/* 2025/09/30 UPD [E] */
#subpage h3 {
    position: relative;
	clear:both;
/* 2025/09/30 UPD [S] */
/*	margin:40px 0 20px;	*/
	margin:20px 0 20px;
/* 2025/09/30 UPD [E] */
	padding: 0 0 20px;
    font-family: "Zen Maru Gothic", sans-serif;
	font-size:137%;
    color:#006400;
    border-bottom: 3px solid #006400;
}
#subpage h4 {
	clear:both; position: relative;
	margin:40px 0 20px;
    font-family: "Zen Maru Gothic", sans-serif;
	font-size:125%;
    color:#222;
}



/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/
#subpage .comment {
	margin:0 2% 60px;
    line-height:200%;
}
#subpage .notes { padding-left: 20px; text-indent: -20px; font-size: 87.5%;}
/* 2025/09/30 UPD (miCheck deal with) [S] */
/*
#subpage .notes::before { margin-right: 5px; content:"※";}
*/
#subpage .notes::before { margin-right: 5px; content:"";}
/* 2025/09/30 UPD (miCheck deal with) [E] */



/*---------------------------------------------------------------------------
  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; max-width:calc(50% - 40px);}
#subpage .photo.pic_r { float: right; margin-left: 40px; max-width:calc(50% - 40px);}
#subpage .photo.pic_c { float: none; width: 100%; max-width:100%;}
@media only screen and (max-width:768px){
    #subpage .photo,
    #subpage .photo .pic { width: 100% !important; max-width:100% !important;}
    #subpage .photo.pic_l,
    #subpage .photo.pic_r,
    #subpage .photo.pic_c { float: none; margin:0 0 20px; }
}



/*---------------------------------------------------------------------------
  LIST
---------------------------------------------------------------------------*/
/* 2025/09/30 UPD [S] */
/*
#subpage ul { clear:both; margin: 0 2% 60px;}
*/
#subpage ul { clear:both; margin: 0 2% 20px;}
/* 2025/09/30 UPD [E] */
#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:8px; left:2px;
    width: 10px; height: 10px;
    background:#FFCC00;
    border-radius: 15px;
}
/* 2025/09/30 UPD [S] */
/*
#subpage ol { clear:both; margin: 0 2% 60px; padding-left: 23px;}
*/
#subpage ol { clear:both; margin: 0 2% 20px; padding-left: 23px;}
/* 2025/09/30 UPD [E] */
#subpage ol li + li { margin-top: 10px;}
#subpage ol li { list-style-type: decimal;}



/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/
#subpage table {
/* 2025/09/30 UPD [S] */
/*
    clear:both; margin: 0 2% 60px;
*/
    clear:both; margin: 0 2% 20px;
/* 2025/09/30 UPD [E] */
    width: 96%;
	border:1px solid #ddd;
	border-collapse:collapse;
}
#subpage table th,
#subpage table td {
    padding:7px 15px;
	border:1px solid #ddd;
}
#subpage table th {
/* 2025/09/30 DEL [S] */
/*  width: 270px;     */
/* 2025/09/30 DEL [E] */
    text-align: center;
    font-weight: normal;
    background:#F7F7F7;
}
/* 2025/09/30 DEL [S] */
/*
@media only screen and (max-width:768px){
    #subpage table { margin:0 2%; width:96%; table-layout:auto;}
    #subpage table th,
    #subpage table td{
        table-layout:auto !important;
        display:block !important;
        width:90% !important;
        height:auto !important;
    }
    #subpage table th{ padding:2% 5% !important;}
    #subpage table td{ padding:2% 5% !important;}

}
*/
/* 2025/09/30 DEL [E] */



/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link { position: relative; margin: 0 2%; padding: 5px 0 5px 25px; display:inline-block;}
/* 20251118 upd #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 7px;}
#subpage .icon-word { background: url(../img/icon-word.jpg) no-repeat left 7px;}
#subpage .icon-excel { background: url(../img/icon-excel.jpg) no-repeat left 7px;}
#subpage .icon-link{ background:url("../img/arrow.png") no-repeat left 10px; background-size:17px auto;}



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

/* BOX1 */
/* 2025/09/30 UPD [S] */
/*
#subpage .box1 { clear:both; margin: 0 2% 60px; overflow: hidden;}
*/
#subpage .box1 { clear:both; margin: 0 2% 20px; overflow: hidden;}
/* 2025/09/30 UPD [E] */
#subpage .box1 .comment { margin:0;}

/* BOX2 */
/* 2025/09/30 UPD [S] */
/*
#subpage .box2 { clear:both; margin: 0 2% 60px; padding:40px; border: 5px solid #FFC900; overflow: hidden;}
*/
#subpage .box2 { clear:both; margin: 0 2% 20px; padding:40px; border: 5px solid #FFC900; overflow: hidden;}
/* 2025/09/30 UPD [E] */
#subpage .box2 h3 { clear: none; margin: 20px 0; padding: 0; border: none;}
#subpage .box2 .comment { margin:0; }

/* BOX3 */
/* 2025/09/30 UPD [S] */
/*
#subpage .box3 { clear:both; margin: 0 2% 60px; padding:40px; background: #FFFCEF; overflow: hidden;}
*/
#subpage .box3 { clear:both; margin: 0 2% 20px; padding:40px; background: #FFFCEF; overflow: hidden;}
/* 2025/09/30 UPD [E] */
#subpage .box3 .comment { margin:0;}

/* BOX4 */
#subpage .box4 { overflow:hidden;}
#subpage .box4 .box {
    float: left; 
/* 2025/09/30 UPD [S] */
/*
    margin: 0 2% 60px;
*/
    margin: 0 2% 20px;
/* 2025/09/30 UPD [E] */
    width: 46%;
    padding:30px;
    background:#FFFCEF;
}
#subpage .box4 h4 { margin: 0 0 20px; padding-bottom: 20px; border-bottom: 2px solid #222;}
#subpage .box4 .comment { margin: 0 0 20px; }
#subpage .box4 .photo { margin: 0 0 20px; }
#subpage .box4 .btn a:hover { opacity: 0.7; }
@media only screen and (max-width:768px){
    #subpage .box1 { display: flex; flex-direction:column-reverse; gap:40px;}
    #subpage .box2 { display: flex; flex-direction:column-reverse; gap:40px; padding: 20px;}
    #subpage .box3 { display: flex; flex-direction:column-reverse; gap:40px; padding: 20px;}
    #subpage .box4 .box { float: none; padding:30px 20px; width: 100%;}
}


/*---------------------------------------------------------------------------
  BOTTON
---------------------------------------------------------------------------*/
#subpage .btn_box {overflow: hidden;}
#subpage .btn_box p { float: left; margin: 0 2% 20px;}
#subpage .btn a span {
    padding-left: 30px;

}
#subpage .btn.b1 { float:none; clear: both; margin: 0 auto 20px; width: 100%; max-width:660px;}
#subpage .btn.b2 { width: calc(50% - 4%);}
#subpage .btn.b3 { width: calc(33.3% - 4%);}
#subpage .btn.b4 { width: calc(25% - 4%);}
#subpage .b_more1 a {
    position: relative;
    display: block;
    padding: 15px  20px;
    padding-left: 60px;
    font-size: 112.5%;
    font-weight: 500;
    color:#222;
    text-decoration: none;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,0.20);
}
#subpage .b_more1 a::before {
    display:block; clear: both; content:"";
    position: absolute; top:0; bottom: 0; left: 10px;
    margin: auto;
    width: 35px; height: 35px;
    background: #000 url("../img/arrow_w.png") no-repeat center center;
    background-size: 12px auto;
    border-radius:35px;
}
#subpage .b_more1.b_red a {   color:#222; background: #FCF2F2;}
#subpage .b_more1.b_red a::before {   background-color:#BE0000;}
#subpage .b_more2 a {
    position: relative;
    display: block;
    padding: 10px 20px;
    padding-left: 50px;
    font-size:100%;
    font-weight: 500;
    color:#fff;
    text-decoration: none;
    background:#006400 url("../img/arrow_w.png") no-repeat 20px center;
    background-size: 12px auto;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,0.20);
}
#subpage .b_more2.b_right a { padding: 5px 20px; padding-right: 50px; background-position: 90% center;}
#subpage .b_more3 a {
    position: relative;
    display: block;
    padding: 10px 20px;
    padding-left: 50px;
    font-size:100%;
    font-weight: 500;
    color:#222;
    text-decoration: none;
    background:#FFCC00 url("../img/arrow_b.png") no-repeat 90% center;
    background-size: 12px auto;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,0.20);
}
@media only screen and (min-width:767px){
    #toppage .b_more1 a:hover { opacity: 0.7; color: #fff; background-color: #000;}
    #toppage .b_more1.b_red a:hover { opacity: 0.7; color: #fff; background-color: #BE0000;}
    #toppage .b_more2 a:hover { opacity: 0.7;}
    #subpage .b_more3 a:hover {opacity: 0.7;}
}
@media only screen and (max-width:768px){
    #subpage .btn { float: none; margin:0 2% 20px; width: 96% !important; max-width:none !important;}
}


/*---------------------------------------------------------------------------
  PHOTO BOX 
---------------------------------------------------------------------------*/
#subpage .gallery { clear: both; overflow: hidden;}
#subpage ul.photo_box { clear: none; float: left; margin: 0 2% 40px;}
#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:96%; float:none; clear:both; }
/* PHOTO BOX2 */ #subpage ul.g2 {width:calc(50% - 4%);}
/* PHOTO BOX3 */ #subpage ul.g3 {width:calc(33.3% - 4%);}
/* PHOTO BOX4 */ #subpage ul.g4 {width:calc(25% - 4%);}
/* PHOTO BOX5 */ #subpage ul.g5 {width:calc(20% - 4%);}
#subpage ul.photo img { width: 100%; max-width:1000px; height:auto;}
@media only screen and (max-width:768px){
   #subpage ul.photo_box {width:98%; float:none; clear:both; }
}


/*---------------------------------------------------------------------------
  CONTACT
---------------------------------------------------------------------------*/
#subpage .contact { margin:20px 0; padding:30px; background:#FFFCEF; overflow:hidden;}
#subpage .contact h4 {
    margin: 0 0 20px;
    padding: 0 0 20px;
    background: url("../img/line_dot.png") repeat-x left bottom;
    background-size: auto 3px;
}
#subpage .contact .come { float: left; width: calc(100% - 245px);}
#subpage .contact .btn { float: right; width: 250px;}
@media only screen and (max-width:800px){
    #subpage .contact .come,
    #subpage .contact .btn { float:none; margin-top: 15px; width:100%;}
}


/*---------------------------------------------------------------------------
  NEWS LIST
---------------------------------------------------------------------------*/
#subpage .news_list { clear: both;}
#subpage .news .news_list {
    padding: 20px;
    background: #fff;
}
/* 2025/09/30 UPD [S] */
/*
#subpage .news ul { padding: 20px; overflow: hidden; } 
*/
#subpage .news ul {
	padding: 10px 20px 20px 20px;
	overflow: hidden;
}
/* 2025/09/30 UPD [E] */
#subpage .news ul:nth-child(odd) { background: #F7F7F7;} 
#subpage .news ul li { float: left;} 
/* 2025/09/30 UPD [S] */
/*
#subpage .news ul li:nth-child(1) { width: 140px; font-size: 87.5%;} 
*/
#subpage .news ul li:nth-child(1) {
	width: 140px;
	font-size: 87.5%;
	padding: 10px 0px 0px 0px;
}
/* 2025/09/30 UPD [E] */
#subpage .news ul li:nth-child(2) { width: 120px; font-size: 75%; text-align: center; background: #fff; border:1px solid #ddd; border-radius: 50px;} 
#subpage .news ul li:nth-child(3) {
    width: calc(100% - 140px - 120px);
    padding-left:10px;
    font-size: 87.5%;
    box-sizing: border-box;
}
#subpage .news ul li:nth-child(3)  a { 
    position: relative;
    display: block;
    padding-right: 30px;
    width: 100%;
    box-sizing: border-box;
}
#subpage .news ul li:nth-child(3)  a::before {
    display:block; clear: both; content:"";
    position: absolute; top:0; bottom: 0; right:0;
    margin: auto 0;
    width: 25px; height: 25px;
    background:#FFCC00 url("../img/arrow_b.png") no-repeat center center;
    background-size: 9px auto;
    border-radius:35px;
}
@media only screen and (max-width:768px){
    #subpage .news ul li:nth-child(3) { padding-left: 0; width: 100%;}
}


/*---------------------------------------------------------------------------
  ↓↓↓↓ 2025/09/30 CityNet ADD ↓↓↓↓
---------------------------------------------------------------------------*/
/* --------------------------------- */
.hide {
	display:none;
}

.hissu {
	color: #DD0000;
}

/* --------------------------------- */
#subpage .pdf_download {
	clear: both;
	margin: 1em 0;
	padding: 0.8em;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden;
}

#subpage .pdf_download p{
/* 2025/12/03 UPD [S] */
/*	margin-bottom:0px;	*/
	margin: 0 0;
/* 2025/12/03 UPD [E] */
}
/* --------------------------------- */

#subpage img {
	margin: 5px;
	max-width: 100%;
}

#subpage .dsptable{
	overflow-y:hidden !important;
}

#subpage p {
	margin: 0 2%;
}

/* 2025/12/03 DEL [S] */
/*
#subpage hr {
	margin: 0 2%;
}
*/
/* 2025/12/03 DEL [E] */

/* --------------------------------- */

#subpage iframe {
	margin: 0 2%;
}

/* --------------------------------- */

#subpage .life ul {
	display:block;
}

#subpage .life ul li{
	display:inline-block;
	margin-right:2em;
	float:left;
}

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

/* --------------------------------- */

#subpage #calendar table {
	margin: revert;
	width: 100%;
}

#subpage #calendar table th.date{
	width:3em;
}
#subpage #calendar table th.day{
	width:3em;
}

#subpage .calendar_style5{
	background-color:#FFE6E6;
}
	
#subpage .calendar_style10{
	background-color:#eaf4fa;
}

/* --------------------------------- */

#subpage .mail {
	margin: 20px 0 20px;
}

#subpage .mail p {
	margin: initial;
	line-height: 1.7em;
	margin-bottom: 10px;
}

#subpage .mail table {
	margin: auto;
}

#subpage .mail table td.mida {
	text-align: left;
	font-weight: normal;
	background: #F7F7F7;
	width: 30%;
}

/* --------------------------------- */

#subpage #profile {
	background: url(../../profile/img/profile_back.jpg) repeat-x left top;
	margin: 20px 0px 20px;
}


#subpage #profile ul {
  margin: revert;

}

#subpage #profile ul li::before {
  background: revert;
}

#subpage #profile li {
  display: inline;
  width: 320px;
  height: 80px;
  list-style-type: none;
  padding: 0;
  text-align: center;
}

#subpage #profile img {
	margin: 0;
}

/* --------------------------------- */

#subpage .sitemap {
/*	display: flex;	*/
	display: flow-root;
}

#subpage .sitemap .box{
	width: 49%;
	float: left;
}

#subpage .sitemap .box:nth-child(2){
	margin-left: 2%;
}

#subpage .sitemap .box h2{
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* --------------------------------- */

#subpage #soshiki .mail {
	background: url("../../img/icon_mail.gif") no-repeat 0px 7px;
	margin: 0 0 0 20px;
}

@media only screen and (max-width:768px){
	#subpage #soshiki .mail {
		margin: 0 0 0 10px;
	}
}

#subpage #soshiki img {
	margin: 0px 0px 7px 20px;
}

/* --------------------------------- */

#subpage .catglist {
	display: flow-root;
}

#subpage .catglist li {
	padding-bottom:0.2em;
}

#subpage .catglist .box {
	width:48%;
	float:left;
	margin-right:2%;
}

#subpage .catglist .box h2 {
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media only screen and (max-width:768px){
	#subpage .catglist .box {
		width:100%;
		float:none;
	}
}


/* --------------------------------- */

#subpage #map {
	width:         800px;
	height:        350px;
	border:        1px outset #cccccc;
	margin-top:    0.8em;
	margin-bottom: 0.8em;
	max-width:100%;
}

/* 2025/12/09 ADD [S] */
#subpage #map img {
	max-width: revert;
	margin: revert;
}
/* 2025/12/09 ADD [E] */

/* --------------------------------- */

#subpage #calendar table tr.head {
	background: #F7F7F7;
}

#subpage #calendar table tr td.date, 
#subpage #calendar table tr td.day {
	width: 3em;
}

/* --------------------------------- */


/* 20251208 add */
#subpage .catgmoku a{
	border-1px solid #006400;
	background-color:#006400;
	border-radius:10px;
	padding:0.5em 1em;
	margin-bottom:0.5em;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
}
#subpage .catgmoku a:hover{
	opacity:0.7;
}