@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が1023pxまで
===============================================*/
@media screen and (max-width : 1099px ){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size:100%;
}
img {
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
}
a {
	-webkit-tap-highlight-color: transparent;
}
strong {
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
a:link{
	text-decoration:none;
}
.red{
	font-size:85%;
	color:red;
}
.blue{
	color:#1f80bf;
}
.right{
	float:right;
}
.left{
	float:left;
}
a{
	color:#FF9A28;
	text-decoration:underline;
}

/*
-------------------reset-------------------------
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
 
body {
     font-family: 'Noto Sans JP', sans-serif;
     font-size: 100%;
}
body {
	margin:0;
	padding:0;
}
#header{
	width:100%;
	height:110px;
	background-color:#fff;
	padding-top:15px;
	text-align:center;
}
#header-in{
	width:90%;
	margin:0 auto;
}
footer{
	padding-top:50px;
	width:100%;
	border-top:#1f80bf 5px solid;
}
footer .inline-block{
	text-align:center;
}
footer li{
	display:inline-block;
	width:80%;
}
.clear{
	clear:both;
}
footer .copy{
	background-color:#1f80bf;
	text-align:center;
	color:#fff;
	margin-top:50px;
}
/*
-------------top-------------------
*/
#top #topimg{
	width:100%;
	display:table;
	background-image:url(../img/bk.jpg);
}
#top .wrapper_topimg{
	width:100%;
}
#top .left .innner_bk{
	width:80%;
	padding:10px;
	margin:15px auto;
	border:5px solid #C9C9C9;
	border-radius:50px;
	background-color:rgba(255,255,255,0.5)
}
#top .left .innner_bk img{
	width:60%;
	margin:15px 0 15px 30px
}
#top .left .logo{
	width:40%;
	margin:3% auto 1%;
}
#top .right img{
	width:100%;
}
#top .wrapper_topimg ul {
	list-style-type: none;
	padding-left: 0;
}
#top .wrapper_topimg li {
	width:35%;
	margin: 2% 2% 0 2% ;
}
#top .wrapper_topimg .inline-block {
	text-align: center;
	margin-bottom:50px;
}
#top .wrapper_topimg .inline-block li {
	display: inline-block;
}
#top .menu{
  box-sizing: border-box;
  text-align: center;
  line-height: 100px;
  font-size: 30px;
}
#top .box1, .box2, .box3, .box4 {
  float: left;
  width: 25%;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity:1
}
#top .box1:hover, .box2:hover, .box3:hover, .box4:hover{
	opacity:0.5
}

#top .box1 img,
#top .box2 img,
#top .box3 img,
#top .box4 img{
	width:50%;
}
#top .boxA {
  border: none;
  &:after {
    content: "";
    display: block;
    clear: both;
  }
}
.box1{
	background-image:url(../img/menubk01.jpg);
}
.box2{
	background-image:url(../img/menubk02.jpg);
}
.box3{
	background-image:url(../img/menubk03.jpg);
}
.box4{
	background-image:url(../img/menubk04.jpg);
}
h3{
	width:50%;
	margin:50px auto;
	text-align:center;
	padding:15px;
	border-radius:30px;
}
h3 img{
	width:25%;
}
#about {
	background-image:url(../img/menubk01.jpg);
}
#cast {
	background-image:url(../img/menubk02.jpg);
}
#bn {
	background-image:url(../img/menubk03.jpg);
}
#ac {
	background-image:url(../img/menubk04.jpg);
}
.info{
	text-align:center;
	padding:25px;
	background-color:#F4F4F4;
}
.info .title{
	font-size:120%;
	color:#FF9A28;
	margin-bottom:15px;
}
.about .pr{
	width:650px;
	margin:30px auto;
	text-align:center;
	font-size:120%;
}
.about .information{
	background-color:#F4F4F4;
	border-radius:25px;
	width:650px;
	padding:20px;
	margin:40px auto;
}
.about .information table{
	width:650px;
}
.about .information .title{
	font-size:120%;
	color:#FF9A28;
	margin-bottom:15px;
	text-align:center;
}

.cast{
	background-color:#F4F4F4;
	padding:25px;
}
.cast .right{
	width:300px;
}
.cast .right table{
	width:300px;
}
.cast .right .cast_text{
	margin:50px 0;
}
.cast .each{
	width:650px;
	margin:50px auto;
}
.cast2 .title{
	font-size:120%;
	margin:15px auto;
}
.bn{
	padding:25px;
}
.bn .each{
	width:650px;
	margin:50px auto;
}
.bn table{
	width:650px;
	margin:0 auto;
}
.bn th{
	text-align:left;
	width:200px;
	padding:15px 0;
}
.ac{
	background-color:#F4F4F4;
	padding:25px;
}
.ac .each{
	width:650px;
	margin:50px auto;
}

}