/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2022/10/12, 16:21:04
    Author     : maeda
*/

/* #contents */
#container {
    /*background-color: #ff7270;*/
    background: linear-gradient(-70deg,  #e16537, #03a9f494);
}
#contents {
    background-color: transparent;
    /* background-color: #fff; */
    text-align: left;
    margin: 0 auto;
    padding-top: 0px;}

/* sections */
.sections{
    width: 1000px;
    margin: 0 auto;
    height:auto;
    background-color: rgba(255, 255, 255, 0.5);
}
._title_box {
    position: relative;
    width: 100%;
    background-image: linear-gradient(90deg, #f9e492 0%, #f1ca00 55%, #f1ca00 100%);
}
#section1 {
    width: 100%;
}

#section1 {
    clear: both;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 1rem;
}

.pagevisual_area img{
    width: 32%;
    position: absolute;
    top:4px;/* calc(画像高さ ÷ 画像横幅 × 100%) */
    left: calc( (110 / 307 * 100%));
}
@media only screen and (max-device-width: 480px){
    .pagevisual_area img{
        width: 52%;
        position: absolute;
        top:4px;/* calc(画像高さ ÷ 画像横幅 × 100%) */
        left: calc( (50 / 200 * 100%));
    }
}

.pages,
.relativemovie_area,
.live_area{
/*   background-image: url(../images/background.jpg);
    background-repeat: repeat-y;
   background-position: center top;
     background-size: contain;*/
    width: auto;
     height: auto;
    margin: 0;
    position: relative;
}
.movieprogram_area{
/*   background-image: url(../images/background.jpg);
    background-repeat: repeat-y;
   background-position: center top;
     background-size: contain;*/
    width: auto;
     height: auto;
    /*height: calc(100vh - 90px);*/
    margin: 0;
    position: relative;
}
.interview_area{
/*   background-image: url(../images/background.jpg);
    background-repeat: repeat-y;
   background-position: center top;
     background-size: contain;*/
    width: auto;
     height: auto;
    /*height: calc(100vh - 90px);*/
    margin: 0;
    padding: 0 0 50px 0;
    position: relative;
}
h1.contents_title {
    background-color: rgb(0 0 0 / 83%);
    /* background-color: #f874a1; */
    padding: 0;
    color: white;
    /* font-size: 3.1em; */
    font-size: 2.5em;
    text-align: center;
    font-style: italic;
    margin: 0px;
    padding-top: 4px;
}
@media only screen and (max-device-width: 480px){
    .pages,
    .relativemovie_area{
        width: 100%;
        height: auto;
        margin: 0;
        position: relative;
    }
    .sections{
        width: 100%;
        margin: 0 auto;
        height:auto;
        background-color: rgba(255, 255, 255, 0.5);
    }    
}

table.data {
    border-top: #ddd solid 1px;
    border-right: #ddd solid 1px;
    margin: 0 0 0.5em 0;
    padding: 0;
    width: 100%;
    color: #333;
}
table.data td {
    background-color: #fbfbfb;
    /* background-image: url(../images/td.gif); */
    background-repeat: repeat-x;
    border-top: #fff solid 1px;
    border-right: #fff solid 1px;
    border-bottom: #ddd solid 1px;
    border-left: #ddd solid 1px;
}
table.data th, table.data td {
    padding: 3px;
}