@charset "UTF-8";
/* CSS Document */
.media_link {
	box-shadow: 0px 0px 15px -5px #transparent;
	transition    : 1s;
}

.media_link:hover{ border-radius: 160px;
  box-shadow: 0px 0px 72px 16px rgba(0, 90, 255, 0.8);
	transition    : 1s;
}
.media_link2 {
	box-shadow: 0px 0px 15px -5px #transparent;
	transition    : 1s;
}

.media_link2:hover{ border-radius: 10px;
  box-shadow: 0px 0px 72px 16px rgba(0, 90, 255, 0.8);
	transition    : 1s;
}

/*----------------------------
--------- Loaders ---------
----------------------------*/

.loader-wrapper {
    background: #e2d4c5;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999999;
    opacity: 1;
    overflow: hidden;
    height: 100%;
}

.loader-wrapper .loaders {
    position: absolute;
    text-align: center;
    top: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(-45%);
    -webkit-transform: translateX(-50%) translateY(-45%);
    -moz-transform: translateX(-50%) translateY(-45%);
    -o-transform: translateX(-50%) translateY(-45%);
    -ms-transform: translateX(-50%) translateY(-45%);
}

.loader-wrapper .loaders img {
    position: relative;
    z-index: 999;
}
/*mid*/
.loader-wrapper .loader-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    margin: -80px 0px 0px -80px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #e8e2de;
    z-index: -1;
    opacity: 0.6;
}
/*short*/
.loader-wrapper .loader-1:before {
    content: '';
    width: 160px;
    height: 160px;
    display: block;
    position: absolute;
    border: 2px solid #a87e45;
    border-radius: 50%;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    clip: rect(0px, 35px, 35px, 0px);
    z-index: 10;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -ms-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}
/*long*/
.loader-wrapper .loader-1:after {
    content: '';
    width: 160px;
    height: 160px;
    display: block;
    position: absolute;
    border: 2px solid #b3936e;
    border-radius: 50%;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    clip: rect(0px, 164px, 150px, 0px);
    z-index: 9;
    -webkit-animation: rotate2 3s linear infinite;
    -moz-animation: rotate2 3s linear infinite;
    -ms-animation: rotate2 3s linear infinite;
    -o-animation: rotate2 3s linear infinite;
    animation: rotate2 3s linear infinite;
}

.loader-wrapper .loader-2 {
    -webkit-animation: spin 1.2s backwards infinite;
    -moz-animation: spin 1.2s backwards infinite;
    -ms-animation: spin 1.2s backwards infinite;
    -o-animation: spin 1.2s backwards infinite;
    animation: spin 1.2s backwards infinite;
    background: none;
    border-radius: 50%;
    border: 3px solid;
    width: 60px;
    height: 60px;
    color: #c1b19b;
    position: absolute;
    left: 35%;
}

.loader-wrapper .loader-3 {
    transform: translateY(-50%);
    padding: 0 100px;
    text-align: center;
}

.loader-wrapper .loader-3 label {
    height: 10px;
    width: 10px;
    background-color: #e3cede;
    margin: 0px 7.5px;
    border-radius: 50%;
    opacity: 0;
    display: inline-block;
}

.loader-wrapper .loader-3 label:nth-child(7) {
    -webkit-animation: array-fade 3s ease-in-out infinite;
    -moz-animation: array-fade 3s ease-in-out infinite;
    -ms-animation: array-fade 3s ease-in-out infinite;
    -o-animation: array-fade 3s ease-in-out infinite;
    animation: array-fade 3s ease-in-out infinite;
}

.loader-wrapper .loader-3 label:nth-child(6) {
    -webkit-animation: array-fade 3s 100ms ease-in-out infinite;
    -moz-animation: array-fade 3s 100ms ease-in-out infinite;
    -ms-animation: array-fade 3s 100ms ease-in-out infinite;
    -o-animation: array-fade 3s 100ms ease-in-out infinite;
    animation: array-fade 3s 100ms ease-in-out infinite;
}

.loader-wrapper .loader-3 label:nth-child(5) {
    -webkit-animation: array-fade 3s 200ms ease-in-out infinite;
    -moz-animation: array-fade 3s 200ms ease-in-out infinite;
    -ms-animation: array-fade 3s 200ms ease-in-out infinite;
    -o-animation: array-fade 3s 200ms ease-in-out infinite;
    animation: array-fade 3s 200ms ease-in-out infinite;
}

.loader-wrapper .loader-3 label:nth-child(4) {
    -webkit-animation: array-fade 3s 300ms ease-in-out infinite;
    -moz-animation: array-fade 3s 300ms ease-in-out infinite;
    -ms-animation: array-fade 3s 300ms ease-in-out infinite;
    -o-animation: array-fade 3s 300ms ease-in-out infinite;
    animation: array-fade 3s 300ms ease-in-out infinite;
}

.loader-wrapper .loader-3 label:nth-child(3) {
    -webkit-animation: array-fade 3s 400ms ease-in-out infinite;
    -moz-animation: array-fade 3s 400ms ease-in-out infinite;
    -ms-animation: array-fade 3s 400ms ease-in-out infinite;
    -o-animation: array-fade 3s 400ms ease-in-out infinite;
    animation: array-fade 3s 400ms ease-in-out infinite;
}

.loader-wrapper .loader-3 label:nth-child(2) {
    -webkit-animation: array-fade 3s 500ms ease-in-out infinite;
    -moz-animation: array-fade 3s 500ms ease-in-out infinite;
    -ms-animation: array-fade 3s 500ms ease-in-out infinite;
    -o-animation: array-fade 3s 500ms ease-in-out infinite;
    animation: array-fade 3s 500ms ease-in-out infinite;
}

.loader-wrapper .loader-3 label:nth-child(1) {
    -webkit-animation: array-fade 3s 600ms ease-in-out infinite;
    -moz-animation: array-fade 3s 600ms ease-in-out infinite;
    -ms-animation: array-fade 3s 600ms ease-in-out infinite;
    -o-animation: array-fade 3s 600ms ease-in-out infinite;
    animation: array-fade 3s 600ms ease-in-out infinite;
}

.loader-wrapper .loader-logo-pulse {
    -webkit-animation: pulse-fade 4s backwards infinite;
    -moz-animation: pulse-fade 4s backwards infinite;
    -ms-animation: pulse-fade 4s backwards infinite;
    -o-animation: pulse-fade 4s backwards infinite;
    animation: pulse-fade 4s backwards infinite;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0);
        clip: rect(0px, 35px, 35px, 0px);
    }
    50% {
        clip: rect(0px, 40px, 40px, 0px);
    }
    100% {
        transform: rotate(360deg);
        clip: rect(0px, 35px, 35px, 0px);
    }
}

@-moz-keyframes rotate {
    0% {
        transform: rotate(0);
        clip: rect(0px, 35px, 35px, 0px);
    }
    50% {
        clip: rect(0px, 40px, 40px, 0px);
    }
    100% {
        transform: rotate(360deg);
        clip: rect(0px, 35px, 35px, 0px);
    }
}

@-ms-keyframes rotate {
    0% {
        transform: rotate(0);
        clip: rect(0px, 35px, 35px, 0px);
    }
    50% {
        clip: rect(0px, 40px, 40px, 0px);
    }
    100% {
        transform: rotate(360deg);
        clip: rect(0px, 35px, 35px, 0px);
    }
}

@-o-keyframes rotate {
    0% {
        transform: rotate(0);
        clip: rect(0px, 35px, 35px, 0px);
    }
    50% {
        clip: rect(0px, 40px, 40px, 0px);
    }
    100% {
        transform: rotate(360deg);
        clip: rect(0px, 35px, 35px, 0px);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
        clip: rect(0px, 35px, 35px, 0px);
    }
    50% {
        clip: rect(0px, 40px, 40px, 0px);
    }
    100% {
        transform: rotate(360deg);
        clip: rect(0px, 35px, 35px, 0px);
    }
}

@keyframes rotate2 {
    0% {
        transform: rotate(0deg);
        clip: rect(0px, 164px, 150px, 0px);
    }
    50% {
        clip: rect(0px, 164px, 0px, 0px);
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(720deg);
        clip: rect(0px, 164px, 150px, 0px);
    }
}

@keyframes array-fade {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }
    33% {
        opacity: 1;
        transform: translateX(0px);
    }
    66% {
        opacity: 1;
        transform: translateX(0px);
    }
    100% {
        opacity: 0;
        transform: translateX(300px);
    }
}

@keyframes pulse-fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}


.main-trailerx {
	position:absolute;
	top: -1px;left: -1px;
}
.bg{background-color:#000;}
.bgc{background-color: #88500e;}
.bgf{color:#fff;
background: #63392d;
}
.top_contener{
	width: 100%;
	height:708px;	
}
.webp .top_contener {
	background:#d7ccc2 url('../images/bg.webp');
}
.no-webp .top_contener {
	background:#d7ccc2 url('../images/bg.jpg');
}

#footer{
	background-color: #4e3434;
}

.contentsIN{width:1366px;
margin:0 auto;
box-shadow:0px 0px 12px 4px  rgba(0, 0, 0, 0.1);
background: url('../images/bg.jpg') center #d7ccc2;
text-justify: distribute;
hanging-punctuation: last allow-end;
}

.webp .contentsIN{width:1366px;
margin:0 auto;
box-shadow:0px 0px 12px 4px  rgba(0, 0, 0, 0.1);
background: #d7ccc2 url('../images/bg.webp') center;
}
.no-webp .contentsIN{width:1366px;
margin:0 auto;
box-shadow:0px 0px 12px 4px  rgba(0, 0, 0, 0.1);
background: url('../images/bg.jpg') center #d7ccc2;
}

.webp .contents {
	background:#d7ccc2 url('../images/bg.webp') ;
}
.no-webp .contents {
	background:#d7ccc2 url('../images/bg.jpg') ;
}

.contener{width:100%;}

#main {
	position:relative;
	width:1366px;
	height:708px;
	margin-right: auto;
	margin-left: auto;
	box-shadow:0px 0px 12px 4px  rgba(0, 0, 0, 0.6);
	
}
.webp #main {
	background: url(../images/mainBG.webp) center top;
}
.no-webp #main {
	background: url(../images/mainBG.jpg) center top;
}
.main-lead01 {
	position:absolute;
	left:97px;
	top:55px;
	width:663px;
	height:68px;
	background: url(../images/main_lead01.png) center top;
}

.main-news {
	position:absolute;
	left:1199px;
	top:100px;
	width:140px;
	height:148px;
}

.main-h1 {
	position:absolute;
	left:133px;
	top:143px;
	width:418px;
	height:290px;
	background: url(../images/main_h1.png) center top;
}

.main-trailer {
	position:absolute;
	left:1199px;
	top:277px;
	width:140px;
	height:141px;
}

.main-str {
	position:absolute;
	left:1198px;
	top:465px;
	width:141px;
	height:144px;
}
.main-dvd {
	position:absolute;
	left:97px;
	top:534px;
	width:469px;
	height:92px;
}

/*-------- sns --------------------*/
ol, ul {
	list-style: none;
}
#twitter{
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: 90px;
	height: 20px;
	overflow: hidden;
	text-align: left;
	z-index: 99;
}
#facebook{
	position: absolute;
	left: 110px;
	bottom: 15px;
	width: 160px;
	height: 20px;
	text-align: left;
overflow: hidden;
	z-index: 99;
}
#line{
	position: absolute;
	left: 384px;
	bottom: 15px;
	width: 160px;
	height: 20px;
	text-align: left;
	z-index: 99;
}

#insta {
	position: absolute;
height: 20px;
left: 284px;
	bottom: 15px;
	width: 78px;
	z-index: 100;
}
#main h1,#main h2, #main p,#main h3,#main .main-lead,.main-lead01{display:block;text-indent:100%; white-space:nowrap; overflow:hidden;}


/* nav */
#nav_Area{position:relative;
	width: 100%;
	height: 60px;
	background: url(../images/navBG.png);
	z-index: 9999;
	box-shadow:0px 8px 8px 0px rgba(0,0,0,0.4);
}
 #nav {
	position:relative;
	left:0px;
	top:0px;
	width:1366px;
	height:60px;
	margin:0 auto;

}
.nav-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:153px;
	height:60px;
	background:url(../images/nav_01.png) top center;
}

.nav-02 {
	position:absolute;
	left:160px;
	top:0px;
	width:75px;
	height:60px;
	background:url(../images/nav_02b.png) top center;
}

.nav-03 {
	position:absolute;
	left:244px;
	top:0px;
	width:117px;
	height:60px;
	background:url(../images/nav_03b.png) top center;
}

.nav-04 {
	position:absolute;
	left:376px;
	top:0px;
	width:191px;
	height:60px;
	background:url(../images/nav_04b.png) top center;
}

.nav-05 {
	position:absolute;
	left:588px;
	top:0px;
	width:187px;
	height:60px;
	background:url(../images/nav_05b.png) top center;
}

.nav-06 {
	position:absolute;
	left:791px;
	top:0px;
	width:94px;
	height:60px;
	background:url(../images/nav_06b.png) top center;
}

.nav-07 {
	position:absolute;
	left:899px;
	top:0px;
	width:114px;
	height:60px;
	background:url(../images/nav_07b.png) top center;
}

.nav-08 {
	position:absolute;
	left:1029px;
	top:0px;
	width:69px;
	height:60px;
	background:url(../images/nav_08b.png) top center;
}

.nav-09 {
	position:absolute;
	left:1106px;
	top:0px;
	width:126px;
	height:60px;
	background:url(../images/nav_09b.png) top center;
}

.nav-10 {
	position:absolute;
	left:1245px;
	top:0px;
	width:106px;
	height:60px;
	background:url(../images/nav_10b.png) top center;
}



/* Introduction */
#introAnc{
	position: absolute;
	top:-60px;
	left:0;
	height: 1px;
	width: 100%;
}
#intro {
	position:relative;
	left:0px;
	top:0px;
	width:1366px;
	height:4970px;
	margin:0 auto;
font-size:16px;
line-height:24px;
font-weight:500;
color:#000;
text-align: justify;
text-justify: inter-ideograph;
}
.intro-bg-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:435px;
	height:400px;
}

.intro-bg-02 {
	position:absolute;
	left:941px;
	top:0px;
	width:425px;
	height:400px;
}

.intro-bg-03 {
	position:absolute;
	left:0px;
	top:1882px;
	width:1366px;
	height:699px;
}
.intro-h2 {
	position:absolute;
	left:255px;
	top:88px;
	width:901px;
	height:164px;
}

.intro-h3-1 {
	position:absolute;
	left:91px;
	top:271px;
	width:708px;
	height:116px;
}

.intro-point01 {
	position:absolute;
	left:107px;
	top:407px;
	width:1152px;
	height:238px;
}

.intro-ph01 {
	position:absolute;
	left:91px;
	top:654px;
	width:1182px;
	height:229px;
}

.intro-h3-2 {
	position:absolute;
	left:91px;
	top:929px;
	width:745px;
	height:139px;
}

.intro-point02 {
	position:absolute;
	left:105px;
	top:1088px;
	width:1168px;
	height:247px;
}

.intro-ph02 {
	position:absolute;
	left:91px;
	top:1335px;
	width:1182px;
	height:229px;
}

.intro-h3-3 {
	position:absolute;
	left:91px;
	top:1602px;
	width:942px;
	height:119px;
}

.intro-point03 {
	position:absolute;
	left:105px;
	top:1741px;
	width:1161px;
	height:244px;
}

.intro-h4-1 {
	position:absolute;
	left:188px;
	top:2600px;
	width:968px;
	height:685px;
}

.intro-h4-2 {
	position:absolute;
	left:188px;
	top:3285px;
	width:1037px;
	height:401px;
}

.intro-h4-3 {
	position:absolute;
	left:189px;
	top:3775px;
	width:1051px;
	height:662px;
}

.intro-h4-4 {
	position:absolute;
	left:188px;
	top:4525px;
	width:1000px;
	height:372px;
}
/* cast */
#castAnc{
	position: absolute;
	bottom: 60px;
	left: 0px;
}
#cast{
	position:relative;
	margin: 0 auto;
	width:1366px;
	height:1710px;
	font-size:16px;
	line-height:24px;
	color:#fff;
	text-align: justify;
text-justify: inter-ideograph;
}
.castBG-01 {
	position:absolute;
	left:62px;
	top:88px;
	width:1243px;
	height:473px;
}

.castBG-02 {
	position:absolute;
	left:62px;
	top:598px;
	width:1243px;
	height:438px;
}

.castBG-03 {
	position:absolute;
	left:62px;
	top:1073px;
	width:1243px;
	height:438px;
}

#cast h4{
font-size:20px;font-weight:700;float:left;padding-top:0.2em;margin:0.2em 0.5em 0 0;
}
.cast-h2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1366px;
	height:70px;
}

.cast-01-1 {
	position:absolute;
	left:329px;
	top:124px;
	width:928px;
	height:44px;
}

.cast-01-txt01 {
	position:absolute;
	left:341px;
	top:168px;
	width:916px;
	height:89px;
	color:#000;
	font-weight:500;
}

.cast-01-2 {
	position:absolute;
	left:329px;
	top:257px;
	width:928px;
	height:44px;
}

.cast-01-txt02 {
	position:absolute;
	left:328px;
	top:301px;
	width:929px;
	height:60px;
	color:#000;
	font-weight:500;
}

.cast-01-txt03 {
	position:absolute;
	left:135px;
	top:376px;
	width:1102px;
	height:156px;
	background-color:#816428;
	padding:0.2em 2em;
	border-radius: 26px;
}

.cast-02-1 {
	position:absolute;
	left:333px;
	top:636px;
	width:919px;
	height:44px;
}

.cast-02-txt01 {
	position:absolute;
	left:341px;
	top:683px;
	width:916px;
	height:159px;
	color:#000;
	font-weight:500;
}

.cast-02-txt02 {
	position:absolute;
	left:135px;
	top:868px;
	width:1102px;
	height:129px;
	background-color:#816428;
	padding:0.2em 2em;
	border-radius: 26px;
}

.cast-03-1 {
	position:absolute;
	left:328px;
	top:1111px;
	width:929px;
	height:44px;
}

.cast-03-txt01 {
	position:absolute;
	left:341px;
	top:1158px;
	width:916px;
	height:98px;
	color:#000;
	font-weight:500;
}

.cast-03-txt02 {
	position:absolute;
	left:135px;
	top:1343px;
	width:1102px;
	height:147px;
	background-color:#816428;
	padding:0.2em 2em;
	border-radius: 26px;
}
.cast-01-txt03 p,.cast-02-txt02 p,.cast-03-txt02 p {
	padding:0.5em 0em 0em 0em;
}
.cast-h3-4 {
	position:absolute;
	left:62px;
	top:1548px;
	width:123px;
	height:43px;
}

.cast-38 {
	position:absolute;
	left:214px;
	top:1548px;
	width:701px;
	height:78px;
}/* 相関図 */
#chartAnc{
	position: absolute;
	bottom: 60px;
	left: 0px;
}
#chart{
	position:relative;
	margin: 0 auto;
	width:1366px;
	height:1451px;
}

/* story */
#storyAnc{
	position: absolute;
	bottom:60px;
	left: 0px;
}
#story{
	position:relative;
	margin: 0 auto;
	width:1366px;
	height:390px;
	font-size:18px;
	line-height:30px;
}
.story-h2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1366px;
	height:90px;
}

.story-txt {
	position:absolute;
	left:149px;
	top:117px;
	width:1069px;
	padding:2em 4em;
	background: rgba(254, 38, 9, 0.65);
	border-radius:33px;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* movie */
#movAnc{
	position: absolute;
	bottom: 60px;
	left: 0px;
}

#mov{
	position: relative;
	width:1366px;
	height:743px;
	margin: 0 auto;
font-size: 18px;
line-height: 24px;
}
.mov-area {
	position:absolute;
	left:178px;
	top:106px;
	width:1010px;
	height:560px;
}
.mov_h2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1366px;
	height:90px;
}
/* dvd */
#dvdAnc{
	position: absolute;
	bottom: 60px;
	left: 0px;
}
#dvd {
	position:relative;
	left:0px;
	top:0px;
	width:1366px;
	height:555px;
	font-family:'M PLUS 1p', sans-serif;
}
.dvd-h2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1366px;
	height:90px;
}

.dvd-h3-1 {
	position:absolute;
	left:39px;
	top:90px;
	width:487px;
	height:38px;
}

.dvd-h3-2 {
	position:absolute;
	left:683px;
	top:90px;
	width:487px;
	height:38px;
}

.dvd-rental-jk {
	position:absolute;
	left:67px;
	top:177px;
	width:200px;
	height:283px;
}

.dvd-box1-jk {
	position:absolute;
	left:711px;
	top:177px;
	width:200px;
	height:283px;
}
.dvd-s01 {
	position:absolute;
	left:927px;
	top:177px;
	width:394px;
	height:65px;
}

.dvd-r01 {
	position:absolute;
	left:283px;
	top:178px;
	width:384px;
	height:69px;
}

.dvd-s02 {
	position:absolute;
	left:927px;
	top:242px;
	width:275px;
	height:21px;
}
.dvd-r02 {
	position:absolute;
	left:282px;
	top:247px;
	width:385px;
	height:64px;
}
.dvd-s03 {
	position:absolute;
	left:927px;
	top:263px;
	width:407px;
	height:28px;
}
.dvd-s04 {
	position:absolute;
	left:927px;
	top:297px;
	width:394px;
	height:57px;
}
.dvd-r03 {
	position:absolute;
	left:282px;
	top:311px;
	width:385px;
	height:69px;
}
.dvd-s05 {
	position:absolute;
	left:927px;
	top:354px;
	width:288px;
	height:22px;
}
.dvd-s06 {
	position:absolute;
	left:927px;
	top:376px;
	width:407px;
	height:28px;
}
.dvd-txt {
	position:absolute;
	left:67px;
	top:495px;
	width:616px;
	height:60px;
	color:#000;
	font-size:14px;
}

/* 配信 */
#strAnc{
	position: absolute;
	bottom: 60px;
	left: 0px;
}
#str {
	position:relative;
	left:0px;
	top:0px;
	width:1366px;
	height:720px;
}
.str-01 {
	position:absolute;
	left:45px;
	top:155px;
	width:1300px;
}
.str-01 .col-3 img{
	margin-bottom:40px;
}
.str-h2 {
	position:absolute;
	left:0px;
	top:0px;
	width:1366px;
	height:90px;
}

.str-txt{
	position:absolute;
	left:0px;
	top:90px;
	width:1366px;
	height:116px;
	text-align:center;
	color: #000;
}



.mar-btm20 {
	margin-bottom:20px!important;
}