body {
background-color:#000;
border: 0;
color: #000;
font-family:Arial,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" ,Verdana,  Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;	
font-size:16px;
line-height:160%;
margin: 0 auto;
padding: 0;
z-index: 0;
text-align:center;
}
a:link,a:visited,a:hover,a:active{color: #fff;margin: 0;padding: 0;border: 0;}
a:hover{text-decoration:none;}
hr{display:none;}

.onlyPC {}
.onlySP {display: none !important;}
.pc_none{display: none;}
.sp_none{display: block;}

/* プレゼント */
.present {
width: 100%;
background: linear-gradient(#BF282D, #6C2022);
padding: 15px;
margin: 30px auto;
}
.pre_wrapper {
background-color: #fff;
display: flex;
justify-content: space-between;
padding: 20px;
}
.pre_img {
width: 38%;
}
.pre_img img {
width: 100%;
}
.pre_date {
margin: 15px 0 0 0;
}
.pre_date span {
color: #BF282D;
font-weight: bold;
}
.pre_text {
width: 60%;
line-height: 1.9;
}
.pre_title {
font-weight: bold;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 10px; 
}
.pre_detail a {
color: #000;
text-decoration: underline;
}
.pre_detail a:hover {
opacity: 0.7;
}
.pre_btn {
display: block;
width: 40%;
margin: 46px 0 0 auto !important;
background-color: #BF282D;
font-weight: bold;
padding: 10px !important;
text-align: center;
text-decoration: none;
border-radius: 15px;
}
.pre_btn:hover {
opacity: 0.7;
}

/* パンくずリスト */
#pan_box {
background: #2a2a2a;
color: #fff;
font-size: 0.8em;
padding: 3px 0 3px 10px;
margin: 0px 0 0 0 !important;
}
#pan_box .in {
text-align: left;
margin: 0 auto;
width: 900px;
}
#pan_box a {
color: #fff;
text-decoration: none;
}
#pan_box a:hover {
text-decoration: underline;
}

/*pc-sp*/
.wrapper{background-color:#000;}
.ftRed{color:#ed1c22;}
.ftBlue{color:#006cb4;}
.mx_copyright{
text-align: center;
}
.pc_ad_head{
margin-bottom: 10px;
}
.all{
margin:0 auto;
padding:0;
text-align:left;
width:900px;
}
.menu{
display:block;
margin:0 0 4px;
z-index:1000;
}
.menu ul{
display:block;
clear:both;
overflow:auto;
margin:0;padding:0;
}
.menu ul li{
display:block;
float:left;
height:55px;
width:225px;
}
.menu ul li a{
background-repeat:no-repeat;
background-position:top left;
display:block;
width:225px;
height:55px;
text-align:left;
text-indent:-9999px;
}
.menu ul li a:hover{
opacity: 0.85;filter: alpha(opacity=85);-moz-opacity: 0.85;
}
.menu ul li a.menu01{background-image:url(../img/menu01.jpg);}
.menu ul li a.menu02{background-image:url(../img/menu02.jpg);}
.menu ul li a.menu03{background-image:url(../img/menu03.jpg);}
.menu ul li a.menu04{background-image:url(../img/menu04.jpg);}
.contents{}
.thema{
color: #fff;
background-color:#561918;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #360606), color-stop(0.00, #972f2c));
background: -webkit-linear-gradient(#972f2c, #360606);
background: -moz-linear-gradient(#972f2c, #360606);
background: -o-linear-gradient(#972f2c, #360606);
background: -ms-linear-gradient(#972f2c, #360606);
background: linear-gradient(#972f2c, #360606);
border:1px solid #712321;
font-size:128%;
padding:12px;
margin: 20px;
line-height:128%;
text-shadow: -4px -4px 4px rgba(0, 0, 0, 0.8),-4px 4px 4px rgba(0, 0, 0, 0.8),4px -4px 4px rgba(0, 0, 0, 0.8),4px 4px 4px rgba(0, 0, 0, 0.8);
text-align: center;
}
.thema b{
font-weight:normal;
}
.bar{
background-repeat:no-repeat;
background-position:top left;
text-indent:-9999px;
height:56px;
}
.bar01{background-image:url(../img/bar01.jpg);}
.bar02{background-image:url(../img/bar02.jpg);}
.bar03{background-image:url(../img/bar03.jpg);}
.bar04{background-image:url(../img/bar04.jpg);}
.catch{
color: #fff;
margin:0 0 10px;
padding:10px;
line-height:160%;
text-shadow: -3px -3px 3px rgba(0, 0, 0, 0.8),-3px 3px 3px rgba(0, 0, 0, 0.8),3px -3px 3px rgba(0, 0, 0, 0.8),3px 3px 3px rgba(0, 0, 0, 0.8);
overflow:auto;
}
.catch p{
display:block;
}
.catch .text{
margin:0 0 0.7em;
}
.catch .name{
text-align:right;
}

/*映画リスト*/
.listArea{
background-color:#f7f7f7;
margin:0;
}
.listAreaIn{
padding:0 20px 20px;
}
.mvList{
background-color:#fff;
border:1px solid #e7e7e7;
display:block;
position:relative;
margin:20px 0 0;
text-align:left;
}
.mvList .screneNum{
display:block;
float:left;
height:126px;
text-indent:-9999px;
width:85px;
}
.the091{background-image:url(../img/screne091_pc.jpg);}
.the092{background-image:url(../img/screne092_pc.jpg);}
.the091092{background-image:url(../img/screne091092_pc.jpg);}

.mvList .title{
background-color:#252525;
display:block;
padding:10px;
z-index:100;
}
.mvList .title .name{
color:#fff2bf;
margin:0 0 2px;
padding:0;
display:block;
font-size:112%;
line-height:128%;
text-overflow: ellipsis;-o-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
}
.name {
float: left;
}
.mvList .title .thema2{
background-color: #5b5b5b;
border-radius: 2px;
color:#fff;
font-size:80%;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 8px;
line-height:80%;
font-weight: normal;
text-align: center;
box-shadow:0px 0px 3px rgba(0,0,0,0.4) inset;-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.4) inset;-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.4) inset;
}
.mvList .title .name a{
color:#fff2bf;
text-decoration:none;
}
.mvList .title .name a:hover{
text-decoration:underline;
}
.mvList .creat{
font-size:76%;
line-height:128%;
margin:0 0 8px;
color:#5f5f5f;
display:block;
}
.mvList .mvImg{
float:left;
}
.mvList .mvImg img{
max-width:193px;
max-height:126px;
}
.mvListImg{
width:278px;
height:126px;
float:left;
}
.mvListIn{}
.mvListInBox{
padding:10px;
}
.mvListInfo{
margin:0 0 0 10px;
float:left;
width:249px;
}
.mvList .link a{
background-image:url(../img/btn_more_movie.jpg);
width:125px;
height:31px;
display:block;
text-indent:-9999px;
overflow:hidden;
position:absolute;
bottom:12px;
right:12px;
z-index:200;
}
.mvList .link_none{
background-image:url(../img/btn_more_movie.jpg);
display:block;
height:31px;
overflow:hidden;
position:absolute;
text-indent:-9999px;
bottom:12px;
right:12px;
width:125px;
z-index:200;
}
.mvList .link a:hover{
opacity: 0.85;filter: alpha(opacity=85);-moz-opacity: 0.85;
}
.mvList .time{
color:#EDEDED;
line-height:128%;
}
.time {
clear: both;
}
.mvList .copy{
color:#959595;
font-size:68%;
line-height:112%;
word-break: break-all;
}
/*劇場案内*/
.gekizyoArea{
margin:0 0 10px;
}
.gekizyoArea .box{
background-color:#fffce1;
font-size:90%;
line-height:148%;
padding:16px;
}
.gekizyoArea .box p{}
.gekizyoArea .box p b{}
/*視聴方法*/
.shichoArea{
font-size:90%;
line-height:148%;
margin:0 0 10px;
}
.shichoArea .box{
background-color:#fffce1;
padding:16px;
}
.shichoText{}
.shichoTextChu{}
.shicho_more{
margin: 8px 0 0;
float:right;
}
.shichoArea .box a{
width:107px;
height:31px;
display:block;
background-image:url(../img/btn_more_houhou.jpg);
text-indent:-9999px;
overflow:hidden;
}
.shichoArea .box a:hover{
opacity: 0.85;filter: alpha(opacity=85);-moz-opacity: 0.85;
}

/*過去の放送*/
.arcArea{
display:block;
float:right;
}
.arcArea a{
background-image:url(../img/btn_arc.jpg);
display:block;
height:70px;
text-indent:-9999px;
overflow:hidden;
text-align:left;
width:250px;
}
.arcArea a:hover{
opacity: 0.85;filter: alpha(opacity=85);-moz-opacity: 0.85;
}
.ttlYear{
color: #44130F;
font-weight: bold;
display: block;
width:100%;
padding: 2px 4px;
margin: 5px 0;
border-bottom: #af9e97 2px solid;
}
.contentsIn{
background-color:#eee6dd;
margin:0 0 20px;
text-align:left;
float:left;
width:640px;
}
.contentsIn .box{
color: #fff;
margin:0;
padding: 20px;
min-height:810px;
}
.movie_img img{
width: 100%;
}
.contentsIn .boxIn{
color:#444;
}
.movieHeader{
background-color:#252525;
}
/*映画詳細情報*/
.movie .boxIn{
padding:10px;
}
.movie .movieHeader .screne{
height:126px;
float:left;
display:block;
text-indent:-9999px;
width:85px;
}
.movie .movieHeader .title{
display:block;
float:left;
position:relative;
padding-left:16px;
padding-top: 16px;
width:483px;
}
.movie .movieHeader .name{
color:#fff2bf;
font-size:160%;
display:block;
margin:0 0 10px;
}
.movie .movieHeader .sub{
color:#eee6dd;
font-size:87%;
line-height:112%;
font-weight:normal;
}
.movie .movieHeader .oa{
font-size:124%;
line-height:128%;
font-weight:normal;
margin:0 0 10px;
}
.oa{
clear: both;
}

.movie .movieImg{
margin:0 0 40px;
}
.movie .movieImg ul li{
width:25%;
float:left;
}
.movie .movieImg ul li span{
padding:2px;
display:block;
}
.movie .movieImg ul li span img{
display:block;
width:100%;
}
.movie .movieInfo{}
.movie .movieInfo .list{
margin:0 0 40px;
padding:0;
display:block;
}
.movie .movieInfo .title{
border-left: 4px solid #5d1918;
color:#5d1918;
display:block;
font-size:160%;
line-height:105%;
margin:0 0 20px;
padding:4px 4px 4px 10px;
}
.movie .thema2{
color:#fff;
font-size:80%;
display:block;
margin:5px 0 10px;
}

/*過去の作品*/
.arc .boxIn{
padding:0;
display: flex;
flex-wrap: wrap;
}
.arc .movieHeader{
padding:16px;
}
.arc .movieHeader .title{
font-size:128%;
line-height:128%;
margin: 0 0 2px;
}
.arc .movieHeader .arc_title{
font-weight:normal;
line-height:128%;
}
.arc #arcList{
clear: both;
overflow: hidden;
}
.arc .arcList{
background-color: #cdc3bf;
clear: both;
margin: 0 0 16px;
padding: 4px;
}
.arc .arcList .arc_midashi{
color: #252525;
font-size: 0.9em;
font-weight: bold;
padding: 4px;
}
.arc .arcList ul{}
.arc .arcList ul li{
display: block;
float:left;
/*width: 50%;*/
}
.arc .arcList ul li p{
padding: 3px;
}
.arc .arcList ul li p a {
background-color: #b98c21;
border-radius: 6px;
display: block;
font-size: 0.8em;
padding: 4px 8px;
text-decoration: none;
}
.arc .boxIn .list{
margin:0 0 10px;
width:33.333333333%;
}
.arc .boxIn .list dt{
overflow:hidden;
padding:5px 5px 3px;
}
.arc .boxIn .list dt a img{
width:100%;
display:block;
}
.arc .boxIn .list a{
text-decoration:none;
color:#444;
}
.arc .boxIn .list dd{
padding:0 5px 5px;
}
.arc .boxIn .list dd .title{
font-weight:bold;
overflow:hidden;
white-space: nowrap;
line-height:128%;
margin: 0 0 3px;
text-overflow: ellipsis;-o-text-overflow: ellipsis;
}
.arc .boxIn .list dd .date{
font-size:81%;
line-height:112%;
}
.btn_top_back a{
background-image:url(../img/btn_back_top.jpg);
display:block;
margin: 0 auto;
padding: 0;
height:34px;
text-indent:-9999px;
overflow:hidden;
width:129px;
}

/* 202204追記 */
.top_b_btn{
margin-top: 10px !important;
display:inline-block;
text-align:center;
width:250px;
}
.top_b_btn:hover {
opacity: 0.8;
}
.top_b_btn img {
width: 100%;
}

.topAreaBox{
background-image:url(../img/main.jpg);
background-repeat:no-repeat;
background-position:top center;
min-height:515px;
margin-bottom: 20px;
text-align:left;
padding: 4px 0 0;
width:100%;
}
.topAreaBoxY{
background-image:url(../img/main_yasumi.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:#cab9a1;
min-height:515px;
text-align:left;
margin: 0 0 20px;
padding: 30px 0 20px;
width:100%;
}
.topLogo{
width:252px;
margin: 0 auto 26px;
}
.topMovieImage{
margin: 0 auto;
width:549px;
height:330px;
text-align: center;
}
.topMovieImage img{
max-width:100%;
height:100%;
}
.topMovieInfo{
width:549px;
margin: 0 auto;
}
.topMovieScreneNum{
background-repeat:no-repeat;
background-position:top left;
display:block;
float:left;
overflow:hidden;
text-indent:-9999px;
width:105px;
height:98px;
}
.topMovieScreneNum_the091{background-image:url(../img/mx1_top.jpg);}
.topMovieScreneNum_the092{background-image:url(../img/mx2_top.jpg);}
.topMovieScreneNum_the091092{background-image: url(../img/screne091092_top.jpg);}
.topMovieSubInfo{
width:412px;
padding:10px 16px;
float:left;
}
.topMovienTitle{
color: #fff2bf;
font-size:128%;
line-height:128%;
margin: 0 0 4px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;text-overflow: ellipsis;
}
.topMovienTitle a{
color:#fff2bf;
text-decoration:none;
}
.movie .thema2,
.topMovienThema2{
background-color: #5B5B5B;
border-radius: 2px;
color:#fff;
display: inline-block;
font-size:80%;
line-height:128%;
padding: 5px 10px;
margin: 0 0 8px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;text-overflow: ellipsis;
box-shadow:0px 0px 3px rgba(0,0,0,0.4) inset;-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.4) inset;-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.4) inset;
}
.topMovienDate{
color: #fff;
clear: both;
font-size:108%;
line-height:128%;
}
.main_contents{
background-image:url(../img/bg.jpg);
background-repeat:repeat;
padding:20px;
float:left;
width:600px;
}
.sub_contents{
float:right;
width:250px;
}
.sns_box_in{
font-size:0;
line-height:0;
padding: 10px 0 20px;
margin: 0 auto;
width:224px;
}
.sns_box .btn_sns img{
display:none;
}
.sns_box .btn_sns{
width:52px;
height:30px;
display:block;
float:left;
margin: 0 2px;
}
.sns_box .btn_sns:hover{
opacity: 0.85;filter: alpha(opacity=85);-moz-opacity: 0.85;
}
.sns_box .btn_facebook{background-image:url(../img/sns_fb.png);}
.sns_box .btn_twitter{background-image:url(../img/sns_tw.png);}
.sns_box .btn_mixi{background-image:url(../img/sns_mixi.png);}
.sns_box .btn_hatebu{background-image:url(../img/sns_hatebu.png);}

.topAreaBoxIn{
background-image:url(../img/main_in.jpg);
background-repeat:no-repeat;
background-position:top center;
height:106px;
text-align:left;
margin: 0 0 10px;
padding: 15px 0 0;
width:100%;
}
.topLogoIn{
width:252px;
margin: 0 auto;
}
.yasumi{
font-size:110%;
line-height:160%;
padding:20px;
text-align:center;
color:#726656;
}
.yasumi_title{
font-weight:bold;
font-size:128%;
margin: 0 0 12px;
}
.yasumi_txt{
overflow:auto;
margin: 0 80px;
}
.yasumi_txt a{
color:#604E3C;
}
.yasumi .yasumi_txt span{
display:block;
text-align:right;
}
.yasumi_img{
background-color: #fff;
padding: 20px 0;
}
.tag_yasumi{
position:absolute;
top:36px;
left:200px;
}
.banner_nenmatsu{
margin-bottom: 20px;
}
/* ------ */
.banner_present{
margin: 0 0 20px;
text-align: center;
}
.banner_present img{
width: 100%;
max-width: 100%;
}