@charset "utf-8";
/****ブレイクポイントは880pxにする****/

/********************************
introduction
*********************************/

.contents h3{
  font-size: 1.8vw;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 2.0 ;
}

.introduction-text p{
  font-size: 1.3vw;
}

/********************************
contents
*********************************/

.container-img {
  text-align: center;
}

.contents-img{
  width:65%;
  margin-bottom: 10px;
  margin: auto;
}


.contents-text{
  width:65%;
  font-size: 1.3vw;
  margin: auto;
}

.campaign{
  text-align: center;
}

.campaign img{
  width:80%;
}

.contents-text a{
  width: 80%;
  text-decoration: underline;
  font-weight: bold;
}


/********************************
出演日カレンダー=shift
*********************************/

details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: .5em .5em 0;
  width:90%;
  margin: 50px auto;
}

summary {
  font-size: 1.3vw;
  font-weight: bold;
  margin: -.5em -.5em 0;
  padding: .5em;
  cursor: pointer;
}

details[open] {
  padding: .5em;
}

details[open] img{
  border-radius: 0px;
  width: 100%;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: .5em;
}

.title{
  text-align: center;
}


.br-sp{
  display:none;
}
/*********************************************
PC用CSSここまで、以下はスマホ用CSS
*********************************************/

/*スマホ・タブレット用*/
@media screen and (max-width: 880px) {
	/* 880px以下に適用されるCSS（スマホ用） */

.br_pc{
  display:none;
}

.br-sp{
  display:block;
}

/***************************
スマホ用トップ=top
***************************/
/*
.top-text{
  display:none;
}

.text-about{
  width:80%;
  display: inline;
  text-align: left;
}

.text-about p{
  width:80%;
  margin-top: 10px;
}

.br_sp{
  display: block;
}

.news h3{
  font-size: 2vw;
  margin-bottom: 50px;
}

.container-about{
  display: block ;
}

.container-about img{
  width:70%;
}

.contents-delivery h2{
  margin-top: 80px;
}

*/
.introduction{
  font-size: 5vw;
  width:80%;
  text-align: center;
}

.introduction-text{
  display: inline-block;
  width:95%;
  text-align: center;
}

.introduction-text p{
  font-size: 3vw;
  margin: auto;
  text-align: center;
}

.contents{
  text-align: center;
}

.contents h3{
  font-size: 3.8vw;
}

.contents-text{
  font-size: 3vw;
  margin-left: 2%;
  text-align: left;
  margin: auto;
}



summary {
font-size: 3.5vw;
}

}/*スマホ用*/