#content .flow { margin: 5% auto;}

#content ul.link_bana { top:-40px;	max-width: 1000px;}
#content ul.link_bana li { float:right;}
#content ul.link_bana li+li { margin-left:15px;}
#content ul.link_bana li a {
	width: 160px;
	height: 160px;
	font-size: 110%;
	line-height: 130%;
	padding-top: 90px;
}
#content ul.link_bana li:nth-child(1) { display: none;}
#content ul.link_bana li:nth-child(2) a { background-size:50px auto;}

/* PAN */
.pan { margin: auto; padding: 20px 0; max-width:1220px; color: #723315; font-size: 90%;}
.pan a {color: #723315; text-decoration:none;}
.pan a:hover {color:#333;}


/*====================================================================================================
  SUBPAGE
====================================================================================================*/
#subpage { margin:0 auto;}

#subpage .school_box,
#subpage .entry {
	position: relative;
	margin:0 auto;
	width:1220px;
	background: #fff;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
#subpage .school_box { padding:7% 10%;　border: 3px solid #fff; display: block;}
#subpage .entry { 
/*	padding:3% 10%;	*/
	padding:3% 8%;
	border: 3px solid #3A2508;
	margin-top: 5%;
}


/* SCHOOL =========================================================================================*/

/* PAGE TITLE */
#subpage h2 { margin:5% auto 0; color: #723315; text-align: center;}
#subpage h2 small { display: block; font-size: 150%; margin-bottom: 20px;}
#subpage h2 b { display: block; font-size: 250%; margin-bottom: 20px; line-height:110%;}
#subpage h2 span { 
	display: block;
	margin: auto;
	padding: 5px 0;
	width: 130px;
	color: #fff;
	background:#723315;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}

/* MISASHI */
#subpage h3 {
	position:relative; 
/*	font-size: 187.5%; */
	font-size: 150.5%;
	color:#723315;
	text-align: center;
	background: url("../../img/h3_bg.png") no-repeat center center;
}

/* MAIN COME */
#subpage .main_come { margin:5% auto; font-size:110%; max-width: 630px; overflow: hidden;}
#subpage .main_come p { float:right; margin-left: 20px;}

/* MOVIE */
#subpage .movie { position: relative; margin: 0 auto; max-width:630px;}
#subpage .movie div { position: relative; padding-top:56.25%;}
#subpage .movie iframe {
	position: absolute; top: 0; left: 0;
	width: 100% !important; height: 100% !important;
}

/* ENTRY BTN */
#subpage .btn_entry { margin:5% auto; max-width: 385px;}
#subpage .btn_entry a { 
	display: block;
	padding:15px;
	color: #fff;
	font-size: 137.5%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
	box-sizing: border-box;
	background: #E5400A;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

/* POINT */
#subpage dl.point { margin:5% auto 0; padding: 5% 0; max-width:630px; overflow: hidden;}
#subpage dl.point dt { font-size:110%; font-weight:bold;}
#subpage dl.point dd { font-weight:bold;}
#subpage dl.point dd p { float:left; margin-right:1%; padding-left:25px; width:49%; }
#subpage dl.point.cate1 dt { color:#91BC1B;}
#subpage dl.point.cate2 dt { color:#B56B00;}
#subpage dl.point.cate3 dt { color:#FFB60F;}
#subpage dl.point.cate1 dd p { background: url(../../img/check_cate1.png) no-repeat left 10px;}
#subpage dl.point.cate2 dd p { background: url(../../img/check_cate2.png) no-repeat left 10px;}
#subpage dl.point.cate3 dd p { background: url(../../img/check_cate3.png) no-repeat left 10px; float: none; width: auto;}
#subpage dl.point.cate1 { border-top: 1px solid #91BC1B; border-bottom: 1px solid #91BC1B;}


/* GAIYOU  */
#subpage .gaiyou { margin:5% auto 0; padding:3%; max-width:1000px; overflow: hidden; background: #f6f6f6;}
#subpage .gaiyou dl { float: left; width:49%; padding:2% 0;}
#subpage .gaiyou dl+dl { margin-left: 2%;}
#subpage .gaiyou dt {
	margin-bottom:10px;
	width:100px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	border-radius:50px; /* CSS3 */
	-webkit-border-radius:50px; /* Safari,Google Chrome */
	-moz-border-radius:50px;/* Firefox */
}
#subpage .gaiyou dd {line-height:130%;}
#subpage .gaiyou dd p+p {margin-top: 10px;}
#subpage .gaiyou dd+dt { margin-top: 20px;}
/*
#subpage .gaiyou.cate1 { border-top: 1px solid #91BC1B; border-bottom: 1px solid #91BC1B;}
#subpage .gaiyou.cate2 { border-top: 1px solid #B56B00; border-bottom: 1px solid #B56B00;}
#subpage .gaiyou.cate3 { border-top: 1px solid #FFB60F; border-bottom: 1px solid #FFB60F;}
*/
#subpage .gaiyou.cate1 dt { background:#91BC1B;}
#subpage .gaiyou.cate2 dt { background:#B56B00;}
#subpage .gaiyou.cate3 dt { background:#FFB60F;}
#subpage .gaiyou dl.attention { float: left; width: 100%; margin:0;}
#subpage .gaiyou dl.attention dt { background:#FF1200;}
#subpage .gaiyou dl.attention dd { background:rgba(255,0,4,0.10); color: rgba(255,1,5,1.00); padding:2%;}
#subpage .gaiyou.cate1 dl { float: none; width: 100%;}
#subpage .gaiyou.cate1 ol { margin-left: 0; padding-left:25px;}

/* SCHEDULE */
#subpage .schedule { 
	margin:5% auto;
	padding:1%;
	max-width:1000px;
	background:rgba(242,231,182,0.50);
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}
#subpage .schedule::after {display:block; clear:both; content:"";}
#subpage .schedule h4 { padding:1% 0 4%; color:#B56B00; font-size:175%; text-align: center;}
#subpage .schedule dl { margin:0.5%;}
#subpage .schedule dl.col1 { clear: both;}
#subpage .schedule dl.col2 { float: left; width:49%;}
#subpage .schedule dl.col3 { float: left; width:32.3%;}
#subpage .schedule dt {
	padding:10px 15px;
	position: relative;
	color:#FFF;
	font-weight:bold;
	line-height: 150%;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
	background: #000;
}
#subpage .schedule dt b { font-size: 150%;}
#subpage .schedule dt span {
	display: block;
	position: absolute; top:0; bottom:0; right:10px;
	margin: auto;
	padding: 10px 10px;
	width: 110px;
	height:40px;
	color: #fff;
	line-height: 130%;
	text-align: center;
	background: rgba(255,255,255,0.20);
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}
#subpage .schedule dt .notes { margin-left: 20px;}
#subpage .schedule dt.color_g { background: #1E9339;}
#subpage .schedule dt.color_y { background: #7AB82F;}
#subpage .schedule dt.color_b { background: #036EA0;}
#subpage .schedule dt.color_c { background: #B56B00;}
#subpage .schedule dd {	padding:20px 0;}
#subpage .schedule dd.bg_w {
	padding:15px 10px;
	background: rgba(255,255,255,0.40);
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}
#subpage .schedule dd .photo { margin-bottom: 10px;}
#subpage .schedule dd .come { margin-bottom: 20px;}
#subpage .schedule dd .come .book,
#subpage .schedule dd .come .talk { padding-left:28px; line-height: 150%; font-weight:bold; color: #3A2508;}
#subpage .schedule dd .come .book { background: url(../../img/schedule_book.png) no-repeat left 6px;}
#subpage .schedule dd .come .talk { background: url(../../img/schedule_talk.png) no-repeat left 6px;}
#subpage .schedule dd .day1 {}
#subpage .schedule dd .day2 {overflow: auto;}
#subpage .schedule dd .day2 li { float: left; font-size: 137.5%; font-weight: bold;}
#subpage .schedule dd .day2 li:nth-child(1) { clear:both; width:100px;}
#subpage .schedule dd .day2 li:nth-child(2) { width:calc(100% - 100px);}
#subpage .schedule dd .day2+.day1 { margin-top: 10px;}
#subpage .schedule dd .kaijyo { 
	margin:10px 0;
	position:relative;
	padding-left:80px;
	font-weight: bold;
	line-height: 130%;
}
#subpage .schedule dd .kaijyo b {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:70px;
	padding: 5px 0;
	color: #FFF;
	text-align: center;
	line-height:30px;
	background: #231815;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}
#subpage .schedule dd .map iframe { width: 100%; height:300px; border: none;}
#subpage .schedule.course1_sche dl dt { position: relative; padding-left: 60px; height:75px; line-height:53px; box-sizing: border-box; background: #7AB82F;;}
#subpage .schedule.course1_sche dl dt b { position: absolute; top:22px; left: 15px; line-height: 100%;}
#subpage .schedule.course1_sche dl dd {overflow: hidden;}
#subpage .schedule.course1_sche dl dd .photo { float: right; width:50%; margin-left: 20px;}



/* KAISAI */
#subpage .kaisai { position:relative; margin:10% auto 0;}
#subpage .kaisai h3:before {
	display:block; clear:both; content:"";
	position:absolute; left: 0; top:-90px;
	width:166px; height:102px;
	background: url(../../img/kazari01.png) no-repeat center center;
}

/* 2022.09.21 add */
#subpage .kaisai .schedule .end {
	display:inline;
	padding: 5px 8px;
	background:#FF0000;
	font-size:80%;
	vertical-align:top;
	color:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
/*	margin-left: 1em;	*/
}

/* 2024.11.18 add */
#subpage .kaisai .schedule .standby {
	display:inline;
	padding: 5px 8px;
	background:#008fff;
	font-size:80%;
	vertical-align:top;
	color:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/* margin-left: 1em; */
} 

/* JOSEI */
#subpage .josei p { margin: 2%; padding: 2%;}


/* VOICE */
#subpage .voice { position:relative; margin:5% auto 0;}
#subpage .voice h3:before {
	display:block; clear:both; content:"";
	position:absolute; top: -30px; right:0;
	width:74px; height:105px;
	background: url(../../img/kazari03.png) no-repeat center center;
}
#subpage .voice p { margin: 2%; padding: 2%;}
#subpage .voice p+p { border-top:1px solid #DDD;}

/* VOICE */
#subpage .photo_c { margin:0 auto; max-width: 960px;}
#subpage .photo_c img { width: 100%; height: auto;}

/* KAIGYOU */
#subpage p.indention {
	clear:both;
	margin: 0 2%;
	height:40px;
	text-indent: -9999px;
	background:none;
}

/* DOWNLOAD */
#subpage .download {
	position:relative;
	padding:2%;
	background:#EEE;
	border-radius:15px; /* CSS3 */
	-webkit-border-radius:15px; /* Safari,Google Chrome */
	-moz-border-radius:15px; /* Firefox */
	overflow: hidden;
}
#subpage .download h4 { margin:0 2%; color:#3A2508; font-size: 110%;}
#subpage .download p { float:left; width:46%;}
#subpage .download .icon-pdf,
#subpage .download .icon-word,
#subpage .download .icon-excel,
#subpage .download .icon-link { margin:0 2%; padding-left:25px;}
#subpage .download .icon-pdf { background: url(../../img/pdf.png) no-repeat left 4px;}
#subpage .download .icon-word { background: url(../../img/word.png) no-repeat left 4px;}
#subpage .download .icon-excel { background: url(../../img/excel.png) no-repeat left 4px;}
#subpage .download .icon-link { background: url(../../img/link_arrow.png) no-repeat 0 10px;}


/* オンデマンド用 */
#subpage dl.free { margin:7% auto; overflow: hidden;}
#subpage dl.free dt {
    margin-bottom: 20px;
    padding:5px 10px;
    width: 200px;
    color: #fff;
    text-align: center;
    font-size:110%;
    font-weight:bold;
    object-fit: #fff;
    background: #91BC1B;
    border-radius: 5px;
}
#subpage dl.free dd p b { display: block; margin-bottom: 10px; font-size: 110%; color:#71AF22; }
#subpage dl.free dd .zu {
    display: block;
    margin-top: 10px;
    padding: 20px;
    text-align: center;
    background: #f6f6f6;
}
#subpage dl.free dd .link_btn {
    margin-top:5px;
    display: block;
    padding-left: 20px;
    background: url("../../img/link_arrow.png") no-repeat left 7px;
}
#subpage dl.free dd .link_pdf {
    margin-top:5px;
    display: block;
    padding-left: 20px;
    background: url("../../img/pdf.png") no-repeat left 7px;
}
#subpage dl.free dd .box { display: flex; gap:20px;}
#subpage dl.free.ondemand_entry dd { display: flex; flex-wrap: wrap; gap:2% 4%;}
#subpage dl.free.ondemand_entry dd p:nth-child(1) { width: 54%;}
#subpage dl.free.ondemand_entry dd p:nth-child(2) { width: 42%;}
#subpage dl.free.ondemand_entry dd img { width: 100%; height: auto;}
#subpage dl.free.ondemand_entry dd img.qr { width:128px;}
#subpage dl.free dd table {
	clear:both;
	margin:10px auto;
	width:100%; max-width: 1000px;
    text-align: center;
	border-collapse:collapse;
	border-top:1px solid #CCC;
}
#subpage dl.free dd table tr {border-bottom: 1px solid #CCC;}
#subpage dl.free dd table th,
#subpage dl.free dd table td { padding:10px 15px; }
#subpage dl.free dd table th { vertical-align: top; font-weight:700; line-height: 45px; letter-spacing:2px; background: #f6f6f6;}





/*　ENTRY  ==========================================================================================*/

/*ORNAMENT*/
.entry:before,
.entry:after { display:block; clear:both; content:""; position:absolute;}
.entry:before {
	top: -20px; left: -20px;
	width:86px; height:57px;
	background: url(../../img/kazari04.png) no-repeat;
}
.entry:after {
	right: -20px; bottom: -20px;
	width:127px; height:177px;
	background: url(../../img/kazari05.png) no-repeat;
}

/* TITLE */
.entry h4 { margin:5% 0; font-size:187.5%; color: #3A2508; text-align: center;}
.entry table.mail { margin:10px auto; width:100%; border-top:1px solid #DDD;}
.entry table.mail th,
.entry table.mail td { padding:5px 10px; border-bottom:1px solid #DDD;}
.entry table.mail th { width:22%; background:#F6F6F6;}
.entry table.mail small.hissu { font-size: 70%; color: rgba(255,0,4,1.00);}
.entry table.mail td input[type=text],
.entry table.mail td select,
.entry table.mail td textarea {
	padding:5px;
    line-height: 25px;
	border-radius:3px; /* CSS3 */
	-webkit-border-radius:3px; /* Safari,Google Chrome */
	-moz-border-radius:3px;/* Firefox */
    box-sizing: border-box;
}
.entry table.mail td input[type=text],
.entry table.mail td select,
.entry table.mail td textarea {border:1px solid #CCC; background:#F6F6F6;}
.entry table.mail td textarea { width:100% !important; box-sizing:border-box;}
.entry table.mail td ul.col2 { margin-bottom: 5%; width:100%; overflow: hidden;}
.entry table.mail td ul.col2 li { float:left; width: 50%;}
.entry table.mail td ul.col2 li:nth-child(2n+1) { clear: both;}
.entry table.mail td .set  { padding: 20px 0 0 !important;}
.entry table.mail td .set ul  { margin-bottom: 0;}

.entry table.mail td ul.table_set  { overflow: hidden;}
.entry table.mail td ul.table_set li  { padding:0;}
.entry table.mail td ul.table_set.table_content  { line-height: 150%; }
.entry table.mail td ul.table_set li + li { padding:10px 20px; }
.entry table.mail td ul.table_set li+ li:before {
    display: block; text-align: left; font-weight: bold;
    content: attr(data-label);
}
.entry table.mail td ul.table_set + ul.table_set  { margin-top:10px;}
.entry table.mail td ul.table_set li label {
	display:block;
	float:none !important;
	width:100%;
	text-align:left;
	padding:5px;
	border:1px solid #DDD;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-sizing:border-box;
	background:#FCFCFC;
}
.entry table.mail td ul.table_set li.check_sub  { display: none; background: #efefef;}
.entry table.mail td ul.table_set li.check_sub label  { display: inline-block;  max-width:200px; background: #fff;}
.entry table.mail td ul.table_set li.check_sub label+label  { margin-left: 5px;}
/*
.entry table.mail td ul.table_set li:last-child { padding-bottom: 20px;}
*/


.entry .btn { margin:2% auto; width:300px;}
.entry .btn input {
	display:block;
	padding:15px;
	width:100%;
	color:#FFF;
	border:none;
	font-size:150%;
	background:#FFB60F;
	border-radius:5px; /* CSS3 */
	-webkit-border-radius:5px; /* Safari,Google Chrome */
	-moz-border-radius:5px;/* Firefox */
}
.entry .btn input:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
.entry .end {
	margin: 1em;
	display:inline;
	padding: 5px 8px;
	background:#FF0000;
	font-size:75%;
	vertical-align:top;
	color:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}