@charset "UTF-8";
.pocenter{	
  width:100%; 
  margin: 0 auto;
  text-align:center;
  margin-bottom:2em;
  /*border:red thin solid;*/}
.movie_w {
  width:90%;
  height:0;
  margin:0 auto;
  padding-bottom:56.25%;
  position:relative;
}

.movie_w iframe{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

.itemmenu {
    font-size:1.3em;
    margin:0 auto;
    max-width:50%;
    position: relative;
    padding: 1em 1em 1em 2.5em;
    border: 2px solid #001C4E;}

.itemmenu > div {
    position: absolute;
    text-align:center;
    padding: 0 .5em;
    top: -.5em;
    background-color: #fff;
    color:#001C4E;
    font-weight: 600;}
.itemmenu ul {
    list-style-type: disc;
    margin: 2em;
    padding: 0;
    text-align:left;}
.itemmenu li > a {
    line-height:200%;
    padding: 1.5em .5em .5em 0;
    text-decoration: underline;
    color:#001C4E;}
/*    
.itemmenu li::marker > a {
    color: #2589d0;
    font-size: 1.8em;}
*/
.useimgbox{text-align:center;}
.useimg{max-width:34%; margin:0 auto;filter: drop-shadow(3px 5px 10px #4b4949);}


@media screen and (max-width: 768px) {
.itemmenu li > a {
    text-decoration: none;
    color:#001C4E;}
        .itemmenu {
            margin:0 auto !important;
            max-width:98% !important;
            padding: 0em !important;}
        .itemmenu ul {margin: 1em;}
        .itemmenu li > a {
            line-height:200%;
            padding:0;
            text-decoration:}
        .itemmenu li::marker > a {
            color: #2589d0;
            font-size: 1.8em;}
        .itemindextitl{margin-left:40px;}
         .useimg{
            max-width:90%;
            margin:0 auto;
            filter: drop-shadow(3px 5px 10px #4b4949);}
}
ul.copho > li{padding:1em 0 1em 0; }
div.GD_coment{padding:2em 0 1em 0;}

.funcbox_cover {
	display: flex;
	box-sizing:border-box;
	flex-wrap: wrap;
	text-align: center;
	justify-content:flex-start; 
}

.funcbox_cover > div.funcbox:first-child { padding-bottom:-1em !important;}
.funcbox_cover > div.funcbox{
    width:28%;
    margin-right:5px;
    height: auto;
    border :thin solid #999;
}

.marb1em{padding-bottom:-2em;}
@media screen and (max-width: 768px) {
 .movie_w {
  width:100%;
  height:0;
  padding-bottom:56.25%;
  position:relative;}
  .itemmenu {
    margin-bottom: 20px; }
    .itemmenu .itemlist {
      display: flex;
      flex-wrap: wrap; }
      .itemmenu .itemlist > li {
        width: calc(100% / 2 - 2px); }
        .itemmenu .itemlist > li > a {
          font-size: 14px;
          min-height: 30px; } }