/* common contents -------------------------------------------------------*/
@media screen and (max-width:786px){
  /*-- common --*/
.clear{
  clear: both;
}
.spNone{
  display: none;
}
section,header,footer{
  width:100%;
  font-size: 0.9em;
}
.address,.sysWrap,.castWrap{
}
.spInner{
  width:96%;
  margin:0 2%;
}
h1.rogo{
  text-align: center;
  margin-top:10px;
}
.navWrap{
  height: 70px;
  top:0;
}
.menu{
  overflow-y: scroll;
}
.navbar_brand{
 color:#5c6b80!important;
}
/*----- btn common-----*/
.linkBtn01{
  text-align: center;
  width:65% !important;
  margin-left: auto;
}
.linkBtn01>a{
  padding:10px 15px;
  display: block;
  border:solid 1px #444;
}
.linkBtn01 a:hover{
  background:rgba(255, 255, 255, 1);
  transition: .3s ease;
}
/*----- btn -----*/
.list{
  border:double #ccc;
  margin-top:40px;
  text-align: center;
  width:90%;
  margin:0 auto;
}
.list>a{
  padding:10px 20px;
  display: block;
}
.list>a:hover{
  transition: .3s ease;
  background:rgba(255, 255, 255, 0.5);

}
/*-- footer --*/
footer{
  padding-bottom:0!important;
}
.footerRogo{
  text-align: center;
}
.footerText{
  text-align: center;
  width:95%;
  margin:0 auto;
}
.fa-phone{
  color:#000;
  padding-left: 10px;
}
.tel{
  position: fixed;
  bottom:30px;
  left:20px;
  color:#0291cc;
  font-size:10px;
  text-align: center;
}
.tel>a{
  margin-top:-30px;
  display: block;
}
.tel>a:hover{
  color:#1b1e24;
  transition: 0.5s;
}
.footerRight>h2{
  background:#341d1d;
  color:#fff;
  padding:10px;
  text-align: center;
  margin-top:30px;
  margin-bottom:20px;
}
.spSns{
  justify-content: flex-start;
  display: flex;
  width:100%;
}
.spSns>dl{
  width:50%;
  text-align: center;
}
.fAddress{
  justify-content: flex-start;
  display: flex;
  align-items: center;
  margin:30px auto 0 auto;
  width:100%;
  color:#fff;
  background:#333333;
  border-bottom: solid 1px #222;
}
.fAddress h4{
  padding-left:20px;
  padding:10px 20px;
  margin-right:30px;
}
.fAddress>p{
  margin:0 auto;
  padding:10px;
}
.footerBottom{
  border-top:solid 1px #666;
}
/*-- index --*/
.basicTexgt{
font-size:14px;
padding:10px;
text-align:center;
margin:0 auto;
}
.address{
  text-align: center;
  background:#000;
}
.addressInner{
  width:100%;
  background: url(../images/index/topImageBG.jpg) no-repeat;
  background-size: cover;
  padding-bottom:20px;
}
.addressInner>p{
  text-align: center;
  margin-bottom:30px;
}
.addressInner>p>img{
  width:45%;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 1));
  padding-top:45px;
}
.slideShow{
  background: #000;
}
.card>dt{
  color:#fff;
  padding-top:10px;
}
.card>dt img{
  width:30%;
}
.address01,.address02{
  color:#fff;
  font-size: 16px;
  width:100%;
}
.address01{
  padding-bottom:10px!important;
}
.address02{
  display: none;
}
#topSec01{
  text-align: center;
  background-size: cover!important;
  padding-bottom:30px;
}
#topSec01>.list>a:hover{
  color:#444;
  background: #fff;
}
.secHtext{
  font-size:4em!important;
  padding:80px 0 50px;
}
.menuHtext{
  font-size:20px;
  padding:20px;
}
.secHsubText{
  padding:20px 0 50px;
  text-align: left;
  width:80%;
  margin:0 10%;
}
#topSec02{
  padding-bottom:30px;
  background-size: cover!important;
}
.sec02box>dl{
  margin:30px 0;
}
.sec02box dl>dt{
  width:96%;
  padding:5px;
  background:#fff;
  margin:0 auto;
}
.sec02box dl>dt img{
  width:100%;
  height: 60%;
}
.sec02box dl>dd{
  width:100%;
  vertical-align: top;
  line-height: 1.4em;
  padding-top:20px;
}
#topSec03{
  background:none !important;

}
#topSec05{
  background: url(../images/index/sec005-s.png) no-repeat top !important;
  background-size:  !important;
}
/*---system---*/
.sysWrap{
  background:url(../images/system/syHeader.jpg) no-repeat;
  width:100%;
  background-size:cover;
  padding:50px 0;
  color:#fff;
}
.sysHead>h2,#sySec02>h1{
  font-size:1.8em;
  padding-bottom:20px;
  text-align: center;
}
.firstTable>table,.secondTable>table{
  text-align: center;
}
.firstTable table >caption,.secondTable table >caption{
  font-size:1.8em;
  padding:30px 0;
}
.firstTable table >caption::before,.secondTable table >caption::before,#sySec02>h1::before{
  content: "---";
  padding-right:10px;
}
.firstTable table >caption::after,.secondTable table >caption::after,#sySec02>h1::after{
  content: "---";
  padding-left:10px;
}
.textCenter{
  text-align: center;
  padding:20px 0 30px;
  font-weight: bold;
}
#sySec02{
  margin-bottom:80px;
}
#sySec02>table{
  text-align: center;
}
/*---cast---*/
.castWrap{
  background:url(../images/cast/castHeader01.jpg) no-repeat;
  width:100%;
  background-size:cover;
  padding:50px 0;
  color:#333;
}
.castHead>h2,#sySec02>h1{
  font-size:1.8em;
  padding-bottom:20px;
  text-align: center;
}
.castHead>h2,.castHead>h3{
  color:#fff;
  text-shadow: #000 2px 2px 5px;
  text-align: center;
}
.cast01>h1{
  padding:20px 0 20px 20px ;
  font-size:1.3em;
}
.cast01 h1>span.castName{
  font-size:1.5em;
  padding-left:10px;
}
.mainphoto img{
  width:100%;
}
.thubphoto{
  display: flex;
  justify-content: space-between;
}
ul.photoerea{
  display: flex;
  justify-content: center;
  padding:10px 0;
  margin-bottom:30px;
}
ul.photoerea >li img{
  width:98%;
}
#castSec01{
  margin-bottom: 80px;
  margin-top:80px;
}
.CastSkill,.castFavorite,.castFavoriteMen{
  margin-bottom:20px;
}
.CastSkill>span,.castFavorite>span,.castFavoriteMen>span{
  font-weight: bold;
}
.return{
  border:double #333;
  padding:10px 20px;
  width:60%;
  text-align: center;
  margin:70px auto;
}
/*---castlist---*/
.cListSecBox{
  padding:30px 0;
}
.cListSec_list{
  padding:20px;
}
.cListSecBox:nth-child(odd){
  width:100%;
}
.cListSecBox:nth-child(even){
  background:rgba(239,239,239,0.5);
}
.cListSecBox:last-child{
  border-bottom: none!important;
}
.cListSec_image>h2>a>img{
  width: 100%;
  height: 100%;
  margin-bottom:20px;
}
.cListSec_return{
  bottom:20px;
  background:#ccc;
  color:#fff;
}
.cListSec_comment{
  padding:0 10px;
  font-size:12px;
}
.cListSec_comment>h3{
  font-size:1.2em;
}
.cListSec_comment>h3 span{
  padding:0 10px;
}
.cListSec_comment01{
  padding:10px 0 20px;
  line-height: 1.7em;
}
.castLink{
  border:double #999;
  padding:5px;
  width:60%;
  margin:30px 10px 0 auto;
  text-align: center;
}
.castLink a:hover{
  transition: 0.5s;
}
/*---access---*/
#access .ggmap{
  margin:35px 0 50px;

}

}