* {
  margin: 0;
  padding: 0;
}

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {color: #000000;}
a:active {color: #000000;}

.font-blue {color:#000066;}  
.font-white {color:#ffffff;}  
.font-yellow {color:#ffcc33;}  

.font-bold {font-weight: bold;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.float-left {float:left;}
.float-right {float:right;}

.flex {display: flex;}

.vertical-middle {vertical-align: middle;}

.box100{
 width: 100%;
 flex-direction: column;
}

.direction-rtl {direction: rtl;}

.font-size-60 {font-size: 60%;}
.font-size-80 {font-size: 80%;}
.font-size-100 {font-size: 100%;}
.font-size-120 {font-size: 120%;}
.font-size-140 {font-size: 140%;}
.font-size-160 {font-size: 160%;}

.font-size-small {font-size: small;}
.font_size_xx_small {font-size: xx-small;}

.margin-top-1 {margin-top: 1px;}
.margin-top-2 {margin-top: 2px;}
.margin-top-3 {margin-top: 3px;}
.margin-top-4 {margin-top: 4px;}
.margin-top-5 {margin-top: 5px;}
.margin-top-6 {margin-top: 6px;}
.margin-top-7 {margin-top: 7px;}
.margin-top-8 {margin-top: 8px;}
.margin-top-9 {margin-top: 9px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-35 {margin-top: 35px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-45 {margin-top: 45px;}
.margin-top-50 {margin-top: 50px;}
.margin-bottom-1 {margin-bottom: 1px;}
.margin-bottom-2 {margin-bottom: 2px;}
.margin-bottom-3 {margin-bottom: 3px;}
.margin-bottom-4 {margin-bottom: 4px;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-6 {margin-bottom: 6px;}
.margin-bottom-7 {margin-bottom: 7px;}
.margin-bottom-8 {margin-bottom: 8px;}
.margin-bottom-9 {margin-bottom: 9px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-35 {margin-bottom: 35px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-45 {margin-bottom: 45px;}
.margin-bottom-50 {margin-bottom: 50px;}
.margin-left-1 {margin-left: 1px;}
.margin-left-2 {margin-left: 2px;}
.margin-left-3 {margin-left: 3px;}
.margin-left-4 {margin-left: 4px;}
.margin-left-5 {margin-left: 5px;}
.margin-left-6 {margin-left: 6px;}
.margin-left-7 {margin-left: 7px;}
.margin-left-8 {margin-left: 8px;}
.margin-left-9 {margin-left: 9px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-25 {margin-left: 25px;}
.margin-left-30 {margin-left: 30px;}
.margin-left-35 {margin-left: 35px;}
.margin-left-40 {margin-left: 40px;}
.margin-left-45 {margin-left: 45px;}
.margin-left-50 {margin-left: 50px;}
.margin-right-1 {margin-right: 1px;}
.margin-right-2 {margin-right: 2px;}
.margin-right-3 {margin-right: 3px;}
.margin-right-4 {margin-right: 4px;}
.margin-right-5 {margin-right: 5px;}
.margin-right-6 {margin-right: 6px;}
.margin-right-7 {margin-right: 7px;}
.margin-right-8 {margin-right: 8px;}
.margin-right-9 {margin-right: 9px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}
.margin-right-20 {margin-right: 20px;}
.margin-right-25 {margin-right: 25px;}
.margin-right-30 {margin-right: 30px;}
.margin-right-35 {margin-right: 35px;}
.margin-right-40 {margin-right: 40px;}
.margin-right-45 {margin-right: 45px;}
.margin-right-50 {margin-right: 50px;}

.padding-top-1 {padding-top: 1px;}
.padding-top-2 {padding-top: 2px;}
.padding-top-3 {padding-top: 3px;}
.padding-top-4 {padding-top: 4px;}
.padding-top-5 {padding-top: 5px;}
.padding-top-6 {padding-top: 6px;}
.padding-top-7 {padding-top: 7px;}
.padding-top-8 {padding-top: 8px;}
.padding-top-9 {padding-top: 9px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-15 {padding-top: 15px;}
.padding-top-20 {padding-top: 20px;}
.padding-top-25 {padding-top: 25px;}
.padding-top-30 {padding-top: 30px;}
.padding-top-35 {padding-top: 35px;}
.padding-top-40 {padding-top: 40px;}
.padding-top-45 {padding-top: 45px;}
.padding-top-50 {padding-top: 50px;}
.padding-bottom-1 {padding-bottom: 1px;}
.padding-bottom-2 {padding-bottom: 2px;}
.padding-bottom-3 {padding-bottom: 3px;}
.padding-bottom-4 {padding-bottom: 4px;}
.padding-bottom-5 {padding-bottom: 5px;}
.padding-bottom-6 {padding-bottom: 6px;}
.padding-bottom-7 {padding-bottom: 7px;}
.padding-bottom-8 {padding-bottom: 8px;}
.padding-bottom-9 {padding-bottom: 9px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-15 {padding-bottom: 15px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-35 {padding-bottom: 25px;}
.padding-bottom-30 {padding-bottom: 30px;}
.padding-bottom-35 {padding-bottom: 35px;}
.padding-bottom-40 {padding-bottom: 40px;}
.padding-bottom-45 {padding-bottom: 45px;}
.padding-bottom-50 {padding-bottom: 50px;}
.padding-left-1 {padding-left: 1px;}
.padding-left-2 {padding-left: 2px;}
.padding-left-3 {padding-left: 3px;}
.padding-left-4 {padding-left: 4px;}
.padding-left-5 {padding-left: 5px;}
.padding-left-6 {padding-left: 6px;}
.padding-left-7 {padding-left: 7px;}
.padding-left-8 {padding-left: 8px;}
.padding-left-9 {padding-left: 9px;}
.padding-left-10 {padding-left: 10px;}
.padding-left-15 {padding-left: 15px;}
.padding-left-20 {padding-left: 20px;}
.padding-left-25 {padding-left: 25px;}
.padding-left-30 {padding-left: 30px;}
.padding-left-35 {padding-left: 35px;}
.padding-left-40 {padding-left: 40px;}
.padding-left-45 {padding-left: 45px;}
.padding-left-50 {padding-left: 50px;}
.padding-right-1 {padding-right: 1px;}
.padding-right-2 {padding-right: 2px;}
.padding-right-3 {padding-right: 3px;}
.padding-right-4 {padding-right: 4px;}
.padding-right-5 {padding-right: 5px;}
.padding-right-6 {padding-right: 6px;}
.padding-right-7 {padding-right: 7px;}
.padding-right-8 {padding-right: 8px;}
.padding-right-9 {padding-right: 9px;}
.padding-right-10 {padding-right: 10px;}
.padding-right-15 {padding-right: 15px;}
.padding-right-20 {padding-right: 20px;}
.padding-right-25 {padding-right: 25px;}
.padding-right-30 {padding-right: 30px;}
.padding-right-35 {padding-right: 35px;}
.padding-right-40 {padding-right: 40px;}
.padding-right-45 {padding-right: 45px;}
.padding-right-50 {padding-right: 50px;}

.clear {
  clear:both
}

.vertical {
  flex-direction: column;
}

body {
  background: #000000 url(../img/space.jpg) center top/cover repeat-y;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  color: #000000;
  line-height:140%;
}


.schedule-yellow{
  background-color: #ffcc33;
}

.schedule-blue{
  background-color: #000066;
  color: #ffffff;
  a:link {color: #ffffff;}
  a:visited {color: #ffffff;}
  a:hover {color: #ffffff;}
  a:active {color: #ffffff;}
}


.font-size-60-120 {
  font-size: 60%;
  line-height:120%;
}

.font-size-60-150 {
  font-size: 60%;
  line-height:150%;
}

.font-size-60-160 {
  font-size: 60%;
  line-height:160%;
}

.font-size-60-170 {
  font-size: 60%;
  line-height:170%;
}

.font-size-60-180 {
  font-size: 60%;
  line-height:180%;
}

.font-size-70-140 {
  font-size: 80%;
  line-height:140%;
}

.font-size-70-160 {
  font-size: 80%;
  line-height:160%;
}

.font-size-80-160 {
  font-size: 80%;
  line-height:160%;
}

.font-size-120-120 {
  font-size: 120%;
  line-height:120%;
}

.font-size-120-140 {
  font-size: 120%;
  line-height:140%;
}

h1 {
  font-size: 80%;
  line-height: 80%;
  color:#000066;
  padding: 0px 0px 6px 0px;
}

h1 a:link {
  text-decoration: none;
}

h1 a:visited {
  text-decoration: none;
  color: #000066;
}

h1 a:hover {
  text-decoration: none;
  color: #000066;
}

h1 a:active {
  text-decoration: none;
  color: #000066;
}

h2 {
  font-size: 120%;
  line-height: 120%;
  font-weight:bold;
  margin: 0px 0px 0px 0px;
}

h3 {
  font-size: 100%;
  line-height: 120%;
  font-weight:bold;
  margin: 0px 0px 15px 0px;
}

#wrapper {
  width: 100%;
}

#top-pc {
  background-color: #FFFFFF;
  margin: 10px auto 0px auto;
  padding: 5px 10px 2px 10px;
  flex-direction: column;
}

#top-sp {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 5px 10px 1px 10px;
  margin: 10px auto 10px auto;
}

#menu-pc {
  background-color: #FFFFFF;
  overflow: hidden;
  margin: 10px auto 0px auto;
  padding: 0px 10px 0px 10px;
  border-bottom:1px solid #000000;
}

#menu-pc a {
  text-decoration: none;
  color: #000000;
}

#menu-sp {
  background-color: #FFFFFF;
  overflow: hidden;
  margin: 5px auto 5px auto;
  padding: 3px 10px 3px 10px;
  border-bottom: 1px solid #000000;
}

#menu-sp a {
  text-decoration: none;
  color: #000000;
}

#language-pc {
  overflow: hidden;
  margin: 5px auto 10px auto;
}

#language-sp {
  overflow: hidden;
  margin: 5px auto 10px auto;
}

#chapter-pc {
  color: #FFFFFF;
  overflow: hidden;
  margin: 5px auto 0px auto;
  width: 100%;
}

#chapter-sp {
  color: #FFFFFF;
  overflow: hidden;
  margin: 15px auto 5px auto;
  padding: 0px 0px 0px 0px;
  width: 100%;
}

#summary-pc {
  overflow: hidden;
  margin: 0px auto 0px auto;
  padding: 0px 10px 0px 10px;
  width: 100%;
  line-height:100%;
}

#summary-sp {
  overflow: hidden;
  margin: 10px auto 10px auto;
  box-sizing: border-box;
  padding: 2px 10px 2px 10px;
  width: 100%;
}

#container-pc {
  background-color: #FFFFFF;
  overflow: hidden;
  margin: 10px auto 0px auto;
  padding: 10px 10px 10px 10px;
}

#container-pc #box1 {
  background: #FFFFFF;
  padding: 0px;
}

#container-pc #box2 {
  background: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px ;
  color: #000000
}

#container-pc-clear {
  overflow: hidden;
  margin: 10px auto 0px auto;
  padding: 10px 10px 10px 10px;
}

#container-sp {
  background-color: #FFFFFF;
  overflow: hidden;
  margin: 10px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#container-sp #box1 {
  background: #FFFFFF;
  padding: 0px;
}

#container-sp #box2 {
  background: #FFFFFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 10px ;
  color: #000000
}

#container-sp-clear {
  overflow: hidden;
  margin: 10px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#bottom {
  overflow: hidden;
  margin: 10px auto 0px auto;
  padding: 0px 0px 10px 0px;
  border-top:0px solid #000000;
}

.inline-flex {
  display :inline-flex;
}

.p10 {
  padding: 10px 10px 10px 10px ;
}

.p10-lr {
  padding: 0px 10px 0px 10px ;
}

.box-rp15 {
  padding: 0px 0px 0px 15px ;
}

.box-rp20 {
  padding: 0px 0px 0px 20px ;
}

.m10-lr {
  margin: 0px 10px 0px 10px ;
}


img {
  max-width: 100%;
  height: auto;
}


.box_video {
  max-width: 640px;
  min-width: 280px;
  margin: 20px auto;
  border: 1px solid #CCC;  
}

.video {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}

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

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}

.video iPhone-video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}