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

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

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


/* #page-program
--------------------------------------------------------------- */
#page-program h3 {
	position: relative;
	letter-spacing: 0;
/*	background-color: #605338;*/
}
#page-program h3 .date {
	font-size: 85%;
	letter-spacing: 0;
	position: absolute;
	right: 10px;
	bottom: 0.3em;
	display: block;
}
#page-program h4 {
	margin-top: 0;
}
#page-program h5{
	color: #171274;
	padding-left: 25px;
	background-color: #FBFBFB;
	padding-top: 2px;
	padding-bottom: 1px;
}
#page-program h5::before{
	width: 5px;
	height: 5px;
	border: 3px solid #EA9310;
	top: 8px;
}

/* dl左右2段 */
#page-program dl {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin:  0.5em;
}
#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;
	text-align: 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;
}

/*list*/
#page-program h4.flx{
	display: flex;
	font-size: 115%;
	font-weight: bold;
	background-color: #F1F1F1;
	border: none;
	padding: 0;
	margin-top: 30px;
}

#page-program h4.flx span.ttl{
	background-color: #592a1b;
	color: #ffffff;
	padding: 0.5em 2em;
	min-width: 180px;
}
#page-program h4.flx span.date{
	color: #592a1b;
	padding: 0.5em 2em;
}

#page-program .idx3{
	font-weight: bold;
	color: #a1610f;
	font-size: 115%;
	margin-top: 0.5em;
	background-color: transparent;
	border-bottom: 1px dotted #CCCCCC;
	background-image: url(../img/icon_h5.png);
    background-repeat: no-repeat;
    background-position: 0.3em 0.5em;
}
.spsr{
	/*font-size: 12px;*/
	text-align: right;
	font-weight: bold;
}
#page-program .dl01{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	font-size: 110%;
}
#page-program .dl01 dt{
	width: 13%;
	text-align: right;
	padding-right: 0.5em;
	font-weight: bold;
	color: #c63530;
}
#page-program .dl01 dd{
	width: 83%;
	word-break: keep-all;
	margin-bottom: 1em;
}

#page-program .dl01 dt, #page-program .dl01 dd {
	line-height: 1.5;
}
#page-program .dl01 dd strong:not(:first-of-type){
	padding-top: 0.6em;
	display: inline-block;
}


#page-program .flex .dl01{
	flex: 1;
}
#page-program .flex .dl01 dt{
	width: 18%;
}
#page-program .flex .dl01 dd,#page-program .flex p:first-of-type{
	width: 82%;
}
#page-program .flex .dl01{
	width: 200px;
}
#page-program .flex .areaBtn-rc{
	padding: 0;
	align-items: center;
}
#page-program .flex .areaBtn-rc a{
	padding: 1em;
}
#page-program .flex .areaBtn-rc a.dos{
	padding: 1em 0.3em;
}
#page-program .flex .areaBtn-rc a.yet{
	opacity: 0.5;
	pointer-events: none;
}


/* #page-registration
--------------------------------------------------------------- */
#page-registration .flex_box{
	display: flex;
	flex-wrap: nowrap;
}

#page-registration .box_left{
	width: 69%;
}
#page-registration .box_right{
	width: 31%;
}
#page-registration dl{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#page-registration dt, #page-registration dd{
	margin-top: 0.5em;
}
#page-registration dt{
	width: 170px;
}
#page-registration dd{
	width: calc(100% - 200px) ;
}

#page-registration ol li{
	padding: 0 0 0.8em 0.2em;
}
#page-registration ul li{
	padding-bottom: 0.3em;
}
#page-registration ol.alpha li{
	list-style: upper-alpha;
}
#page-registration ol.list-none li {
	list-style: none;
	text-indent: -1em;
}
#page-registration .line-under{
	border-bottom: solid 1px #000000;
}
#page-registration h5.none{
	margin-top: 2em;
	padding: 0;
}
#page-registration h5.none::before{
	border: none;
}

#page-registration .kikan {
	font-weight: bold;
	margin: 1em;
	color: #EA9310;
	font-size: 118%;
}
#page-registration dl.touroku {
	font-weight: bold;
	margin: 1em;
}
#page-registration dl.touroku dt {
	color: #EA9310;
	font-size: 111%;
	margin-top: 1em;
}
#page-registration dl.touroku dd {
	text-indent: -1em;
	margin-left: 1em;
	font-size: 97%;
}
#page-registration .under{
	text-decoration: underline;
}

#page-registration .tbl-ptn1 th, #page-registration .tbl-ptn1 td {
	text-align: center;
}
#page-registration .tbl-ptn1 th {
	padding: 0.3em 0.6em;
	font-weight: bold;
/*	width: 2em;*/
}

/** 角丸テキストボタン：box **/
#page-registration .areaBtn-rc-box {
	width: 90%;
	text-align: center;
	margin: auto;
	padding: 1em;
}
#page-registration .areaBtn-rc-box a {
	display: block;
	font-size: 110%;
	line-height: 140%;
	color: #FFF !important;
	text-decoration: none;
	/*background-color: #DF655B;*/
	background-color: #004BA1;
	border-radius: 7px;
	/* box-shadow */
box-shadow:0px 1px 1px 1px #333333;
-moz-box-shadow:0px 1px 1px 1px #333333;
-webkit-box-shadow:0px 1px 1px 1px #333333;
	margin: 10px 95px;
	padding: 0.9em 1.7em;
}
#page-registration .areaBtn-rc-box a:hover {/*---透明度の変更は、3行の数値をそれぞれ変更すること*/
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
	transition: 0.5s ease-in-out;
}

#page-registration .under{
	text-decoration: underline;
}



/* #page-abstracts
--------------------------------------------------------------- */
#page-abstracts .areaImp {
	text-align: left;
}

#page-abstracts .period span{
	font-weight: bold;
	color: #C68046;
	font-size: 120%;
	margin: 0 1em;
}
#page-abstracts ul li {
    list-style-type: disc;
    margin-bottom: 0.5em;
}
/*-----.tbl-ptn1-----*/

/*#page-abstracts .tbl-ptn1 {
    width: 98%;
}
#page-abstracts .tbl-ptn1 th,
#page-abstracts .tbl-ptn1 td {
	border-right:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	padding:0.3em 0.2em;
	text-align: center;
}
#page-abstracts .tbl-ptn1 td.left {
	text-align: left;
	padding-left: 5px;
}
#page-abstracts .tbl-ptn1 p {
    margin: 0;
}

#page-abstracts #coi-image img {
	height: 250px;
	width: auto;
	margin: 4px;
}*/



/* #page-sponsor
--------------------------------------------------------------- */
#page-sponsor ul {
	display: flex;
	flex-wrap: wrap;
}
#page-sponsor ul li {
	width: 45%;
	line-height: 130%;
	margin-right: 2em;
	margin-bottom: 1.2em;
}
#page-sponsor ul li:nth-child(2n){
	margin-right: 0;
}
#page-sponsor .areaBtn-rc a{
	padding: 0.8em 1em;
	width: 32%
}


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


/* #page-links
--------------------------------------------------------------- */
#page #page-links ul {
	margin: 0;
}
#page #page-links 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;
}

.btn_accsess{
	text-align: center;
	position: relative;
}
.btn_accsess img{
	width: 400px;
	border: 5px solid #f7b4b4;
	border-radius: 10px;
}
.btn_accsess a::after{
	content: "";
	background: url("../img/loupe.png") no-repeat right bottom;
	right: 140px;
	bottom: 30px;
	position: absolute;
	zoom:1;
	width: 62px;
	height: 48px;
}