@charset "utf-8";
/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/
.pan {
	clear:both;
	margin: auto;
	padding: 0.5%;
	font-size: 80%;
	color: #666;
	text-align:left;
	width: 90%;
	max-width: 1000px;
}


.pan a {color: #666; text-decoration:none;}
.pan a:hover {color: #333333;}



/*====================================================================================================
  SUBPAGE
====================================================================================================*/
h1.tit  {
    padding:60px 20px;
    font-size: 287.5%;
    text-align: center;
    color: #fff;
    background: #33B9B1;
    line-height:1.2em;
}
h1.tit2  {
    padding:60px 20px;
    font-size: 287.5%;
    text-align: center;
    color:#33B9B1;
    background:#F7F5F6;
    line-height:1.5em;
}
@media only screen and (max-width:768px){
    h1.tit {
        padding:40px 20px;
        font-size: 200%;
    }
    h1.tit2 {
        padding:40px 20px;
        font-size: 200%;
    }
}


/*---------------------------------------------------------------------------
  PAGE LIST
---------------------------------------------------------------------------*/
#subpage .list { margin: 0 2%;}
#subpage .list p { border-bottom:1px solid #ccc;}
#subpage .list p:nth-child(1) { border-top:1px solid #ccc;}
#subpage .list p a {
    display: block;
    padding: 25px 10px 25px 55px;
    color: #222;
    font-size: 112.5%;
    text-decoration:none;
    background: url("../img/arrow_e.svg") no-repeat 20px center;
    background-size: 25px auto;
}
@media only screen and (min-width:768px){
    #subpage .list p a:hover { text-decoration: underline;}
}
@media only screen and (max-width:768px){
    #subpage .list p a {font-size: 100%;}
}



/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/
#subpage h2 {
	clear:both;
/*    margin: 0 2% 80px; */
    margin: 40px 0 20px;
	padding: 30px;
	font-size:162.5%;
	font-weight: 600;
    color: #fff;
    background: #56B7E2 url("../img/h2_bg.png") no-repeat right center;
    background-size: auto 100%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	
	line-height:1.3em;
}
#subpage h3 {
	clear:both;
/*	margin:0 2% 40px; */
	margin:40px 0 20px;
    padding: 0 0 30px;
/*	font-size:162.5%; */
	font-size:140%;
	font-weight: 600;
    color:#33B9B1;
	border-bottom:3px solid #33B9B1;
	line-height:1.3em
}
#subpage h3 span { 
    padding: 0 0 0 15px;
    border-left:8px solid #33B9B1;
}
#subpage h4 {
	clear:both;
/*	margin:0 2% 20px; */
	margin:30px 0 15px;
	font-size:137%;
	font-weight: 600;
    color:#56B7E2;
}
#subpage h4.cb { margin: 0 0 20px; color: #222;}
@media only screen and (max-width:768px){
    #subpage h2 { margin-bottom: 40px; padding: 20px; font-size:125%;}

    #subpage h3 { font-size:120%; padding-bottom:15px;}

    #subpage h4 { font-size:115%;}

}



/*---------------------------------------------------------------------------
  DATA
---------------------------------------------------------------------------*/
#subpage .data { margin: 0 2% 60px; text-align: right;}
@media only screen and (max-width:768px){
    #subpage .data { font-size: 87.5%; text-align: left;}
}



/*---------------------------------------------------------------------------
  COMMENT
---------------------------------------------------------------------------*/
#subpage .comment {
	margin:0 2% 60px;
    line-height:200%;
}
#subpage .notes { padding-left: 20px; text-indent: -20px; font-size: 87.5%;}



/*---------------------------------------------------------------------------
  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
---------------------------------------------------------------------------*/
/* #subpage ul { clear:both; margin: 0 2% 20px;} */
#subpage ul { clear:both; margin: 0 0 20px;}
/* #subpage ul li { position:relative; padding-left: 25px; font-size:1.2em;} */
#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:#33B9B1;
    border-radius: 15px;
}
/* #subpage ol { clear:both; margin: 0 2% 20px; padding-left: 23px; font-size:1.2em;} */
/* #subpage ol { clear:both; margin: 0 2% 20px; padding-left: 23px;} */
#subpage ol { clear:both; margin: 0 0 20px; padding-left: 23px;}
#subpage ol li + li { margin-top: 10px;}
/* #subpage ol li { list-style-type: decimal;} */



/*---------------------------------------------------------------------------
  HYOU
---------------------------------------------------------------------------*/
#subpage table {
    clear:both; 
/*    margin: 0 2% 60px; */
/*    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 { text-align: left; font-weight: normal; background: rgba(209,237,234,0.50);}
/*
@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;}

}
*/


/*---------------------------------------------------------------------------
  LINK
---------------------------------------------------------------------------*/
#subpage .icon-pdf,
#subpage .icon-word,
#subpage .icon-excel,
#subpage .icon-link { position: relative; margin: 0; padding: 5px 0 5px 25px; display:inline-block;}
/*#subpage .icon-link { position: relative; margin: 0 2%; padding: 5px 0 5px 25px; display:inline-block;} */
#subpage .icon-pdf { background: url(../img/icon-pdf.jpg) no-repeat left 10px;}
#subpage .icon-word { background: url(../img/icon-word.jpg) no-repeat left 10px;}
#subpage .icon-excel { background: url(../img/icon-excel.jpg) no-repeat left 10px;}
#subpage .icon-link{ background:url("../img/arrow_g.svg") no-repeat left 10px; background-size:20px auto;}


#container #subpage .inner .icon-pdf,
#container #subpage .inner .icon-word,
#container #subpage .inner .icon-excel,
#container #subpage .inner .icon-link { margin-bottom:0px;}


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

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

/* BOX2 */
#subpage .box2 { clear:both; margin: 0 2% 60px; padding:40px; border: 5px solid rgba(86,183,226,0.50); overflow: hidden;}
#subpage .box2 h4 { clear: none; margin: 20px 0;}
#subpage .box2 .comment { margin:0; }

/* BOX3 */
#subpage .box3 { clear:both; margin: 0 2% 60px; padding:40px; background:rgba(51,185,177,0.10); overflow: hidden;}
#subpage .box3 .comment { margin:0;}

/* BOX4 */
#subpage .box4 { overflow:hidden;}
#subpage .box4 .box {
    float: left; 
    margin: 0 2% 60px;
    width: 46%;
    padding:30px;
    background:rgba(86,183,226,0.10); 
}
#subpage .box4 h4 { margin: 0 0 20px; padding-bottom: 20px; color: #33B9B1; border-bottom: 2px solid #33B9B1;}
#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 {
    position: relative;
    display: block;
    padding: 15px 30px 15px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background:#56B7E2;
    border-radius:100px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);
}
#subpage .btn a span {
    padding-left: 30px;
    background:url("../img/arrow_w.svg") no-repeat;
    background-size: 23px auto;
}
#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 .btn.b1 a { background-position:97% center;}
#subpage .btn.b2 a { background-position:95% center;}
#subpage .btn.b3 a { background-position:93% center;}
#subpage .btn.b4 a { background-position:91% center;}
@media only screen and (min-width:768px){
    #subpage .btn 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;}
    #subpage .btn a { background-position:97% center !important; text-align: left;}
}

#subpage .btn_b {
    display: inline-block;
    padding: 0px 15px;
    color: #ffff;
    font-size: 87.5%;
    text-decoration: none;
    background: #049DE2;
    border-radius:100px;
    box-shadow: 0px 3px 0px 0px #198DC1;
}
#subpage .btn_b + .btn_b { margin-left: 5px;}



/*---------------------------------------------------------------------------
  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 { clear:both; padding: 25px; background: #fff; overflow:hidden; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);}
#subpage .contact h5 { margin: 0 0 20px; padding: 0 0 20px; color: #333; border-bottom: 1px solid #ddd;}
#subpage .contact .come { display: flex; flex-wrap: wrap; align-items: flex-start; gap:10px;}
#subpage .contact .come p { line-height: 200%;}
#subpage .contact dl { display: flex; flex-wrap: wrap; align-items: flex-start; gap:20px;}
#subpage .contact dt { width: 100px; text-align: center; background: rgba(86,183,226,0.15);}
#subpage .contact dd { width: calc(100% - 100px - 20px);}
#subpage .contact .col1 { width: 100%;}
#subpage .contact .col2 { width: calc(50% - 10px);}
#subpage .contact .tel { display: flex; flex-wrap: wrap; gap:20px;}
/* #subpage .contact .tel span:nth-child(1) { width: 120px;} */
#subpage .contact .tel span:nth-child(2) { width: calc(100% - 120px - 20px);}
@media only screen and (min-width:768px){
    #subpage .contact .b_link a:hover { opacity: 0.7;}
}
@media only screen and (max-width:768px){
    #subpage .contact .come { flex-direction: column;}
    #subpage .contact .col1,
    #subpage .contact .col2 { width: 100%;}
}


/*---------------------------------------------------------------------------
  LINE
---------------------------------------------------------------------------*/
#subpage .line { margin:40px auto; width:100%; max-width: 1000px;}
#subpage .line hr { margin: 0; padding: 0; height: 2px;  background:#33B9B1; border: none;}


/*---------------------------------------------------------------------------
  AREA1
---------------------------------------------------------------------------*/
#area { position: relative; margin: auto; width: 90%; max-width: 1200px; background: rgba(51,185,177,0.05); border-radius: 30px;}
#area .inner { padding: 50px 0;}
#area .mid {
    position: absolute; top: -10px;
    font-size:26px;
    font-weight: bold;
}
#area .come { margin-bottom: 20px;}
#area dl { display: flex; align-items: flex-start; gap:20px; margin-bottom: 20px;}
#area dl dt {
    padding:10px;
    width: 120px;
    color: #fff;
    text-align: center;
    background: #33B9B1;
    border-radius: 5px;
}
#area dl dd { position: relative; width: calc(100% - 120px - 20px);}
#area dl dd p:nth-child(1) {  padding-right: 100px;}
#area dl dd p:nth-child(1) small { line-height: 110%;}
#area dl dd p:nth-child(2) {  position: absolute; top: 0; right: 0;}
#area table.table_kobetu th {}
#area table.table_kobetu td.w33 { width:calc(33.3% - 43.33px);}
#area table { margin: auto; width: 100%; background: #fff;}
#area table th,
#area table td { padding: 5px;}
#area table th { text-align: center;}
#area table td { font-size: 87.5%; text-align: center; line-height: 130%;}
#area table td.left { text-align: left;}
#area table .bg { background: rgba(209,237,234,0.20);}
#area .icon-pdf { margin: 10px 0 0;}
@media only screen and (min-width:768px){
}
@media only screen and (max-width:768px){
    #area dl { flex-direction: column;}
    #area dl dt { width: 100%; }
    #area dl dd { width: 100%; }
    #area dl dd p:nth-child(1) {  padding-right: 100px;}
    #area dl dd p:nth-child(2) {  position: absolute; top: 0; right: 0;}
}


/*---------------------------------------------------------------------------
  AREA2
---------------------------------------------------------------------------*/
#area + #area2 { margin-top: 100px;}
#area2 { margin: auto; width: 90%; max-width: 1200px;}
#area2 .mid { margin:0 auto 20px; max-width: 1000px;}
#area2 .mid b {
    font-size:26px;
    font-weight: bold;
}
#area2 #area_tab { display: flex; gap:10px; margin:0 auto 10px; max-width: 1000px;}
#area2 #area_tab p {
    position: relative;
    padding: 10px 0;
    width: 130px;
    font-size: 87.5%;
    line-height: 130%;
    text-align: center;
    background: #F0F4F7;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}
#area2 #area_tab p.active {  color: #fff; background:#56B7E2;}
#area2 #area_tab p:nth-child(1)::before { background: #049DE2;}
#area2 #area_tab p:nth-child(2)::before { background: #F17A87;}
#area2 .area_cont {
    display: flex; align-items: flex-start; gap:40px;
    padding: 30px;
    background:#F4FCFB;
    border-radius: 30px;
}
#area2 .area_cont.disnon { display: none;}
#area2 .area_cont .inner { margin: auto; padding: 0; width: 100%; max-width: 1000px; display: flex; }
#area2 .area_list { display: flex; flex-wrap: wrap; gap:10px; width: calc(100% - 300px); max-width: 1000px;}
#area2 .area_list p {
    position: relative;
    padding: 10px 0;
    width: 130px;
    font-size: 87.5%;
    line-height: 130%;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}
#area2 .area_list p.active {  color: #fff; background:#33B9B1;}
#area2 .come { max-width: 300px;}
@media only screen and (min-width:768px){
}
@media only screen and (max-width:768px){
    #area2 #area_tab { flex-wrap: wrap;}
    #area2 .area_cont { flex-direction: column; gap:20px;}
    #area2 .area_cont .inner { flex-direction: column; gap:20px;}
    #area2 .area_list { width: 100%;}
    #area2 .area_list p { width:100px;}
    #area2 .area_list p.active {  color: #fff; background:#33B9B1;}
    #area2 .come { max-width:100%;}
}


/*---------------------------------------------------------------------------
  result
---------------------------------------------------------------------------*/
#hyouji { display: flex; justify-content: space-between; gap:20px 40px; margin-bottom: 40px;}
#hyouji dl { display: flex; gap:20px;}
#hyouji dl dt { font-weight: bold;}
#hyouji dl dd { display: flex; gap:5px;}
#hyouji dl dd p {
    cursor: pointer;
    position: relative;
    padding: 5px 15px;
    font-size: 87.5%;
    line-height: 130%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}
#hyouji dl dd p.type_table,
#hyouji dl dd p.type_calendar,
#hyouji dl dd p.type_file {
    padding: 5px 15px 5px 35px;
}
#hyouji dl dd p.type_table { background: url("../img/hyouji_table_b.png") no-repeat 5px center;}
#hyouji dl dd p.type_table.active { background: url("../img/hyouji_table_w.png") no-repeat 5px center;}
#hyouji dl dd p.type_calendar { background: url("../img/hyouji_calendar_b.png") no-repeat 5px center;}
#hyouji dl dd p.type_calendar.active { background: url("../img/hyouji_calendar_w.png") no-repeat 5px center;}
#hyouji dl dd p.type_file { background: url("../img/hyouji_data_b.png") no-repeat 5px center;}
#hyouji dl dd p.type_file.active { background: url("../img/hyouji_data_w.png") no-repeat 5px center;}
#hyouji dl dd p.active { color: #fff; background-color:#7EC368!important;}
@media only screen and (max-width:768px){
    #hyouji { flex-direction: column;}
    #hyouji dl {  flex-direction: column; gap:5px;}
}



#result .dnone { display: none;}
#result .set + .set { margin-top: 100px;}
#result h3 { margin: 0 0 40px; color: #222; width: 100%;}
#result .comment { margin: 0 0 40px; width: 100%;}
#result table.result_table {
    margin: 0 auto;
    width: 100%;
	border:none;
	border-collapse:collapse;
}
#result table.result_table.type2 { margin: 0; width: auto;}
#result table.result_table th {
    padding:7px 0;
	border:none;
    border-right:1px solid #ddd;
}
#result table.result_table td {
    padding:10px 15px;
	border:none;
    border-right:1px solid #ddd;
}
#result table.result_table th {text-align: center;}
#result table.result_table td { vertical-align: top;}
#result table.result_table th:last-child,
#result table.result_table td:last-child { border-right:none;}
#result table.result_table th { background:#F0F4F7; border-bottom:2px solid #CEDBE5;}
#result table.result_table tr:nth-child(even){ background: rgba(240,244,247,0.50);}
#result table.result_table2 tr:nth-child(even){ background: rgba(240,244,247,0);}
#result table.result_table2 tr.bg_g1{ background: rgba(240,244,247,0.50);}
#result table.result_table2 tr.bg_g2{ background:#F3F6F9 !important;}
#result table.result_table th.active { color: #151BBC; font-weight: bold;}
#result table.result_table .ss { line-height: 100%;}
#result table.result_table .kikan { width:266px; text-align: center;}
#result table.result_table .day { width: 140px; text-align: center;}
#result table.result_table .seimitu { width: 160px; text-align: left;}
#result table.result_table .area { width: 80px; text-align: center;}
#result table.result_table .venue { width: auto;}
#result table.result_table .time { width: 150px; text-align: center;}
#result table.result_table .cate { width: 220px; text-align: center;}
#result table.result_table .kazu_1 { width: 220px;}
#result table.result_table .kazu_2 { }
#result table.result_table .kazu_3 { width:100px; text-align: center;}
#result table.result_table .venue .mid { font-weight: bold;}
#result table.result_table .venue .come { display: flex; gap:10px;}
#result table.result_table .sj { width: 80px; text-align: center;}
#result table.result_table .cate_list { display: flex; justify-content: center; gap:5px;}
#result table.result_table .cate_list p {
    position: relative;
    padding: 5px 0;
    width: 40px;
    font-size: 87.5%;
    line-height: 130%;
    text-align: center;
    background:#F0F4F7;
    border-radius: 5px;
}
#result table.result_table .cate_list p.active {  color: #fff; background:#7EC368;}
#result table.result_table .tel {
    padding-left: 20px;
    font-weight: bold;
    background: url("../img/icon_tel.svg") no-repeat left center;
    background-size: 15px;
}

#result .tag { display: flex; flex-wrap: wrap; gap:5px; margin-bottom: 40px;}
#result .tag p {
    position: relative;
    padding: 5px 15px;
    font-size: 87.5%;
    line-height: 130%;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

#result .tag p.active {
  color: #fff; background:#7EC368;
}

#result table.result_table td span.tablelabel {
	display:none;
}

@media only screen and (max-width:768px){
    #result table.result_table thead { display: none;}
    #result table.result_table tr { display:flex; flex-direction: column; gap:5px; padding: 20px !important; border: 1px solid #ddd;}
    #result table.result_table td { position: relative; padding:0 0 0 90px !important; text-align: left !important; border:none !important; box-sizing: border-box;}
    #result table.result_table td::before {
        position: absolute; top: 0; left: 0;
/*        content: attr(data-label); */
        content: "";
        font-size:87.5%;
        color:#6298c6;
        width: 80px;
        text-align: center;
        background: rgba(98,152,198,0.10);
    }

    #result table.result_table td span.tablelabel {
		display:block;
        position: absolute; top: 0; left: 0;
        font-size:87.5%;
        color:#6298c6;
        width: 80px;
        text-align: center;
        background: rgba(98,152,198,0.10);
    }

	#result table.result_table .day { width: auto; min-height:1.4em}
	#result table.result_table .time { width: auto;}
	#result table.result_table .area { width: auto;}

	#result table.result_table .sj span.tablelabel { width:180px; font-size:75%;}

	#result table.result_table .sj { padding-left:185px !important;}


	#result table.result_table .seimitsu span.tablelabel { width:270px;}
	#result table.result_table .seimitsu { padding-left:280px !important;}


    #result table.result_table td.sj::before {
        position: static;
        width:auto;
        color: #222;
        background: none;
    }
/*    #result table.result_table td.sj { padding:0 !important;} */
    #result table.result_table .cate_list { justify-content: flex-start;}
    #result table.result_table .venue .come { flex-direction: column; gap:5px;}
    #result table.result_table.result_table2 td { padding: 0 !important;}
    #result table.result_table.result_table2 .kazu_1 { font-weight: bold;}
    #result table.result_table.result_table2 .kazu_2 { clear: none; float: left; width: 50%;}
    #result table.result_table.result_table2 .kazu_3 { clear: none; float: left; width: 50%;}
    #result table.result_table.result_table2 .kazu_3 {}
    #result table.result_table.result_table2 .table_parent { border-bottom: none;}
    #result table.result_table.result_table2 .table_child{ border-top:none; padding-top: 0;}
    
}


#result .result_calendar {
    position: relative;
    padding:25px;
    background:#F0F4F7;
    border-radius:10px;
}
#result .result_calendar ul { margin: 0; padding:0; text-align:center; overflow: hidden;}
#result .result_calendar ul li { float:left; margin: 0; padding:0; width:14.28%; line-height: 16px; background:#fff; border: 2px solid #F0F4F7;}
#result .result_calendar ul li::before { display: none;}
#result .result_calendar ul.day li { padding:7px 0; min-height: 100px;}
#result .result_calendar p.sday { font-size:75%;}
#result .result_calendar p.sday span.pctb { display: inline;}
#result .result_calendar p.sday span.week  { display: block;}
#result .result_calendar p.come  { padding-top: 5px; font-size: 125%;}
@media only screen and (max-width:768px){
    #result .result_calendar {padding:30px 20px;}
    #result .result_calendar ul.day li.sm_none { display: none;}
    #result .result_calendar ul.day li {
        float:none;
        padding:15px 20px;
        width:100%; min-height: auto !important;
        text-align: left;
        overflow: hidden;
    }
    #result .result_calendar ul.day li:nth-child(odd) { background: #fff;}
    #result .result_calendar p.sday { float: left; width: 70px;}
    #result .result_calendar p.sday span  { display:inline;}
    #result .result_calendar p.sday span.week  { display:none;}
    #result .result_calendar p.sday span.pctb { display:none;}
    #result .result_calendar p.sday span.sp { display: inline;}
    #result .result_calendar p.come  { padding: 0; font-size:100%;}
}
@media only screen and (max-width:468px){
}



/*---------------------------------------------------------------------------
  QUIZ
---------------------------------------------------------------------------*/
#quiz { background: rgba(174,205,213,0.20);}
#quiz .q_box {
    position: relative;
    padding: 150px 50px;
    background:#fff url("../../img/quiz/bg.png") no-repeat;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}
#quiz .q_tit { position: relative; margin: 0 auto 50px; width: 100%; max-width: 550px;}
#quiz .q_tit.q_illust::before {
    position: absolute; right:-150px; bottom: -50px;
    display: block; clear: both; content:"";
    width: 135px; height: 150px;
    background: url("../../img/quiz/illust2.png") no-repeat;
}
#quiz .q_btn { margin: 0 auto; width: 100%; max-width: 550px;}
#quiz .q_btn a {
    position: relative;
    display: block;
    padding: 20px;
    color:#fff;
    font-size: 187.5%;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    background: #56B7E2;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
}
#quiz .q_btn a::before {
    position: absolute; left:20px; bottom: 0;
    display: block; clear: both; content:"";
    width: 121px; height: 130px;
    background: url("../../img/quiz/illust1.png") no-repeat;
}
#quiz .q_next { margin: 0 auto; width: 100%; max-width: 525px;}
#quiz .q_next a {
    position: relative;
    display: block;
    padding: 20px;
    color:#fff;
    font-size: 187.5%;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    background: #56B7E2;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
}
#quiz .q_next a::before {
    position: absolute; right:-20px; bottom: 0;
    display: block; clear: both; content:"";
    width: 121px; height: 130px;
    background: url("../../img/quiz/illust1.png") no-repeat;
}

#quiz .q_number { 
    position: absolute; left: 0; top: 20px;
    padding: 20px 30px;
    color: #fff;
    font-size: 187.5%;
    font-weight: bold;
    background:#33B9B1;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

#quiz dl.qq { display: flex; flex-direction: column; gap:50px; margin: auto; max-width: 580px;}
#quiz dl.qq dt { font-size: 225%; line-height: 130%; text-align: center; font-weight:bold;}
#quiz dl.qq dd { display: flex;flex-direction: column; justify-content: center; gap:50px;}
#quiz dl.qq dd .q_btn_box { display: flex; justify-content: center; gap:20px;}
#quiz dl.qq dd .q_btn_box p { width: 100%; max-width: 250px;}
#quiz dl.qq dd .q_btn_box p a {
    display: block;
    padding: 20px 20px 20px 60px;
    font-size: 187.5%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
}
#quiz dl.qq dd .q_btn_box .q_yes a {
    background:#FF8392 url("../../img/quiz/a_yes.png") no-repeat 20px center;
}
#quiz dl.qq dd .q_btn_box .q_no a {
    background:#BCBCBC url("../../img/quiz/a_no.png") no-repeat 20px center;
}
#quiz .a_yes,
#quiz .a_no { text-align: center;}
/* #quiz .a_no { text-align: center; margin-bottom: 50px;} */
#quiz .a_yes span,
#quiz .a_no span {
    padding-left: 60px;
/*    font-size: 337%; */
    font-size: 245%;
    font-weight: bold;
}
#quiz .a_yes span{
    color: #F56B78;
    background: url("../../img/quiz/a_yes2.png") no-repeat left center;
}
#quiz .a_no span {
    color: #BCBCBC;
    background: url("../../img/quiz/a_no2.png") no-repeat left center;
}

#quiz .box2{
	font-size:200%;
	line-height:1.3em;
}


#quiz dl.qq dd .q_btn_box .q_btn a {
    background:#FF8392 url("../../img/quiz/a_yes.png") no-repeat 20px center;
}
#quiz .q_btn{ text-align: center; margin-bottom: 50px;}
#quiz .q_btn span{
    padding-left: 60px;
    font-size: 337%;
    font-weight: bold;
}
#quiz .q_btn span{
    color: #BCBCBC;
}

#quiz .btn_box2 { margin: 0 auto; width: 100%; max-width: 300px; margin-top:60px;}
#quiz .btn_box2 a {
    position: relative;
    display: block;
    padding: 20px;
    color:#fff;
    font-size: 120%;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    background: #56B7E2;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
}

#quiz h2.mida {
	clear:both;
/*    margin: 0 2% 80px; */
    margin: -100px 0 20px;
	padding: 30px;
	font-size:162.5%;
	font-weight: 600;
    color: #fff;
    background: #56B7E2 url("../img/h2_bg.png") no-repeat right center;
    background-size: auto 100%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}


@media only screen and (min-width:768px){
    #quiz .q_btn a:hover { opacity: 0.7;}
}
@media only screen and (max-width:768px){
    #quiz .q_box { padding: 150px 5%;}
    #quiz .q_tit { width: 80%;}
    #quiz .q_tit::before { display: none;}
    #quiz .q_btn a { font-size: 125%;}
    #quiz .q_btn a::before {
        left:0; bottom: 0;
        width: 90px; height: 90px;
        background-size: 100% auto;
    }
    #quiz .q_next a {font-size: 125%;}
    #quiz .q_next a::before { display: none;}
    #quiz dl.qq dt { font-size:125%;}
    #quiz dl.qq dd .q_btn_box p a { font-size:125%; background-size: 20px auto !important; padding-left: 30px;}
}


/* 20250808 add */
#container #subpage .inner{
	font-size:1.1em;
}
#container #subpage .inner img{
	width:auto;
	
}

#container #subpage .inner p{
	margin-bottom:20px;
	line-height:1.6em;
}

#container #subpage #searchDtl inner p{
	margin-bottom:0px;
}

#container #subpage .inner table td p,
#container #subpage .inner table th p{
	margin-bottom:0px;
}
.image_left {
	float: left;
	margin:5px;
}
.image_center {
	float: none;
	margin:5px;
	text-align:center;
}
.image_right {
	float: right;
	margin:5px;
}
#subpage img{
	max-width:100%;
}


.text_r {
	text-align:right;
	margin-bottom:20px;
	width:1100px;
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
}



.pdf_download {
	border-top:2px solid #CCC;
	padding-top:10px;
	
}

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

.pdf_download img {
	float:left;
	margin-right:20px;
}

.hissu{
	color:#FF0000;
}

#map {
	max-width:100%;
}



#subpage .news_list ul { padding:15px 20px; overflow: hidden; margin-bottom:0px; border-bottom:2px dotted #ccc;}
#subpage .news_list ul:nth-child(odd) { background: #fff;}
#subpage .news_list ul li { float: left; padding:0px;}
#subpage .news_list ul li + li { margin-top:0px;}
#subpage .news_list ul li::before{ display:none;}
#subpage .news_list ul li:nth-child(1) { width:140px;}
#subpage .news_list ul li:nth-child(2) { width:100px; text-align: center; color:#fff; font-weight: bold; border-radius:100px;}
#subpage .news_list ul li:nth-child(3) { width:calc(100% - 140px - 100px - 20px); margin-left: 20px; }
#subpage .news_list ul li:nth-child(3) a { color: #222; }
#subpage .news_list ul li:nth-child(2).cate1 { background:#7EC368;}
#subpage .news_list ul li:nth-child(2).cate2 { background:#F3AB0D;}
#subpage .news_list ul li:nth-child(2).cate3 { background:#049DE2;}
#subpage .news_list ul li:nth-child(2).cate4 { background:#F17A87;}
@media only screen and (min-width:768px){
}
@media only screen and (max-width:768px){
    #subpage .news h3 { margin-bottom: 50px; font-size:187.5%; text-align: center;}
    #subpage .news .btn { position: static; margin:50px auto 0; width: 123px;}
    #subpage .news_list ul li:nth-child(3) { width:100%; margin-left:0; }
    #subpage .news_list ul li:nth-child(3) a { color: #222; }

	#container #subpage .inner{
		padding-top:10px;
	}

	#container #subpage .inner h2{
		background-image:none;
	}
	
	#area .come{
		margin-top:20px;
	}


}
@media only screen and (max-width:468px){
}


#subpage .inner .sitemapbox{ width:48%;float:left;margin-left:1%;margin-right:1%;margin-bottom:40px;}
#container #subpage .inner .sitemapbox p { margin-bottom:0px; border:none;}
#container #subpage .inner .sitemapbox p a { padding-top:10px;padding-bottom:10px;}



.section_link a{
    display: block;
    margin: auto;
    padding:15px 10px;
    max-width: 350px;
    text-decoration: none;
    color: #fff !important;
    font-size: 130%;
    font-weight: 500;
    text-align: center;
    background: #33B9B1;
    border-radius: 100px;
    box-shadow: 0px 6px 0px 0px #31A8A1;
}


.scicon{
	font-size:60%;
	padding:0 1em;
	color:#FFF;
	background-color:#F17A87;
	border-radius:5px;
	display:inline-block;
}

.kagakuicon{
	font-size:60%;
	padding:0 1em;
	color:#FFF;
	background-color:#F17A87;
	border-radius:5px;
	display:inline-block;
}