@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  color:#000000;
  background:linear-gradient(#000000, #FFFFFF);
  font-family: "Noto Sans Japanese";
  font-size:1em;
  line-height:1.6rem;
}

a{
  color:#B52A2A;
}

.sidemenubutton{
  display:none;
}

#sidelinkbuttonbox{
  position:fixed;
  left:calc(50% + 512px);
  top:36px;
}

.sidelinkbutton{
  display:block;
  padding:4px 8px;
  background-color:#7B0E10;
  border-radius:16px;
  text-decoration: none;
  text-align: center;
  color:#ffffff;
  margin-top:4px;
}

.sidelinkbutton:hover{
  background-color:#FF8600;
}

#allbox{
  width:1024px;
  margin:auto;
  background-color:#ffffff;
  background-image:url(pic/back.jpg);
  background-attachment: fixed;
}

#headbox{
  width:100%;
}

#headtitle{
  width:100%;
  height:400px;
}

.titlepic{
  width:100%;
  height:100%;
}

.copybox{
  background-color:#8B0F0F;
  color:#ffffff;
  padding:16px;
  margin-bottom:16px;
}

.bigfont{
  font-size:2rem;
  text-align:center;
  font-family: "M PLUS Rounded 1c";
  margin-top:8px;
}

.smallfont{
  font-size:1rem;
  text-align:right;
  padding-right:16px;
}

.newsbox{
  border:1px solid #999999;
  padding:16px;
  background-color:#eeeeee;
  font-size:0.9rem;
  margin:8px auto;
  width:800px;
}

.newscontentbox{
  
}

.castbox{
  display:flex;
  margin-top:32px;
}

.castpicbox{
  width:20%;
  text-align: center;
}

.castpic{
  height:200px;
}

.castprofbox{
  width:80%;
}

.castnamebox{
  font-weight:bold;
  font-size:1.4rem;
  border-bottom:1px solid #ff0000;
  margin-bottom:8px;
}

.castinfobox{
  border-radius:8px;
  background-color:#D9B2B3;
  padding:8px 16px;
  font-size:0.9rem;
  margin-top:16px;
  margin-right:32px;
}

.infobox{
  margin:8px 32px 32px 64px;
}

.infotitlebox{
  display:table;
  font-weight:bold;
  font-size:1.4rem;
  border-bottom:1px solid #ff0000;
  margin-left:32px;
  margin-top:32px;
}

.infosubtitle{
  display:table;
  font-weight:bold;
  font-size:1.2rem;
  border-left:8px solid #ff0000;
  border-bottom:1px solid #ff0000;
  margin-top:16px;
}

.infodetailbox{
  border-radius:8px;
  background-color:#D9B2B3;
  padding:8px 16px;
  font-size:0.9rem;
  margin-top:16px;
  margin-right:32px;
}

.chapterbox{
  border-bottom:1px solid #000000;
  font-size:1rem;
  font-weight:bold;
  margin-bottom:8px;
}

.infosubbox{
  margin:8px 32px 32px 32px;
}

.pricebox{
  border-radius:8px;
  background-color:#D9B2B3;
  padding:8px;
  font-size:0.9rem;
  margin-top:16px;
}

.bottombox{
  background-color:#D9B2B3;
  padding:2px 8px;
  font-size:0.9rem;
  margin-top:8px;
}

.linkbutton{
  display:inline-block;
  text-decoration:none;
  background-color:#D1171A;
  color:#ffdddd;
  text-align:center;
  padding:4px 16px;
  border-radius:16px;
}

.linkbutton:hover{
  background-color:#FD9520;
  color:#ffffff;
}

.explainbox{
  display:flex;
  margin-left:32px;
}

.explaintextbox{
  padding:8px;
}

.explainpicbox{
  
}

.accessbox{
  display:flex;
  margin-left:32px;
}

.accesstextbox{
  padding:8px;
}

.accessmapbox{
  
}

.gmap{
  width:380px;
  height:300px;
}

.explainpic{
  width:80px
}

.line{
  border-top: 1px dashed #8c8b8b;
  margin:16px 0;
}

.bar{
	background-color:#fff;
	border-top: 10px dotted #D9B2B3;
  margin:16px;
}

.short{
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
  width:80%;
  margin:16px auto;
}

.centerbox{
  text-align:center;
}

.creditbox{
  text-align:center;
  padding-top:4px;
}

.boldfont{
  font-weight:bold;
  color:#ff0000;
}

.switch{
  display:block;
  position:fixed;
  right:0;
  top:20px;
  border:2px solid #ffffff;
  color:#ffffff;
  font-weight:bold;
  font-size:0.7rem;
  z-index:50;
}

.scheduletable td{
  padding-right:16px;
}