p,ul,a,span{
  margin: 0;
  padding:0;
  font-weight: 200;
  font-size:16px;
}
body{
  background-color: #b0dad5;
  margin:0;
  font-family: "Noto Sans Japanese","游ゴシック体" ,"Yu Gothic";
}
.main h1{
  margin:15px;
  position: relative;
/*  padding: .25em 0 .5em .75em;*/
  border-left: 6px solid #3498db;
  font-weight: 300;
}
.main h1::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.alert{
  margin: 20px;
  padding: 15px;
  border: 2px solid #ff666e;
  border-radius: 5px;
  background-color: #ffccce;
}

.alert h2{
  margin-top: 0;
}

.Red{
  color:red;
}
.Big{
  font-weight: 200;
  font-size:26px;
}
.Underbar{
  text-decoration: underline;
}
.Container{
  background-color: #fff;
  margin-top:0;
  width:70%;
  margin-left:15%;
  padding-top:80px;
  z-index: 0;
  box-shadow: 0px 0px 5px black;
}
.MainContentsWrapper{
  float:none;
/*  overflow:auto;*/
  position: relative;
}
#Titleheader{
  height:80px;
  width:70%;
  margin: 0;
  padding: 0 15%;
  position:fixed;
  top:0;
  left:0;
  background-color: white;
  box-shadow:0px 0px 5px black;
  text-align:center;
  opacity:0.95;
  font-family: "Josefin Slab", "Noto Sans Japanese", "Yu Gothic";
  z-index: 1;
}

/*-----add 2018/05/19 start-----*/
#Titleheader a{
  margin: 0;
}
/*-----add 2018/05/19 end-------*/

.Titleimage{
  height: 70px;
  margin-top: 5px;
  float: left;
}
.Titlechar{
  float:left;
  text-align:left;
  margin-top:10px;
  color:#b0dad5;
  font-weight:bold;
  line-height:16px;
  width:100px;
  visibility: visible;
}
.MenuIconWrapper{
  display: none;
}
.Navigation{
  position:absolute;
  right:15%;
  margin-top:20px;
  width:40%;
}
.NavigationContents{
/*   background-color:gray; */
  width:25%;
  float:left;
  font-weight:200;
  transition-property:background;
  transition-duration:0.3s;
  cursor: pointer;
}
.NavigationContents:hover{
  background-color:#b0dad5;
}
.NavigationContents::before{
  width:10%;
  height:30px;
  background-color:#fee393;
  float:left;
  content:"";
}
.NavigationContents.Notofont{
  padding-top:4px;
  height:26px;
  font-size: 14px;
}
.NavigationContents.Notofont::before{
  margin-top:-4px;
}
.NavigationContents.Josefin{
  padding-top:7px;
  height:23px;
  font-weight: 500;
}
.NavigationContents.Josefin::before{
  margin-top:-7px;
}

.TwitterWrapper{
  position: absolute;
  right:10px;
  top:0;
  width:37%;
  border-style:solid;
  border-color:#ccc;
  border-width:0 0 0 1px;
}
.TwitterWrapper::after{
  float:none;
}
.footer{
  padding-top:50px;
  padding-bottom:30px;
  width:100%;
  text-align: center;
}
.main{
  width:62%;
  z-index:-1;
}
.Index_introduction p,a{
  margin-right:20px;
  margin-left:30px;
  margin-top:20px;
  margin-bottom:20px;
}
.main.ToFreshman p,a{
  margin-right:30px;
  margin-left:30px;
  margin-top:20px;
  margin-bottom:20px;
}
.main.Link p,a{
  margin-left:30px;
  margin-right:30px;
  margin-top:20px;
  margin-bottom:20px;
}
.LinkImage{
  margin-left: 40px;
  height:50px;
}
.Link img{
  height:100%;
}
.ConcertWrapper{
  border: 1px solid #ddd;
  box-shadow: 5px 5px 1px #555;
  padding: 5px 15px 5px 15px ;
  margin: 20px 15px 20px 20px;
  background-color: #ededed;
  cursor: pointer;
}
.ConcertWrapper h2{
  padding: 0 ;
  margin: 0;
  font-weight: 300;
}
h3{
  background: linear-gradient(transparent 70%, rgb(255, 169, 169) 60%);
  margin-top:0;
  margin-bottom:0;
  margin-left:10px;
  font-weight:400;
}
.Section1{
  background: linear-gradient(transparent 70%, rgb(194, 255, 194) 60%);
}
.Section2{
  background: linear-gradient(transparent 70%, rgb(255, 255, 255) 60%);
}
.Section3{
  background: linear-gradient(transparent 70%, rgb(255, 169, 169) 60%);
}
.Other{
  margin-left:10px;
}
.Composer{
  margin-left:30px;
}
.Song{
  margin-left:20px;
  font-weight:300;
}
.Undecided{
  margin-left:30px;
}
.Open .ConcertDetail{
  display: block;
}
.Close .ConcertDetail{
  display: none;
}
.SmartphoneMenu{
  display: none;
}
.main.Contact li{
  margin:3px;
}
.main.Contact p{
  margin-left: 20px;
  margin-right: 20px;
}
.main.Contact ul{
  list-style: square;
  margin-left:45px;
}
@media screen and (max-width: 1100px) {
  .Titlechar{
    visibility: hidden;
  }
}

.ClubroomMap {
  width:80%;
  margin-left:10%;
  height:17vw;
  background: url("images/access.png");
  background-size: cover;
}
.PlayingImage{
  width: 100%;
  height: 30vw;
/*  background-color: aqua;*/
  background:url("images/about.png");
  background-size:cover;
}

.OBImage{
  width:100%;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

/*-----add 2018/05/18 start-----*/
.Movies h2{
  margin-left:30px;
  margin-right:30px;
  margin-top:20px;
  margin-bottom:0;
  font-weight: 300;
  font-size:20px;
}

.Movies p{
  margin-left:30px;
  margin-right:30px;
  margin-bottom: 20px;
}

.MovieWrapper{
  position: relative;
  width: 100%;
}

.MovieWrapper:before{
  content: "";
  display: block;
  padding-top: 56.25%;
}

.MovieWrapper iframe{
  position: absolute;
  top: 0;
  left: 8%;
  width: 84%;
  height: 84%;

  margin: 0 auto;
}
/*-----add 2018/05/8 end-------*/

/*-----add 2018/09/24 start----*/
.history p{
  margin-left:30px;
  margin-right:30px;
  margin-bottom: 20px;
}

.history table{
  margin-left: 30px;
  margin-right: 30px;
  border-collapse: collapse;
}

.history th{
  border: solid 1px;
}

.history td{
  border: solid 1px;
}


/*-----add 2018/09/24 end------*/