@charset "utf-8";
/*====================================================================================================
  SUBPAGE
====================================================================================================*/
.contents {
    background-image: url( "../img/bg1.png"), url( "../img/bg2.png"), url( "../img/bg4.png"), url( "../img/bg3.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: right top, left 750px, right 1500px, left 2500px;
    background-size: 500px auto, 235px auto, 485px auto, 425px auto; 
}


/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/
h1.tit {
    margin: 0 auto 50px;
    padding: 70px 0;
    width: 96%;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    background: #F8CBC8;
    border-radius: 30px;
/* 2025/12/02 ADD [S] */
    line-height: 95%;
/* 2025/12/02 ADD [E] */
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:468px){
    h1.tit {
        margin-bottom: 20px;
        padding:30px 0;
        font-size: 26px;
        border-radius: 20px;
    }
}


/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/
#page_data {
    display: flex; justify-content: space-between;
    margin: auto;
    width: 90%; max-width: 1010px;
    font-size: 87.5%;
}
#page_data ul li { display: inline-block;}
#page_data ul li + li { margin-left: 0;}
#page_data ul li a { color: #222;}
#page_data ul.pan li + li {
/* 2025/12/02 UPD [S] */
/*
    padding-left: 15px;
    background: url("../img/pan.png") no-repeat left center;
    background-size: 14px auto;
*/
    padding-left: 5px;
/* 2025/12/02 UPD [E] */
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:468px){
    #page_data {
        flex-direction: column;
        width: 90%;
        font-size: 75%;
        line-height: 110%;
    }
    #page_data ul + ul { margin-top: 10px;}
    #page_data ul.data li { display:block;}
}


/*---------------------------------------------------------------------------
  PAGE LIST
---------------------------------------------------------------------------*/
#subpage .list p {
    position: relative;
    display: flex; flex-wrap: wrap; justify-content: space-between;
    padding: 20px 20px 20px 50px;
    background:url("../img/icon_arrow_p.svg") no-repeat 20px center;
    background-size: 20px auto;
    border-radius: 100px;
}
#subpage .list p:nth-child(odd) { background-color:  rgba(248,203,200,0.20) !important;}
#subpage .list p a { display: block; width: calc(100% - 170px);}
#subpage .list p span { display: block; width:170px; font-size: 75%; line-height: 130%;}
#subpage .list p::after {
    position: absolute;
    display: block; clear: both; content:"";
    height: auto;
    background-size: 100% auto !important;
}
#subpage .list p:nth-child(1)::after {
    top: -50px; left: -20px;
    width: 53px;
    aspect-ratio:53 / 71;
    background: url("../img/ornament6.png") no-repeat;
}
#subpage .list p:nth-child(3)::after {
    bottom: -20px; right: -20px;
    width: 43px;
    aspect-ratio:43 / 41;
    background: url("../img/ornament7.png") no-repeat;
}
#subpage .list p:nth-child(7)::after {
    top: -20px; left: -30px;
    width: 50px;
    aspect-ratio:50 / 56;
    background: url("../img/ornament8.png") no-repeat;
}
#subpage .list p:nth-child(10)::after {
    bottom: -20px; right: -20px;
    width: 62px;
    aspect-ratio:62 / 80;
    background: url("../img/ornament9.png") no-repeat;
}
@media only screen and (max-width:768px){
}
@media only screen and (max-width:468px){
    #subpage .list p {
        flex-direction: column;
        padding: 20px 40px 20px 15px;
        background:url("../img/icon_arrow_p.svg") no-repeat 95% center;
        background-size: 20px auto;
        border-radius: 10px;
    }
    #subpage .list p a,
    #subpage .list p span { width: 100%;}
    #subpage .list p span { margin-top: 10px;}
    #subpage .list p::after {
        position: absolute;
        display: block; clear: both; content:"";
        height: auto;
        background-size: 100% auto !important;
    }
    #subpage .list p:nth-child(1)::after { top: -30px; left:0; width: 30px;}
    #subpage .list p:nth-child(3)::after { bottom: -20px; right:0; width: 30px;}
    #subpage .list p:nth-child(7)::after { top: -10px; left:0; width: 30px;}
    #subpage .list p:nth-child(10)::after { bottom: -20px; right:0; width: 30px;}
}

/*---------------------------------------------------------------------------
  MIDASHI
---------------------------------------------------------------------------*/
#subpage h2,
#subpage h3,
#subpage h4,
#subpage h5 {
    clear: both;
/* 2025/12/02 UPD [S] */
/*  margin:40px 2% 20px; padding: 0;	*/
    margin:40px 0 20px; padding: 0;
/* 2025/12/02 UPD [E] */
    font-weight:700;
}
#subpage h2  {
    position: relative;
    padding:25px 30px;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size:  162.5%;
    font-weight: 600;
    color: #605A52;
    background:#F8CBC8 url("../img/ornament12.png") no-repeat right -10px;
    background-size: 220px auto;
    border-radius: 100px;
}
#subpage h2::before,
#subpage h2::after {
    position: absolute;
    display: block; clear: both; content:"";
    height: auto;
    background-size: 100% auto !important;
}
#subpage h2::before {
    top: -30px; left: -20px;
    width: 59px;
    aspect-ratio:59 / 52;
    background: url("../img/ornament10.png") no-repeat;
}
#subpage h2::after {
    top: -20px; right: -10px;
    width: 53px;
    aspect-ratio:53 / 71;
    background: url("../img/ornament6.png") no-repeat;
}
#subpage h3  {
    padding:  20px 20px 20px 30px;
    font-size: 137.5%;
    color: #695B47C;
    background-image: url( "../img/ornament13.png"), url( "../img/ornament8.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left center, 97% bottom;
    background-size: 20px auto, 50px auto; 
    border-bottom: 3px solid #695B47
}
#subpage h4  {
    padding-left: 35px;
    font-size: 125%;
    color: #222;
    background: url("../img/ornament11.png") no-repeat left 5px;
    background-size: 25px auto;
}
@media only screen and (max-width:768px){
    #subpage h2 {
        font-size: 150%;
        padding:15px 30px;
        background-size: 100px auto;
        background-position: right center;
    }
    #subpage h2::before { top: -10px; left: -10px; width: 30px;}
    #subpage h2::after { top: -10px; right: -10px; width: 30px;}
    #subpage h3 { font-size: 125%; background-size: 15px auto, 30px auto; }
    #subpage h4 { font-size: 112.5%; background-size: 20px auto;}
}



/*---------------------------------------------------------------------------
  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:768px){
    #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
---------------------------------------------------------------------------*/
/* 2025/12/02 UPD [S] */
/*
#subpage ul { margin:0 2% 40px;}
*/
#subpage ul { margin:0 0 40px;}
/* 2025/12/02 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:7px; left:2px;
    width: 10px; height: 10px;
    background:#C2E3DC;
    border-radius: 15px;
}
/* 2025/12/02 UPD [S] */
/*
#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;}
/* 2025/12/02 UPD [E] */
#subpage ol li { padding-left:4px; list-style-type: decimal;}


/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/
#subpage table {
/* 2025/12/02 DEL [S] */
/*  margin:0 2%;	*/
/* 2025/12/02 DEL [E] */
/* 2025/12/02 UPD [S] */
/*  width: 96%;	*/
    width: 100%;
/* 2025/12/02 UPD [E] */
    background: #fff;
	border:1px solid #707070;
	border-right:none;
	border-bottom:none;
	border-collapse:collapse;
}
#subpage table th,
#subpage table td {
    padding:7px 15px;
	border-right:1px solid #707070;
	border-bottom:1px solid #707070;
}
#subpage table th { text-align: left; font-weight: normal; background:#FFCCCC;}
@media only screen and (max-width:768px){
/* 2025/12/02 UPD [S] */
/*  #subpage table { margin:0 2%; width:96%; table-layout:auto;}	*/
    #subpage table { margin:0 0; width:100%; table-layout:auto;}
/* 2025/12/02 UPD [E] */
    #subpage table th,
    #subpage table td{
        table-layout:auto !important;
/* 2025/12/02 DEL [S] */
/*      display:block !important;	*/
/*      padding:5% !important;		*/
/* 2025/12/02 DEL [E] */
/* 2025/12/02 DEL [S] */
/*      width:90% !important;	*/
/* 2025/12/02 DEL [E] */
        height:auto !important;
/* 2025/12/02 ADD [S] */
/*      padding:7px 5px; */ /* 2025/12/22 DEL */
/* 2025/12/02 ADD [E] */
    }
}


/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
/* 2025/12/02 UPD [S] */
/*
#subpage .icon-link { position: relative;  margin:0 2%;padding: 5px 0 5px 25px;}
*/
#subpage .icon-link { position: relative;  margin:0 0 20px; padding: 5px 0 5px 25px; display: inline-block;}
/* 2025/12/02 UPD [E] */
#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:7px; left: 0;
    display: block; clear: both; content:"";
    width: 17px; height: 17px;
    background:#F8CBC8 url("../img/icon_arrow_w.svg") no-repeat center center;
    background-size: 13px auto;
    border-radius: 30px;
}

/* 2026/01/30 add */
#subpage .icon-link-other a::after{
    width: 23px; height: 23px;
    background:url("../img/blank.png") no-repeat center center;
    position:absolute;
    content:"";
}



/*---------------------------------------------------------------------------
  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:40px; background:rgba(255,249,167, 0.50); 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:40px; background: #fff; 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:#fff;
}
#subpage .box4 h4 { clear: none; margin: 0 2% 20px;}
#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:hover { opacity: 0.7; }
@media only screen and (max-width:768px){
    #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 { margin: auto; width: 90%; max-width: 250px;}
#subpage .btn a {
    display: block;
    padding:10px 20px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    background-size: 20px auto !important;
    border-radius: 100px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.10);
}
#subpage .btn.b_brown a { color: #fff; background:#695B47 url("../img/icon_arrow_w.svg") no-repeat 90%center; }
#subpage .btn.b_pink a { color: #222; background:#F8CBC8 url("../img/icon_arrow_b.svg") no-repeat 90%center; }
#subpage .btn_box .b1 { float:none; clear: both; margin: 0 auto 40px; width: 100%; max-width:660px;}
#subpage .btn_box .b2 { width: 46%; max-width: none;}
#subpage .btn_box .b3 { width: 29.3%; max-width: none;}
#subpage .btn_box .b4 { width: 21%; max-width: none;}
#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:96%; 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:1010px; height:auto;}
@media only screen and (max-width:800px){
   #subpage ul.photo_box { width:96%; float:none; clear:both; }
}


/*---------------------------------------------------------------------------
  CONTACT
---------------------------------------------------------------------------*/
#subpage .contact {
    clear:both;
/* 2025/12/02 UPD [S] */
/*  margin:0 2% 40px;	*/
	margin:0 0 40px;
/* 2025/12/02 UPD [E] */
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}
#subpage .contact h5 {
    margin: 0; padding: 20px 30px;
    font-size: 137.5%;
    color: #004D77;
    border-bottom: 1px solid #ddd;
}
#subpage .contact .cont { padding: 20px 30px; overflow:hidden;}
#subpage .contact .come { float: left; width: calc(100% - 320px); line-height: 150%;}
#subpage .contact .btn { float: right; width: 300px;}
@media only screen and (min-width:768px){
    #subpage .contact .btn a:hover { opacity: 0.7;}
}
@media only screen and (max-width:800px){
    #subpage .contact h5 { font-size: 112.5%;}
    #subpage .contact .come,
    #subpage .contact .btn { float:none; width:100%;}
    #subpage .contact .btn { 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;}


/*---------------------------------------------------------------------------
  ↓↓↓↓ 2025/12/02 CityNet ADD ↓↓↓↓
---------------------------------------------------------------------------*/
/* --------------------------------- */
.hide {
	display:none;
}

.hissu {
	color: #DD0000;
}

/* --------------------------------- */
#page_data ul.data {
	text-align: right;
}

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

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

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

#subpage #map img {
  width: auto;
  max-width: revert;
}

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

#subpage .pdf_download p{
	margin-bottom:0px;

}

/* --------------------------------- */
#subpage .image_right{
	float:right;
	position: relative;
	max-width:100%;
	margin-left:10px;
/* 2026/01/06 ADD [S] */
	margin-bottom: 20px;
/* 2026/01/06 ADD [E] */
}
#subpage .image_left{
	float:left;
	position: relative;
	max-width:100%;
	margin-right:10px;
/* 2026/01/06 ADD [S] */
	margin-bottom: 20px;
/* 2026/01/06 ADD [E] */
}
#subpage .image_center{
	text-align:center;
	margin:3px;
	position: relative;
	max-width:100%;
}

#subpage .image_right img,
#subpage .image_left img,
#subpage .image_center img{
	max-width:100%;
}

/* --------------------------------- */
#subpage .search div{
	font-size: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: #FFCCCC;
	width: 30%;
}

/* --------------------------------- */
/* 2026/01/13 ADD [S] */
#subpage iframe {
	max-width:100%;
}
/* 2026/01/13 ADD [S] */