/*================================================
 *  index CSS
 ================================================*/

/*================================================
 *  contents
 ================================================*/

p.pdf { font-size:18px; line-height:1.7; }

h1.midashi-index { padding: 0 0 0 10px; margin: 50px 0 30px 0; font-size: 24px; }
h1.forum { color: #5fbf39; border-left: 5px solid #5fbf39;}
h1.forum small { color: #5fbf39;}
h2.pgf { border-left: 6px solid #c03434; color:#c03434; padding:0 0 0 10px; margin:40px 0 20px 0; font-size:20px; font-weight:bold; }
h3.pgf { font-size:22px; color:#fff; background-color:#00344e; line-height:1.4; padding:20px 20px; margin:10px 0 30px 0; font-weight:bold; }
h5.pgf { margin-bottom:0; color:#00344e; font-weight:bold; line-height:1.4; font-size:15px; }

@media print, screen and (min-width: 767px) {
#contents > .container-fluid > .row {
	padding: 0 80px 80px 80px;
}
}
@media screen and (max-width: 767px) {
#contents > .container-fluid > .row {
	padding-bottom: 50px;
}
p.pdf { font-size:14px; line-height:1.6; }
h1.midashi-index {
	padding: 0 0 0 10px;
	font-size: 20px;
	margin-bottom: 20px;
	margin-top:0;
}
h2.pgf { margin-top:30px; }
h3.pgf { font-size:18px; line-height:1.4; padding:10px 15px; margin:10px 0 15px 0; font-weight:bold; }
h5.pgf { font-size:14px; }
}


/*================================================
 *  News
 ================================================*/

dl.past { margin-bottom:15px; border-bottom:1px dotted #CCC; clear:both; }
dl.past dd { padding:14px 0 10px 0; }
dl.past dt { line-height:1.5; font-size:16px; padding:14px 0 10px 0; }
dl.past dt small { font-weight:normal; }


 @media print, screen and (min-width: 767px) {
dl.past dt { display: block; width: 67%; clear: left; float: left; padding-right:10px; }
dl.past dd { display: block; width: 33%; float: left; }
}

@media screen and (max-width: 767px) {
dl.past { margin-bottom:0; }
dl.past dd { padding-top:0; }
dl.past dt { line-height:1.4; font-size:14px; padding-bottom:0; }
}
 
 
/*================================================
 *  program
 ================================================*/
table.prg{ margin-bottom:60px; width:100%; }
table.prg h4 { font-size:20px; line-height:1.3; margin-top:0; margin-bottom:15px; color:#00344e; font-weight:bold; }
table.prg th { background-color:#edf2f5; border-bottom:3px solid #fff; padding:15px; color:#00344e; width:90px; }
table.prg td { border-bottom:1px dotted #CCC; padding:20px 20px 5px 20px; }
table.prg dd { font-size:19px; line-height:1.2; }
table.prg dd .katagaki { font-size:14px; padding-top:5px; }
 
@media screen and (max-width:767px) {
table.prg h4 { font-size:18px; line-height:1.3; margin-top:0; margin-bottom:5px; }
table.prg { margin: 30px 0 0 0; background-color:#FFF; }
table.prg tr { display:block; }
table.prg th { display:block; }
table.prg tr td { border:none; padding:5px 0 0 0; }
table.prg tr th { width:100%; padding:5px 10px;}
table.prg dd { padding-top:10px; font-size:20px; }
}
@media print, screen and (min-width: 767px) {
table.prg dt { float:left; }
table.prg dd { margin-left: 95px; }

}

/*================================================
 *  gaiyo
 ================================================*/
dl.gaiyo  { margin-bottom:10px;}
dl.gaiyo dt { background-color:#00344e; color:#fff; padding:10px; text-align:center; width:85px; }
dl.gaiyo dd { padding:10px; }
 
@media screen and (max-width:767px) { 
dl.gaiyo dt { width:100%; padding:3px; }
dl.gaiyo dd { padding:5px; }
}
 @media print, screen and (min-width: 767px) {
dl.gaiyo dt { float:left; display: block; }
dl.gaiyo dt.basyo { height:60px; padding-top:20px; }
dl.gaiyo dd { margin-left: 100px; display: block; }

}