body { margin: 0; padding: 0;word-break:break-all; font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;}
.container { position:relative; top:0px; width: 100%; height:auto; min-width:320px;padding-bottom:50px;
    display: -ms-flexbox; display: -webkit-flex;display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
h1{ font-size:1.25em;}
#title{text-align: center; margin-bottom:0;
    -webkit-order: 0;-ms-flex-order: 0;order: 0;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
h2{text-align: center;font-size:0.875em; font-weight:200; margin-top:5px; margin-bottom:20px;
    -webkit-order: 1; -ms-flex-order: 1; order: 1;
    -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
}

#sub{/* position: relative; */ border: 1px solid #b5cbaa;  width:90%; max-width:800px; margin: 15px 0 20px 0; word-break:break-all;
    padding:20px 10px 20px 10px;border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    -webkit-order: 2; -ms-flex-order: 2; order: 2;
    -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
 }
 
.ads_Horizon{border: 1px solid #b5cbaa; position:relative;width:90%; min-height:90px; height:auto; text-align:center; margin: 60px 5% 30px 5%;
    -webkit-order: 3; -ms-flex-order: 3; order: 3;
	-webkit-flex: 0 0 auto;	-ms-flex: 0 0 auto;	flex: 0 0 auto;
	-webkit-align-self: flex-start;	-ms-flex-item-align: flex-start; align-self: flex-start;
}
  .adstitle{position: absolute; width: 150px; text-align:center; height:20px; z-index: 1; top: -20px; left:50%; margin-left:-75px; font-size:0.75em;color:#c1c1c1; }

.containerSec{ 
    border: 1px solid #b5cbaa; width:90%; max-width:1000px; margin:15px 5% 20px 5%; font-size:1em;text-align: left;
    padding:20px 10px 20px 10px;border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    -webkit-order: 4;-ms-flex-order: 4;order: 4;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}

#footer{ width:100%; height: 50px; left:0px; z-index: 5; bottom:0px; background-color:#000000;/*#999999;*/ color:#ffffff;
  border-radius:467px 467px 0px 0px / 50px 50px 0px 0px;/*←→↑↓半径の値を、左上・右上・右下・左下*/ 
 }
  #footertitle{ position:relative; width: 160px; height: 23px; z-index: 1; top: 10px; left:50%; margin-left:-80px;padding:0 0 7px 0; text-align: center;}
  #footertitle a{ font-size: 0.875em; text-decoration:none; color:#ffffff;}
  #footertitle:hover{cursor:pointer;border-radius:3px 3px 3px 3px / 3px 3px 3px 3px;box-shadow:-1px -1px 1px #f2f2f2, 1px 1px 1px #4e4e4e;}

 #contentsboxL{ position: relative; border: 1px solid #8b00ff*/*紫*/; width:100%;height:auto; margin:50px 0 0 0;
	-webkit-order: 0; -ms-flex-order: 0; order: 0;
    -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
    }
   .contchildstitle{ position: absolute; /*border: 1px solid #002cff;*/ top:-30px;left:10px; width:auto; text-align:center;border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    background-color:#b5d6bf; padding:3px 10px 3px 10px;}
   
    
   .contchildstitle2{ position: absolute; /*border: 1px solid #002cff;*/ top:-40px;left:10px; width:auto; text-align:center;border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    background-color:#b5d6bf; padding:3px 10px 3px 10px;}
    

#contentsboxR{ /*border: 1px solid #0035ff/*青*/; width:98%; max-width:500px; height:100%;

    -webkit-order: 1; -ms-flex-order: 1; order: 1;
    -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
    
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}  

  .RChilds{border: 1px solid #6c886f; width:98%; height:auto; margin:2px;
    -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
    -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto;
} 
  .RChilds p{ margin: 10px 10px 0 10px;}
 
    .r_img{ width:170px;height:170px; background-repeat:no-repeat;background-size:contain;float:left; margin:10px;}
    





  .contchilds{ position: relative;border: 1px solid #b5cbaa; width:100%; height:auto; min-height:200px;margin:10px;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}
  .contchildsN{ position: relative; border: 1px solid #ff0000; width:90%; height:auto; min-height:80px;margin: 10px 10px 30px 10px;
    -webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
}



    .childimg{ z-index:12; position: relative;float:left; border: 1px solid #b5b5b5;width:170px;height:170px; margin:10px 10px 5px 10px; background-repeat:no-repeat; background-size:contain;}
    .childsmsg{ z-index:10; position: relative;/*border: 1px solid #002cff;*/ top:0;left:10px; width:calc(100% - 30px); height:auto; min-height:170px; padding:10px;}
    .popimg{ border: 1px solid #0009ff;}        
    .popimg:hover,.popimg:focus, .popimg:active{ cursor: pointer ;border-radius: 6px;
    -moz-box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);-webkit-box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);
    -ms-box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);
    /*box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);      9px 9px 6px -7px rgba(0, 0, 0, 0.8)*/
    transform: translateY(-5px) translateX(2px);
    }
    
 .underbx{/*border: 1px solid #ff4c4c;*/ width:100%; height:auto; min-height:100px; margin-bottom:10px;
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}



  .underbxchild{/*border: 1px solid #ff4c4c;*/ width:100px;height:100px; margin:5px 0 5px 15px; background-size:contain; background-repeat:no-repeat;}
  .underbxchild01{ -webkit-order: 0;-ms-flex-order: 0;order: 0; -webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto; -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}
  .underbxchild02{ -webkit-order: 1;-ms-flex-order: 1;order: 1; -webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto; -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}
  .underbxchild03{ -webkit-order: 2;-ms-flex-order: 2;order: 2; -webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto; -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}
  .underbxchild04{ -webkit-order: 3;-ms-flex-order: 3;order: 3; -webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto; -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}

	.ucpop:hover,.ucpop:focus, .ucpop:active{ cursor: pointer ;border-radius: 6px;
    -moz-box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);-webkit-box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);
    -ms-box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);
    /*box-shadow: 3px 3px 6px -1px rgba(0, 0, 0, 1);      9px 9px 6px -7px rgba(0, 0, 0, 0.8)*/
    transform: translateY(-5px) translateX(2px);
}


/*#menubox_SET*/
   .btn{position: fixed;z-index: 750; left:10px; background-size:contain;}
     #menubtn{  top:10px; width:33px;height:33px;background-image: url('../../images/Menu2.png'); }
     #closebtn{  top:-40px; width:31px;height:32px;background-image: url('../../images/close.png');}
   .btn_child{ z-index:749; position: fixed;/*border: 1px solid #2d750a;*/ width:80px;height:auto; top:15px; left:-100px; font-size:0.875em;}
     #opn_child{ color:#ff0000; opacity:0;  }
     #cls_child{ color:#fffd00; }
   .btn:hover{ cursor:pointer;}
   .btn:active{ cursor:pointer;}
   .btn:focus{ cursor:pointer;}
    
 .shade{z-index: 700;position: absolute; width: 0px; height: 100%;left:0px;  top: 0px; background-color:#6d766d;opacity:0.8;}
  
 #menubox{ position: absolute; border: 1px solid #595959;/*#262626; /*background-color:#928e8e;*/ width: auto;/* 190px;*/ height:auto; padding: 10px 0px 25px 0px;box-shadow: 3px 3px 8px 3px rgba(1, 48, 36, 0.55); 
           border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;
    z-index:740; position: absolute; top:0px; left:-500px;height: auto; margin:50px 0 0 10px;
           /*color:#ffffff;*/ font-size:1em; text-decoration:none;
    display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
    -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
    -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
    -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
    -webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
}
  .box_layer{ position:absolute; top:0;left:0;width:100%;height:100%;background-color:#000000; opacity:0.4;
              border-radius:6px 6px 6px 6px / 6px 6px 6px 6px ;  
	
}
  .number{/*border: 1px solid #2d750a;*/ position:relative;width: auto/* 200px*/;height:auto; font-size:1em; margin: 10px 0 0 15px;color:#ffffff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    -webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;
    -webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;
	
	display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
    -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
    -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
    -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
}
  .sitetitle{ color:#ffd000;  }
  .num_now{color:#96acff/*ffb54d/*00ff00*/;}
  .nowposis{ position:absolute; top:3px;left:-16px; width:14px;height:17px; background-repeat:no-repeat; background-image:url('../images/nowposis.png');}
  .CHnowposis{ position:absolute; top:3px;left:-32px; width:14px;height:17px; background-repeat:no-repeat; background-image:url('../images/nowposis.png');}
  .number a{ font-size:1em; color:#ffffff; text-decoration:none;}
  .number a:hover{ color:#ff8800/*00ffdb*/;text-decoration: underline; }
  .number a:active{ color:#ff8800/*00ffdb*/;text-decoration: underline; }
  .number a:focus{ color:#ff8800/*00ffdb*/;text-decoration: underline; }
        .number_ch{/*border: 1px solid #2d750a;*/position:relative;width:auto; left:70px; height:auto; font-size:1em; margin:5px 0 0 0px;text-indent:-1em;
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
        }
     .number_ch a{ color:#00ff00/*ffb54d/*ffa64d/*ff9933*/;}   
     
     .Empty a{ color:#ff8980;}/*未完成*/

     .Emptyposis{position:absolute; top:3px;left:-34px; width:16px;height:15px; background-repeat:no-repeat; background-image: url('../images/empposis2.png');
	
}
    #number99{
	-webkit-order: 0;-ms-flex-order: 0;order: 0;
}
    #number00{
	-webkit-order: 1;-ms-flex-order: 1;order: 1;
}
    #number01{
	-webkit-order: 2;-ms-flex-order: 2;order: 2; 
}
    #number02{
	-webkit-order: 3;-ms-flex-order: 3;order: 3;
}
    #number03{
	-webkit-order: 4;-ms-flex-order: 4;order: 4;
}
    #number04{
	-webkit-order: 5;-ms-flex-order: 5;order: 5;
}
    #number05{
	-webkit-order: 6;-ms-flex-order: 6;order: 6;
}
    #number06{
	-webkit-order: 7;-ms-flex-order: 7;order: 7;
}
    #number07{
	-webkit-order: 8;-ms-flex-order: 8;order: 8;
}
    #number08{
	-webkit-order: 9;-ms-flex-order: 9;order: 9;
}


/* END #menubox_SET*/

  #RChilds01{-webkit-order: 0; -ms-flex-order: 0; order: 0;}   
  #RChilds02{-webkit-order: 1; -ms-flex-order: 1; order: 1;}   
  #RChilds03{-webkit-order: 2; -ms-flex-order: 2; order: 2;}   
  #RChilds04{-webkit-order: 3; -ms-flex-order: 3; order: 3;}   

    #r_img01{ background-image:url('../../images/02/');}
    #r_img02{ background-image:url('../../images/02/');}
    #r_img03{ background-image:url('../../images/02/');}
    #r_img04{ background-image:url('../../images/02/');}
    #r_img05{ background-image:url('../../images/02/');}
    #r_img06{ background-image:url('../../images/02/');}

  #underbx03_child01{ background-image: url('');}
  #underbx03_child02{ background-image: url('');}
  #underbx03_child03{ background-image: url('');}
  #underbx03_child04{ background-image: url('');}
  
  #underbx04_child01{ background-image: url('../../');}
  #underbx04_child02{ background-image: url('../../');}
  #underbx04_child03{ background-image: url('../../');}
  #underbx04_child04{ background-image: url('../../');}

  #underbx05_child01{ background-image: url('../images/PC_006_s.jpg');}
  #underbx05_child02{ background-image: url('');}
  #underbx05_child03{ background-image: url('');}
  #underbx05_child04{ background-image: url('');}
  
  #underbx08_child01{ background-image: url('../images/PC_009_s.jpg');}
  #underbx08_child02{ background-image: url('../images/PC_019_s.jpg');}
  /*					   
  #underbx08_child03{ background-image: url('../images/02/');}
  #underbx08_child04{ background-image: url('../images/02/');}
  */
  
  #underbx09_child01{ background-image: url('../../');}
  /*
  #underbx09_child02{ background-image: url('../images/02/');}
  #underbx09_child03{ background-image: url('../images/02/');}
  #underbx09_child04{ background-image: url('../images/02/');}
  */
  #underbx10_child01{ background-image: url('../images/PC_012_s.jpg');}
  #underbx10_child02{ background-image: url('../images/PC_013_s.jpg');}
  #underbx10_child03{ background-image: url('../images/PC_014_s.jpg');}
  /*
  #underbx10_child04{ background-image: url('../images/02/');}
*/
  #underbx11_child01{ background-image: url('../images/PC_017_s.jpg');}


  #contchilds01{-webkit-order: 0;-ms-flex-order: 0;order: 0;} #childimg01{ background-image: url('../images/PC_001_s.jpg');
	top: 0px;left: 0px;
}
  #contchilds02{-webkit-order: 1;-ms-flex-order: 1;order: 1;} #childimg02{ background-image: url('../images/PC_002_s.jpg')}
  #contchilds03{-webkit-order: 2;-ms-flex-order: 2;order: 2;} #childimg03{ background-image: url('../images/PC_003_s.jpg')}
  #contchilds04{-webkit-order: 3;-ms-flex-order: 3;order: 3;} #childimg04{ background-image: url('../images/PC_004_s.jpg')}
  #contchilds05{-webkit-order: 4;-ms-flex-order: 4;order: 4;} #childimg05{ background-image: url('../images/PC_005_s.jpg')}
  #contchilds06{-webkit-order: 5;-ms-flex-order: 5;order: 5;} /*#childimg06{ background-image: url('../')}*/
  #contchilds07{-webkit-order: 6;-ms-flex-order: 6;order: 6;} #childimg07{ background-image: url('../images/PC_007_s.jpg')}
  #contchilds08{-webkit-order: 7;-ms-flex-order: 7;order: 7;} #childimg08{ background-image: url('../images/PC_008_s.jpg')}
  #contchilds09{-webkit-order: 8;-ms-flex-order: 8;order: 8;} #childimg09{ background-image: url('../images/PC_010_s.jpg')}
  #contchilds10{-webkit-order: 9;-ms-flex-order: 9;order: 9;} #childimg10{ background-image: url('../images/PC_011_s.jpg')}
  #contchilds11{-webkit-order: 10;-ms-flex-order: 10;order: 10;} #childimg11{ background-image: url('../images/PC_016_s.jpg')}
  #contchilds12{-webkit-order: 11;-ms-flex-order: 11;order: 11;} #childimg12{ background-image: url('../images/PC_018_s.jpg')}
  

  #contchilds11{-webkit-order: 10;-ms-flex-order: 10;order: 10;}
  #contchilds12{-webkit-order: 11;-ms-flex-order: 11;order: 11;}
  
  .shadePH{position: absolute; width: 0px; height: 100%; z-index:800; top: 0px; background-color:#000000;opacity:0.7;}
  #shadeR{ right:0px;}
  #shadeL{ left:0px; }

  #photobox{ position: fixed; z-index:802; display:none;width: 100px; height: 100px; top: 80px; left: 170px; background-repeat:no-repeat;background-size:contain;}
  #photoclose{position: absolute; width: 31px; height: 32px; z-index: 805; top: -33px; left:50%; margin-left:-15.5px; background-image: url('../../images/close.png');
}
  #photoclose:hover{ cursor:pointer;}

@media screen and (max-width: 1366px){
  .containerSec{ max-width:800px;}
}

@media screen and (max-width: 430px){
  h1{ font-size:1em;}
}

@media screen and (max-width: 320px){
  #menubox{margin:50px 0 0 5px;}
  h1{ font-size:0.875em;}
}