@charset "utf-8";

html, body {
  width:100%;
  min-width:1000px;
  height:auto;
  min-height:100%;
  background:#fff;
  font-family: YakuHanJP, "Hiragino Sans", Meiryo, sans-serif;
  /*font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,sans-serif;*/
}

a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.wrapper {
  width:100%;
  min-height:100%;
}

.content {
  position:relative;
  width:100%;
  padding:0;
  text-align:center;
  background:#c7161e;
  color:#fff;
}

.content .mv {
  position:relative;
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  overflow:hidden;
}

.content .mv img {
  position:relative;
  display:block;
  width:100%;
}

.content .detail {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.content .detail h1 {
  position:absolute;
  top:43%;
  left:32%;
  width:36%;
}
.content .detail h1 img,
.content .detail h2 img {
  width:100%;
}

.content .detail h2.catch01 {
  position:absolute;
  top:2.5%;
  left:2%;
  width:7%;
}

.content .detail h2.catch02 {
  position:absolute;
  top:2.5%;
  right:3%;
  width:12%;
}

.content .detail h2.catch03 {
  position:absolute;
  top:59%;
  left:27%;
  width:7.5%;
}

.content .detail h2.roadshow {
  position:absolute;
  top:49%;
  right:18.5%;
  width:12%;
	z-index:10;
}

.content .detail h2.roadshow a {
	display: block;
}
.content .detail h2.roadshow a:hover {
	transform: scale(1.1);
}


.content .detail h2.shisha {
  position:absolute;
  top:42.5%;
  right:1.5%;
  width:16%;
  transform:rotate(10deg);
}
.content .detail h2.shisha:hover {
  opacity:0.9;
  transform:rotate(6deg);
}

.content .detail h2.digital {
  position:absolute;
  top:51.5%;
  left:9.5%;
  width:16%;
  transform:rotate(-10deg);
}
.content .detail h2.digital:hover {
  opacity:0.9;
  transform:rotate(-6deg);
}

.content .detail h2.fuda_l {
  position:absolute;
  top:20%;
  left:20%;
  width:7.5%;
}

.content .detail h2.fuda_r {
  position:absolute;
  top:24.5%;
  right:11%;
  width:9.5%;
}

.content .detail .tx {
  position:absolute;
  top:59.5%;
  left:0;
  width:100%;
}

.content .detail .cast {
  margin:0 auto;
  font-size:1.3vw;
  letter-spacing:0.1em;
  line-height:1.5em;
}

.content .detail .cast p {
  margin:0 0 0.5em;
  font-size:1.9vw;
}

.content .detail .staff {
  margin:0.7em auto 0;
  font-size:1.3vw;
  letter-spacing:0.1em;
  line-height:1.5em;
}
.content .detail .staff span {
  font-size:.8vw;
}

.pnav {
  background:#a8010b;
}

.menu_set {
  display:block;
  width:96%;
  max-width:960px;
  margin:0 auto;
  padding:40px 0 0;
}

.menu_set a {
  display:inline-block;
  width:13.2%;
  margin:0 0.5% 5%;
  padding:0;
  line-height:2.8em;
  color:#f8f400;
  text-decoration:none;
  font-family: 'Graduate', cursive;
  font-size:16px;
  text-align:center;
  border:2px solid  #f8f400;
  border-radius:4px;
}

.menu_set a:nth-of-type(1) {
  width:27.5%;
}

.menu_set a:hover {
  color:#a8010b;
  background:#f8f400;
}

.menu_set a img {
  display:block;
  width:100%;
}


.bnSet {
  display:block;
  width:96%;
  max-width:640px;
  margin:0 auto;
  padding:40px 0 40px;
}

.bnSet.upper {
  padding:40px 0 0;
  text-align:center;
}

.bnSet a {
  display:inline-block;
  width:48%;
  margin:0 0.5% 15px;
  padding:0;
}

.bnSet a:hover {
  opacity:0.5;
}

.bnSet a img {
  display:block;
  width:100%;
}



.staffs {
  max-width:2000px;
  margin:0 auto;
  padding:2em 3em;
  box-sizing:border-box;
  text-align:center;
  color:#cc121f;
  font-size:.9vw;
  line-height:1.6em;
}
.staffs img {
  display:inline-block;
  height:0.8em;
  margin:0.2em 0 0 0.5em;
  vertical-align:baseline;
}

.staffs > span {
  font-family:Meiryo, sans-serif;
}

.copyright {
  font-size:0.9vw;
  font-weight:300;
  text-align:center;
  color:#cc121f;
}

@media screen and (max-width:1200px) {
	.staffs,
	.copyright {
		font-size:12px;
	}
}

/*@media screen and (max-width:768px) {
  .content .mv {
    position:relative;
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    margin:0;
    padding:10% 0 0;
    overflow:hidden;
  }

  .content .mv img {
    position:relative;
    display:block;
    width:140%;
    margin-left:-20%;
  }
  
  .content .cloud {
    overflow:hidden;
  }
  
  .content .cloud img:nth-of-type(1) {
    left:-5%;
  }
  .content .cloud img:nth-of-type(2) {
    right:-5%;
  }

  .content .detail h1 {
    top:53.5%;
    left:25%;
    width:50%;
  }
  .content .detail h1 img,
  .content .detail h2 img {
    width:100%;
  }

  .content .detail h2.catch01 {
    top:2%;
    right:3%;
    width:18%;
  }

  .content .detail h2.catch02 {
    bottom:5%;
    left:3%;
    width:16%;
  }

  .content .detail h2.roadshow {
    bottom:3%;
    right:5%;
    width:20%;
  }

  .content .detail h2.fuda_l {
    top:36%;
    left:8%;
    width:9%;
  }

  .content .detail h2.fuda_r {
    top:36%;
    right:8%;
    width:12%;
  }

  .content .detail .tx {
    top:74%;
    left:0;
    width:100%;
  }

  .content .detail .cast {
    font-size:2.2vw;
  }

  .content .detail .cast p {
    margin:0 0 0.4em;
    font-size:3.2vw;
  }

  .content .detail .staff {
    font-size:2.2vw;
  }
  .content .detail .staff span {
    font-size:1.5vw;
  }
  
  .content .detail .staff {
    margin:0.7em auto 0;
  }  

  .content .menu_set {
    display:none;
  }
  
  .staffs {
    max-width:100%;
    padding:3em 1.5em;
    font-size:1.32vw;
  }
  .copyright {
    font-size:1.32vw;
  }
}*/






/*-----------------------------------------
** streaming
-----------------------------------------*/

#streaming {
	padding:40px 0 30px;
}
#streaming p.center{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

ul.streaming-logo{
	padding: 0;
	letter-spacing: -.4em;
	text-align: center;
	width: 90%;
	margin: 0 auto 0;
	font-size: 12px;
}
ul.streaming-logo li{
    margin: 0.8% 1% 0 0;
    padding: 0;
    width: 11.5%;
	display:inline-block;
	list-style:none;
	letter-spacing: normal;
}
ul.streaming-logo li a{
	margin:0;
	padding: 5px 0;
	width:100%;
	display:block;
	border:#ddd 1px solid;
	text-align:center;
	background:#fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
ul.streaming-logo img {
	display: block;
	width: 100%;
}
ul.streaming-logo p{
	letter-spacing: normal;
}
ul.streaming-logo p.left{
	text-align: left;
}
ul.streaming-logo p.right{
	text-align: right;
}