.midd_base {
  width:100%;
  max-width:800px;
  margin:0 auto;
  padding:0 25px;
  box-sizing:border-box;
}
.midd_base a {font-size:15px;line-height:1.9}
.midd_base h1 {text-align:center;margin:50px 0 30px 0;font-size:32px;line-height:1.2}
.midd_base p {
  color:#000000;
  line-height:190%;letter-spacing:.03em;font-size:15px;
  text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
.midd_base h2 {font:normal 22px/1.5 Meiryo, Arial}

.midd_banner {
  width:100%;
  margin:-40px auto 0px;
  /*
  height:360px;
  padding:10px;
  box-sizing:border-box;
  background:url("/img/GPX/bann.png") no-repeat center; 
  background-size: cover;
  */
}
.midd_banner .kage {
   text-shadow: 2px 2px 2px #20a003, -1px 1px 1px #20a003, 1px -1px 1px #20a003, -1px -1px 1px #20a003
}
.midd_banner .kagek {
   font-weight:bold;
   font-size:48px;
   text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555
}
.midd_banner h1, .midd_banner h2, .midd_banner h3 {line-height:1.2;color:white}
.midd_banner h2, .midd_banner h3 {text-align:left;margin:0;line-height:1.3}
.midd_banner h1 {text-align:center;margin:35px 0 5px;font-size:40px}
.midd_banner h2 {margin-bottom:0px;font-size:28px;
   text-shadow: 1px 1px 1px #333, -1px 1px 1px #333, 1px -1px 1px #333, -1px -1px 1px #333}
.midd_banner h3 {font-size:20px;margin:3px 0 0 100px;padding:0;
   text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555
}
.page_title {
line-height:1.3;text-align:center;color:#555;margin-bottom:0px
}
.btnflex {
 list-style:none;
 padding:0;margin:20px 0 0 0;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 -webkit-align-items: center;
 align-items: center;
 flex-wrap:wrap
}
.btnflex li:hover {
 opacity: 0.65;
 background-color:#26499d;
 color:white;
}
.btnflex li {
 padding:8px 0;
 width:190px;
 font:bold 18px/1.8 Arial;
 text-align:center;
 border-bottom:solid 3px #26499d;
 background-color:#eeeeee;
 color:#444;
}

.btnflex li.selected {
 font-weight:bold;
 color:white;
 background-color:#26499d;
}

/* div.word {margin:12px 0;padding-left:75px;background:url(/img/512538.gif) 8% 32% no-repeat;}
 */

div.word {margin:12px 50px;padding-left:40px;background:url(/img/icons/word_icon_24.png) 0% 32% no-repeat;}

.infopanel { background-color:#fcfcf7;padding:30px 30px 15px 30px;margin:30px 10px;border:solid 1px #ddf;border-radius:4px;}
.infopanel h2 {font-weight:bold;font-family:Arial;color:#224b73;font-size:22px;font-style:italic;text-align:center}
.infopanel h3 {padding:0;margin:25px 0 0 10px;color:#224b73}
.infopanel h4 {font-size:15px;line-height:200%;padding:0;margin:0;color:#224b73}
.infopanel p {padding:5px 20px}

.app_notice {max-width:720px;margin:0 auto;padding:20px 10px 25px 15px}
/*.app_notice li { font-size:15px;list-style-type:none;text-indent:-1.5em}
.app_notice li:before{content:"※ "} */
.apl {font-family:Meiryo;font-weight:bold;font-size:15px;color:#224b73}

.schedule {margin:30px 0 20px 60px}
.schedule h3 {margin:40px 0 5px 0}
.schedule table {max-width:620px;margin-left:30px}
.schedule td {padding-bottom:0;font:normal 15px/150% Meiryo, Arial;vertical-align:top;letter-spacing:.065em}
.schedule td:first-child {width:18%}
.schedule td.right {padding-left:0px}

.hlt {font-weight:bold;letter-spacing:0;text-decoration:underline;}

.wsagenda h2 {margin-top:70px}
.wsagenda h3 {margin:0px;padding:0}
.wsagenda ul li {padding-top:0;line-height:2.2;font-size:16px;font-family:"Arial"}
.wsagenda ul li {color:#888}
.wsagenda span {color:#000;font-size:16px}
.wsagenda a h3{color:#224b73;margin:0 0 10px 50px}

@media (max-width: 767px) {
 ul {margin-left:20px;margin-right:0;padding-right:0px;padding-left:0px}
}