@charset "UTF-8";
/*--------------------------------------------------------------- 
			各ページ固有の指定
--------------------------------------------------------------- */

/* page-aisatu
--------------------------------------------------------------- */
#page-aisatu img {
	max-width: 150px;
	margin-right: 2em;
}

.aisatu-flex {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 2em;
}
@media screen and (max-width: 768px){
	#page-aisatu img {
		margin-bottom: 1em;
	}
	.aisatu-flex {
		display: block;
	}
}

#page-aisatu p {
	text-indent: 1em;
}
#page-aisatu .area-aisatuName {
	font-size: 103%;
	line-height: 180%;
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin: 2em 0 0;
	text-align: right;
}
#page-aisatu .area-aisatuName p {
	text-indent: 0;
	margin-bottom: 0;
}
#page-aisatu .area-aisatuName img {
	border: #CACACA solid 1px;
}
#page-aisatu .area-aisatuName .aisatuName-gakkai {
	font-size: 102%;
	/*font-weight: bold;*/
	color: #333;
	margin-top: 6.8em;
	margin-bottom: 0.3em;
}
#page-aisatu .area-aisatuName .aisatuName-name {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 2px;/*padding-right: 0.5em;*/
}
#page-aisatu .area-aisatuName .aisatuName-shozoku {
	line-height: 120%;
	margin-top: 0.5em;
}
#page-aisatu .img-float {
	text-indent: 0;
	margin: 0 0.5em 0.5em 1em;
}
#page-aisatu strong {
	font-size: 110%;
}

/* page-gaiyo
--------------------------------------------------------------- */
#page-gaiyo .tbl-layout {
	width: 100%;
	margin: auto;
}
#page-gaiyo .tbl-layout th, #page-gaiyo .tbl-layout td {
	border: 1px dotted #C7C783;
	padding: 1em;
}
#page-gaiyo .tbl-layout th {
	text-align: center;
	font-weight: bold;
	background-color: #EDEDCA;
}
#page-gaiyo .tbl-layout td {
}

#page-gaiyo dl{
	padding: 0 0.5em;
}

/* #page-endai
--------------------------------------------------------------- */
#page-endai .kikan {
	font-weight: bold;
	margin: 0.8em;
	color: #D62586;
	font-size: 125%;
}
#page-endai .kikan .encyo{
	display: block;
	margin-left: 16.7em;
}
#page-endai ul li {
	padding-left: 0.2em;
	margin-bottom: 0.5em;
}
#page-endai dl{	
	padding: 0 0.7em;
}
#page-endai dl dd {
	padding: 0.3em 0 0.5em;
}

#page-endai .tbl-ptn1 td{
	text-align: left;
}
#page-endai .tbl-ptn1 th{
	width: 5%;
}
#page-endai .tbl-ptn1 td{
	width: 30%;
}
#page-endai .flex_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#page-endai .flex_box .areaBtn-rc a{
	padding: 0.5em 3em;
}

@media screen and (max-width: 768px){
	#page-endai .kikan .encyo{
		margin-left: 0;
		text-indent: 0;
	}
	#page-endai .tbl-ptn1 {
		width: 96%;
		table-layout: auto;
	}
	#page-endai .tbl-ptn1 th,
	#page-endai .tbl-ptn1 td{
		padding: 0.5em;
	}
	#page-endai .tbl-ptn1 th{
		width: 3%;
	}
	#page-endai .flex_box{
		padding-top: 0.5em;
	}
	#page-endai .flex_box .areaBtn-rc{
		padding: 0.5em;
	}
}

/**/
#page-endai .areaUmin {
	text-align: center;
	border: 1px dotted #C7C7C7;
	margin: 2em auto;
	padding: 0.5em 6em;
}
#page-endai .areaUmin ul {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin: 0;
}
#page-endai .areaUmin ul li {
	width: 50%;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#page-endai .areaUmin ul li a {
	width: 80%;
	font-size: 110%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	display: block;
	background-color: #E86A60;
	border: #F2ADA8 solid 2px;
	border-radius: 6px;
	margin: 10px;
	padding: 0.8em;
}
#page-endai .areaUmin ul li a:hover {
	opacity: 0.8;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* for IE 4以上 */
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* for IE 8以上 */
	transition: all 0.5s ease 0s;
}
/*#page-endai .areaUmin ul li.heibun a {
	background-color: #34959C;
	border-color: #7ECDD3;
}*/

@media screen and (max-width: 768px){
	#page-endai .areaUmin { padding: 0 2em;}
	
	#page-endai .areaUmin ul li {
		width: 100%;
		float: none;
	}
	#page-endai .areaUmin ul li a {
		width: auto;
		margin: 20px 10px;
	}
}
/**/


/* #page-sanka
--------------------------------------------------------------- */
#page-sanka .kikan {
	font-weight: bold;
	margin: 0.8em;
	color: #D62586;
	font-size: 118%;
}
#page-sanka .tbl-ptn1 th {
	/*text-align: left;*/
	font-weight: bold;
}
/** 角丸テキストボタン：box **/
#page-sanka .areaBtn-rc-box {
	width: 60%;
	text-align: center;
	padding: 1em;
	margin: auto;
}
#page-sanka .areaBtn-rc-box a {
	display: block;
	font-size: 110%;
	line-height: 140%;
	color: #FFF !important;
	text-decoration: none;
	background-color: #ef763d;
	border-radius: 5px;
	border: 3px solid #ffcc62;
	/* box-shadow */
/*box-shadow:0px 1px 1px 1px #222222;
-moz-box-shadow:0px 1px 1px 1px #222222;
-webkit-box-shadow:0px 1px 1px 1px #222222;*/
	margin: 5px;
	padding: 0.8em 1.5em;
}

@media screen and (max-width: 768px){
	#page-sanka .areaBtn-rc-box  {
		width: 90%;
	}
}

#page-sanka .areaBtn-rc-box a:hover {/*---透明度の変更は、3行の数値をそれぞれ変更すること*/
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
	transition: 0.5s ease-in-out;
}


/* #page-program
--------------------------------------------------------------- */
#page-program h3 {
	position: relative;
	letter-spacing: 0;
	padding-left: 0.85em;
}
#page-program h3 .date {
	font-size: 85%;
	letter-spacing: 0;
	position: absolute;
	right: 15px;
	bottom: 0.3em;
	display: block;
}
#page-program h4 {
	margin-top: 0;
}
/*#page-program h4::before {
	display: none;
}*/

/*#page-program .areaInt {
margin-left: 1em;	
}*/
#page-program .areaInt h5 {
	margin-left: 10px;
}

/* dl左右2段 */
#page-program dl {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin: 1em;
}
#page-program dl dt,
#page-program dl dd {
	display: block;
	margin: 0 0 0.5em;
	padding: 0.05em 0.3em;
}
#page-program dl dt {
	width: 3.2em;
	clear: left; /* 環境別での表示崩れを防ぐ */
	float: left;
/*	background: #D1DFE8;
	text-align: center;
	margin-right: 0.5em;*/
}
#page-program dl.wide dt{width: 4.2em;}

#page-program dl dd {
	width: 90%;
	float: left;
}
#page-program dl.wide dd {width: 85%;}

/*---*/
#page-program #gakuseiconcert dl dt {
	background: #D1E8E0;
}
#page-program .area-intro{
    border: 2px solid #7f7cda;
    padding: 10px 10px;
    border-radius: 10px;
    margin-top: 20px;
}
#page-program .area-intro .ttl{
    text-align: center;
    font-size: 145%;
    font-weight: bold;
    color: #493e96;
    border-bottom: 1px dotted #7f7cda;
}
#page-program .area-intro ul{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
#page-program .area-intro li{
    list-style: none;
    width: 260px;
    text-indent: -2em;
    margin-left: 2.8em;
}

#page-program .p_title a {
	width: 50%;
	background-color: #006ea9;
	border: 3px solid #34a8c9;
}
.live{
	padding: 2px 7px;
	border-radius: 5px;
	font-size: 80%;
	background-color: #850900;
	font-weight: normal;
	letter-spacing: 1px;
}

#page-program .h3{
	display: block;
	border-bottom: 3px dashed #ff3f65;
	margin:40px 0 0 auto;
	font-size: 150%;
	color: #ff3f65;
}

/*#page-program .flex {
	display: flex;
	justify-content: space-between;
  	flex-wrap: wrap;
}

#page-program .flex p.Btn-rc {
	width: 40%;
}

#page-program p.Btn-rc {
	margin-top: 0.5em;
}

p.Btn-rc {
	text-align: center;
	margin: 3em 0 2.3em;
}*/






/* #page-access
--------------------------------------------------------------- */
#page #page-access .map {
	margin-top: 1.5em;
}

/* 
--------------------------------------------------------------- */
#page-riekisohan img {
	margin: 0 0 0 0.3em;
}
/* 
--------------------------------------------------------------- */
#page-program-nittei {
}
#page-program-nittei h4 {
	font-size: 115%;
	padding-left: 0.3em;
}
#page-program-nittei h4::before {
	display: none;
}
#page-program-nittei h6 {
	font-size: 100%;
	/*	font-weight: normal;*/
	text-align: right;
	color: #8F0F15;
	margin: -0.6em 0 0.5em;
}
#page-program-nittei .box-nv {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 0.75em;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: #1D117F;
	margin-left: 0.5em;
	padding: 0.05em 0.5em;
}
#page-program-nittei .box-rd {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 0.75em;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: #BC2326;
	margin-left: 0.5em;
	padding: 0.05em 0.5em;
}
/* 
--------------------------------------------------------------- */
#page-jks-is .areaImp4 {
	margin: 0;
	margin-bottom: 1.5em;
	border-width: 1px;
}
/* 
--------------------------------------------------------------- */
#page #page-link ul {
	margin: 0;
}
#page #page-link ul li {
	/*background-image: url(../img/icon_dot_list.jpg);
	background-repeat: no-repeat;
	background-position: left center;*/
	list-style-type: none;
	padding-left: 20px;
	font-size: 105%;
	margin-bottom: 1em;
	position: relative;
}
#page-link ul li:before {
	border: solid 2px #FC63AD;
	border-radius: 50%;
	content: "";
	height: 5px;
	width: 5px;
	left: 0;
	position: absolute;
	top: 6px;
}
/* 
--------------------------------------------------------------- */
#page-sankasha .tbl-layout {
	font-size: 93%;
}
#page-sankasha .tbl-layout th {
	font-weight: bold;
}
#page-sankasha .tbl-layout th, #page-sankasha .tbl-layout td {
	padding: 0.5em 0.8em;
}
#page #page-sankasha ul li {
	margin-bottom: 0.3em;
	margin-left: 1.5em;
}
#page #page-sankasha ol{
	margin: 0.3em 0;
}
#page #page-sankasha ol li {
	list-style: none;
	margin-left: 2em;
	text-indent: -1em;
}
#page-sankasha h5{
	color: #000000;
	background-image: none;
	padding: 0;
}
#page-sankasha .kikan {
	font-weight: bold;
	margin: 0.8em;
	color: #D62586;
	font-size: 125%;
}


/**/
#page-sankasha .areaUmin img {
	margin: 5px;
}
#page-sankasha .areaUmin {
　/*枠ありパターン*/
	text-align: center;
	margin: 20px;
	background-color: #F5F3F8;
	padding: 15px;
	border: 1px dotted #71528B;
}
#page-sankasha .areaUmin {
　/*枠無パターン*/
	text-align: center;
	margin: 1em 0;
}
#page-sankasha .areaUmin ul {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin: 0;
}
#page-sankasha .areaUmin ul li {
	width: 50%;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#page-sankasha .areaUmin ul li a {
	width: 90%;
	font-size: 110%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	margin: 10px;
	padding: 0.5em;
}
#page-sankasha .areaUmin ul li a:hover {
	opacity: 0.8;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* for IE 4以上 */
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* for IE 8以上 */
	background: white;
	transition: all 0.5s ease 0s;
}
#page-sankasha .areaUmin ul.areaUminAngou li a {
	background-color: #FB8C00;
}
#page-sankasha .areaUmin ul.areaUminHeibun li a {
	background-color: #0098ED;
}
/**/


/* 
--------------------------------------------------------------- */
/*ナビゲーション*/
#page-program .areaPrgNav h4 {
	color: #134489;
	font-size: 140%;
	background-image: none;
	border-top: none;
	border-bottom: #005BAA solid 2px;
	margin-top: 0;
	padding: 0 0 0 0.5em;
}
#page-program .areaPrgNav ul {
	border-top: #005BAA solid 2px;
	border-bottom: #005BAA solid 2px;
	margin: 0 0 30px;
	padding: 0.9em 1.8em 0.3em;
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
}
#page-program .areaPrgNav ul li {
	width: 28%;
	list-style: none;
	background-image: url(../img/icon_arrow_dw.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-left: 0;
	margin-bottom: 0.5em;
	padding-left: 20px;
}
#page-program .areaPrgNav ul li a {
	color: #134489;
	text-decoration: none;
}
#page-program .areaPrgNav ul li a:hover {
	color: #1A5FC0;
	text-decoration: underline;
}
/*----------*/

/* #page-kyosan
--------------------------------------------------------------- */
#page-kyosan .areaBtn-rc a {
	min-width: 100px;
}
#page-kyosan dl.toiawase{
	margin: 0.8em 1em 1em;
}

#page-kyosan .areaBtn-rc{
	padding: 0.5em 1em;
}
#page-kyosan .form p a{
	background-color: #1859A9;
	border: 3px solid #609DE8;
	width: 30%;
}
#page-kyosan dl{
	margin: 1em 0.8em 1em 1em;
}
#page-kyosan dl.shimekiri{
	display: flex;
	flex-flow: wrap;
}
#page-kyosan dl.shimekiri dt{
		width: 35%;
		margin-bottom: 5px;
		padding-right: 1em;
}
#page-kyosan dl.shimekiri dd{
		width: 46%;
		margin-bottom: 5px;
}
#page-kyosan .del{
	color: #ff0000;
	text-decoration : line-through ;
}
#page-kyosan .del span{
	color: #000000;
}

@media screen and (max-width: 768px){
	#page-kyosan .form p a{
		width: 60%;
	}
	#page-kyosan dl.shimekiri dt{
		width: 49%;
	}
}