@charset "UTF-8";

/* 
http://www.nxworld.net/tips/50-css-heading-styling.html
http://www.colordic.org/picker/
http://blog.notsobad.jp/post/78290209871/bootstrap%E3%81%AB%E6%A8%99%E6%BA%96%E8%A3%85%E5%82%99%E3%81%95%E3%82%8C%E3%81%A6%E3%82%8B%E3%81%AE%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A4%E3%81%84%E5%86%8D%E5%AE%9F%E8%A3%85%E3%81%97%E3%81%8C%E3%81%A1%E3%81%AA%E6%A9%9F%E8%83%BD%E3%81%A8%E3%81%8B%E3%81%BE%E3%81%A8%E3%82%81
*/


@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
 /* bootstrapにある
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

使わない
@import url(./skyblue.min.css);

*/

body {
  font-family: 'Noto Sans Japanese', serif;

}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}

.name{
  color:#FF3366;
}

div#section-main div.padding h1{
  display:none;
  }
  div#section-main div.padding p{
  display:none;
  }
div#section-main div.padding{
  height: 1em;
  }
  div#section-container {
    margin-top:16px ;
  }
h3 {
  position: relative;
  padding: .75em 1em .75em 1em;
}

h3::after {
  position: absolute;  
  top: .5em;
  left: .4em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #FF3366;
  border-radius: 3px;
}

h4.col-md-8.col-sm-6{
  padding-left: 0px;
}

h5 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-radius: 6px;
}



p#copy {
  position: relative;
  text-align: center;
}
p#copy span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
p#copy::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

#admission p,
#staff p,
#food div,
#goods p,
#performer_main div p,
#performer_etc div p,
#attention div p,
#concept div p,
#performer_pa p{
  padding: 0 15px;
}
#kv{
  padding-bottom: 1em;
}
#schedule{
  padding-bottom: 1em;
}

#performer_main img,
#performer_sub img,
#performer_sub img,
#performer_vj img,
#performer_etc img{
  margin: 10px 0;
  border: 1px solid #E3E3E3;
}

.bname{
  font-weight: bold;
  font-size: 120%;
  
}
.performer{
  padding: 0 15px;
  margin: 0 0 2em 0;
}
.admission{
  color: red;
}
span.special{
  padding-right: .5em;
  color: #ff4281;
}

.sc,.sc:visited,.sc:active{
  color: #fff;
  background-color: #f27a10;
  border-radius: 4px;
  margin: 10px 0 0 0.10px;
}
a.sc:hover{
 color: #fff;
 background-color: #ffbb56; 
  margin: 10px 0 0 0.10px;
}

.of,.of:visited,.of:active{
  color: #fff;
  background-color: #0069fc;
  border-radius: 4px;
  margin: 10px 0 0 0.10px;
}
a.of:hover{
 color: #fff;
 background-color: #4f96f9; 
  margin: 10px 0 0 0.10px;
}


.btn.cmp{
  border-radius: 4px;
  margin: .8em 1em;
}
.btn.cmp,.btn.cmp:visited,.btn.cmp:active{
background-color: #ff4281;
color: #FFF;
}

.cmp:hover{
background-color: #ff75a0;
color: #FFF;
}

.rtc,.sadv{
  color: #f20c58;
  font-weight: bold;
}

/*
.attachment{
  white-space:nowrap;
}
*/

/*
#frame {
    width: 100%;
    height: 100%;
    display: block;
}

h1,h2{
  display: none;
}
nav{
  display:none;
}
article,section{
  height: 100%;
}
aside{
 height: 800px; 
}
section{
  position: relative;
}
#wrapper{
  height: 100%;
  width: 100%;
}
#logo,#m_image{
  text-align: center;
  width: 100%;
}

#m_image {
      width: 100%;
    display: block;
    position: relative;
}

#logo{
  position: absolute;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #AF0118;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 55%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
*/