@charset "UTF-8";

/* -----------------------------------------------------------------
   2022 LP
   ----------------------------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.shadow{
   position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;

}
.shadow{
   opacity:1.0;
   filter:alpha(opacity=100);
   -ms-filter: "alpha( opacity=100 )";
   padding-left: 2px;
   padding-top: 2px;
}
.shadow {
   z-index: 9;
   box-shadow: 4px 4px 4px 0 rgb(153, 153, 153,.5);
}


html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height:100%;
  font-size: 1.0vw;//14px;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.0vw;
  }
}
@media (min-width: 1200px){
  html {
    font-size: 0.8vw;
  }
}

body {
  margin: 0;
  padding: 0;
  color: #102749;
  background-color: #fff;

  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;

  font-family: "Hiragino Mincho Pro", "Yu Mincho", "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}

main{
   position: relative;
   padding: 0;
}
a {
  text-decoration: none;
}
a:hover {
  color:#102749;
}

.none {
  display: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.imgWrap {
  position:relative;
  overflow: hidden;
  display: block;
  width:100%;
}

.inner{
   width:100%;
  max-width: 1200px !important;
  margin:auto;
}
.box{
   width:100%;
  max-width: 780px !important;
  margin:auto;
}

h1 {
   font-size: 3.0rem;
   font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
   text-align: left;
   overflow-wrap: break-word;
   text-align:center;
}

h2{
   font-size: 1.8rem;
   line-height: 7.0rem;
}
h2 a{
   color: #00A7E5;
   border-bottom: dotted; 1px #00A7E5;
}
h3{
   font-size: 2.2rem;
   line-height: 3.0rem;
}
h4 {
   font-size: 2.6rem;
   line-height: 4rem;
   color:#fff;
}

#head,#head2{
   position: relative;
   background-image: url(./images/back.jpg?3);
   background-repeat: repeat;
   background-size: 600px;
   background-attachment: fixed;
}

#head2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom:50%;
    left: 0;
    background: linear-gradient(0deg, #ffffff 50%, transparent);
}

#head .logo {
   max-width:30rem;
   width:100%;
}
#head .onoff {
   max-width:60rem;
   width:100%;
}

#section2{
   background-color: #fff;
   text-align: center;
}
#section2 {
   font-size: 2.2rem;
   line-height: 4.0rem;
   letter-spacing: 0.1rem;
}
.border {
   padding: 2rem;
  border: 2px dotted; #dd0000;
  border-radius: 1.0rem;
  color:#dd0000;
}
.border a.bord {
   color:#00A7E5;
   border-bottom: dotted; 1px #00A7E5;
}

.live {
  max-width: 1000px;
  margin:auto;
}

#section7 span,#zoom span{
   font-size: 1.6rem;
   line-height: 3.0rem;
   letter-spacing: 0.1rem;
   text-align: left;
}

.section-content{
   background: #fff;
}


/* 右斜めBORDER */
.bg_skew_border{
   position: relative;
   background-image: url(./images/back2.jpg?3);
   background-repeat: repeat;
   background-size: 600px;
   background-attachment: fixed;
   padding: 0 5%;
}

.bg_skew_border.mov{
   padding: 3% 5%;
}

.prog{
   position: relative; 
}
.prog li{
   position: relative;
   color: #102749;
   border-bottom: solid 6px #102749;
   
   margin-bottom: 3rem;
   margin-left: 5rem;
}
.prog dt{
   width: 100%;
   font-size: 2.2rem;
   line-height: 4.0rem;
   font-weight: bold;
}
.prog dt small {
   font-size: 1.8rem;
   font-weight: normal;
   padding-left:1.5rem;
}

.prog dd{
   width: 100%;
   font-size: 1.4rem;
   line-height:4.0rem;
   border-top: solid 1px #102749;
}
.prog dd.non{
   width: 100%;
   font-size: 1.8rem;
   line-height:4.0rem;
   border-top: 0;
}

.prog li:before{
  content: '●';
  position: absolute;
  font-size: 3.5rem;
  line-height: 4.0rem;
  color: #ddd;
  border-radius: 50%;
  left: -5.6rem;
}

.prog:not(.center)::before{
  content: '';
  position: absolute;
  height: 86%;
  border: 0;
  top: 0.9rem;
  left: 0.9rem;
  border-left: 8px dotted #ddd;
}


.guest {
   position: relative;
   width:100%;
   color:#fff;
   display: block;
   line-height: 2.0rem;
}

.guest dt {
   width:25%;
   text-align:left;
   float:left;
}
.guest dd {
   width:70%;
   text-align:left;
   font-size:1.4rem;
   float:left;
   padding:2.5%;
}


.news-box {
   position: relative;
   width:580px;
   max-width:100%;
   font-size: 1.0rem;
   line-height: 1.6rem;
}
.news-box .home-copy{
  position: absolute;
  pointer-events: none;
  z-index:99;
  margin:auto;
  left:0;right:0;
  top:0;bottom:0;
}
.news-box .home-copy{
  width:25%;
}
.news-box a:hover{
   opacity: 0.8;
}


#googlemap{
  width: 100%;
  height: 400px;
  border:0;
  margin:0 auto;
}
#map_canvas1,#map_canvas2{width:100%;height:600px}
#map_canvas1{margin-bottom:10px}


#footer .container{padding-left:30px;padding-right:30px;padding-top:70px;padding-bottom:70px}
.footer-part-03 {background-color:#151A59}
.footer-part-03 .footer-logo{width:100%;text-align:center}
.footer-part-03 .footer-logo a:hover{opacity:1}
.footer-part-03 .copyright{color: #fff;text-align:center;padding-top:11px;font-size: 1rem;}
.footer-part-03 .footer-nav-sitemap a:hover{opacity:0.8}



.open{
   display: block !important;
}

.topline{
   width: 100%;
   height: 40px;
   position: fixed;
   background:#fff;
   z-index: 9993;
}

.topline .logo{
   height: 24px;
   margin: 8px 10px;
}

#Menu {
   display: none;
}
#head .inner{
   padding-top: 30px;
} 


a.submit{
    color: #fff;
    margin:10px auto;
    margin-top:3vw;
}
.submit {
    display: block;
    width: 400px;
    max-width:100%;
    height: 70px;
    text-align: center;
    text-decoration: none;
    padding-top:10px;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
    font-weight:bold;
    outline: none;
}
.submit,
.submit::before,
.submit::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.submit {
    border:1px solid #333;
    background-color: #FFC17A;
    background-image: -webkit-linear-gradient(top, #FFC17A, #F0962F);
    background-image: linear-gradient(to bottom, #FFC17A, #F0962F);
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    -webkit-transition: none;
    transition: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.submit:hover {
    border: 1px solid #888;
    background-color: #ffdeb8;
    background-image: -webkit-linear-gradient(top, #FFD6A6, #FFA741);
    background-image: linear-gradient(to bottom, #FFD6A6, #FFA741);
    text-decoration: none;
}
.submit:active {
    background: #ffb560;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
    color: #E9810C;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.submit.no {
    background-color: #61caff;
    background-image: -webkit-linear-gradient(top, #61caff, #30b0f0);
    background-image: linear-gradient(to bottom, #61caff, #30b0f0);
}
.submit.no:hover {
    background-color: #b8e7ff;
    background-image: -webkit-linear-gradient(top, #a6e1ff, #40bfff);
    background-image: linear-gradient(to bottom, #a6e1ff, #40bfff);
}
.submit.no:active {
    background: #61caff;
    color: #0c9fe8;
}


/*============================
responsib
============================*/

@media screen and (max-width:768px){

   h1 {
      font-size: 4.0rem;
      line-height: 6rem;
      padding-bottom:2vw;
   }
   h2{
      font-size: 2.4rem;
   }
   h3{
      font-size: 3.2rem;
   }
   h4 {
      font-size: 2.3rem;
      line-height: 4rem;
   }

   #head {
      padding-top:60px !important;
   }
   #head .logo {
      max-width:40rem;
   }
   #head .onoff {
      width:90%;
   }

   .live {
     max-width: 1000px;
     margin:auto;
   }

   .prog li{
      border-bottom: solid 4px #102749;
      
      margin-bottom: 5rem;
      margin-left: 5rem;
   }
   .prog dt{
      font-size: 2.6rem;
   }
   .prog dt small {
      font-size: 2.2rem;
   }

   .prog dd{
      font-size: 1.9rem;
      line-height:3.2rem;
      padding: 3vw 0;
   }
   .prog dd.non{
      font-size: 1.8rem;
      line-height:2.4rem;
   }

   .prog li:before{
     left: -5.2rem;
   }


   .guest dt {
      width:100%;
   }
   .guest dd {
      width:95%;
      font-size:2.0rem;
      line-height:3.4rem;
      text-align:justify;
   }

   #zoom .box {
      width:90%;
   }

   #zoom span{
      font-size: 2.5rem;
      line-height: 4.0rem;
      letter-spacing: 0rem;
      text-align:justify;
   }

   .footer-part-03 .footer-logo{width:100%;text-align:center}
   .footer-part-03 .copyright{color: #fff;text-align:center;padding-top:21px;font-size: 2rem;}

}