html {
    background: #fff;
}

body {
    /* 20220817_TrackFarm鳥谷加筆↓ */
    /* background: #384042; */
    background: #fff;
    width: 100%;
    margin: auto;
    text-align: -webkit-center;
    padding-bottom: 40px;
}

tbody {
	text-align: -webkit-center;
}

img {
    max-width: 100%;
    display: block;
    //height: auto;
}

a {
    transition: opacity 0.5s;
    outline: none;
}

a:hover {
    opacity: 1;
}

a img {
    outline: none;
    border: none;
}

div.header {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
}

div.header .header_inner {
    display: table;
    width: 100%;
}

div.header .header_inner .header_el {
    display: table-cell;
}

div.content > div {
    /*
     * ↓ 最大幅を変えたい場合はここを変更
     */
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

div#top {
    margin-top: 5.6%;
}

div#movie {
    cursor: pointer;
    max-width: 800px;
    transition: 1.0s ;
}

div#movie:hover {
    opacity: 0.5 ;
}

div#sec3 {
    position: relative;
}

div.entry {
    text-align: center;
}

div.entry a {
    display: inline-block;
    width: 30%;
    margin: 7% 3%;
}

div.entry a img {
    width: 100%;
}
#youtube {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, 0.7);
    z-index: 100;
    transition: all 1s;
}

#youtube.off {
    display: none;
    height: 0;
    opacity: 0;
    transition: all 1s;
}

#youtube.on {
    display: inherit;
    opacity: 1;
    transition: all 1s;
}

#youtube div.youtube-wrap {
    margin-top: 5%   
}