/*
Theme Name: PRIMSGIRL works theme
Theme URI: http://prismgirl.com
Description: PRIMSGIRL works theme
Author: MANO Azusa
Author URI: http://prismgirl.com

*/


/*---wp----*/
.wp-block-image__paddingTop,
.wp-block-gallery__paddingTop {
	padding-top:18px !important;
}

.blocks-gallery-item figure {
	position: relative !important;
}
.blocks-gallery-item figcaption {
	padding:0 !important;
	padding-left: .7em !important;
	padding-bottom: .7em !important;
	text-align:left !important;
	background:none !important;
}

@media screen and (max-width: 759px) {
	.wp-block-gallery__paddingTop {
		padding-top: 18px !important; } }

.wp-block-image img {
	height:auto;
}

/*----Main----*/
#wrapper{
	margin:0 auto;
	position:relative;
	height: 100%;
	min-height: 100%;
}

#header{
	margin:40px 0 100px 0;
	text-align: center;
	position:relative;
}

#logo{
	height: 121px;
	margin: 20px;
	text-align: center;
	position:relative;
	overflow: hidden;
}

.logoimg{
	margin: 0 auto;
	width:153px;
	height: 121px;
}

ul#social{
width: 100%;
text-align: right;
position: relative;
display:block;
clear: both;
z-index: 10;
}

ul#social li{
	margin: 5px;
	overflow: hidden;
	position: relative;
	display:inline; 
}

p.bold{
font-style: bold;
}


#th00,#th01,#th02, #th03,#th04,#th05,#th06,#th07,#th08,#th09,#th10,#th11,#th12,#th13,#th14,#th15,#th16,#th17,#th18,#th19,#th20,#th21,#th22,#th23,#th24,#th25,#th26,#th27,#th28,#th29,#th30,#th31,#th32,#Title01,#Title02,#Title03,#bgstone01,#bgstone02,#bgstone03,#bgstone04,#bgstone05,#bgstone05-2,#bgstone06,#bgstone07,#bgstone08,#bgstone08-anime,#bgstone09,#bgstone10,#bgstone10-anime,#bgstone11,#bgstone11-2,#bgstone12,#bgstone13,#bgstone14,#bgstone15,#bgstone16,#bgstone17,#bgstone18,#bgstone18-2,#bgstone19,#bgstone20,#bgstone21,#bgstone22,#bgstone23,#bgstone23-2,#bgstone25,#bgstone26,#bgline01,#bgline02,#bg-animestar01,#bg-animestar02{
position:absolute;
}

/*----Menu----*/

.Gmenu{
	/* width: 100%; */
	height:50px;
	margin: 40px 0 40px 0;
	z-index:10;
	position: relative;
	overflow:　hidden;
	display:flex;
	justify-content: center;
}


.Gmenu li{
	position: relative;
}
.Gmenu li:not(:first-child) {
	margin-left: 30px; }



/*---News----*/

#newsFrame{
background:url(img/news-frame.png) no-repeat center;
width: 100%;
height: 80px;
  min-width:410px;
  text-align: center;
}

#newsFrame:before{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}


#news{
height: 15px;
width: 300px;
 vertical-align: middle;
  display: inline-block;
}


.ticker {
    height: 60px;
    overflow: hidden;
    padding: 0;
    list-style: none;
}

ul.test{
padding: 20px;
}


/*---about----*/

#Title02{
	top:450px;
	left:30px;
}

.t02{
	z-index: 1;
}

#about{
width:960px;
position:relative;
margin: 0 auto;
clear: both;
height: 1000px;
min-height: 800px;
}

.about-wrap {
	position: relative;
}

.about-text {
	padding-top: 30px;
}

p.about-name{
position:relative;
	font-size: 14px;
}

.about-name--en {
	margin-top: -2px;
	font-size: 12px;
}

.colomuns01{
position:absolute;
top:100px;
left:50px;
z-index: 1100;
}

.colomuns01-text{
width: 100%;
position: relative;
text-align: center;
z-index: 1001;
}

.colomuns01-nirnorlogo{
height: 110px;
position:absolute;
top:270px;
left:100px;
z-index: 1001;
}

.colomuns02{
width: 250px;
height: 250px;
position:absolute;
top:150px;
left:550px;
z-index: 1100;
}

.colomuns02-text{
width: 100%;
position: relative;
text-align: center;
	margin-left: 6px;
margin-top:-34px;
}

.colomuns02-lostmeanslogo{
width: 212px;
height: 176px;
position: relative;
display: block;
text-align: center;
margin: 0 auto;
}



.colomuns02-jewel{
position:absolute;
left: 180px;
z-index: 1000;
}

.colomuns03{
width:334px;
height:275px;
position:absolute;
top:500px;
left:480px;
z-index: 1000;
text-align: center;
}

p.colomuns03{
text-align: center;
}

.colomuns03-press-magazine{
width:206px;
height:196px;
left:0px;
position:absolute;
z-index: 1000;
padding:30px 0 0 0px;
background: url(/img/about-press-magazine.gif) no-repeat;
}

.colomuns03-press-web{
width:206px;
height:94px;
position:absolute;
z-index: 1000;
left: 156px;
top: 174px;
padding: 22px 0 0 0px;
background: url(/img/about-press-web.gif) no-repeat;
}



.colomuns03-press-title{
width: 250px;
height: 137px;
position: absolute;
background: url(/img/about-press-title.gif) no-repeat;
left: 186px;
top: 17px;
z-index: 500;
display: block;
}


.colomuns03-stone01{
position:absolute;
width:85px;
height:46px;
background: url(/img/stone26.gif) no-repeat;
left: -30px;
top: 170px;
z-index: 1002;
}

.colomuns03-stone02{
position:absolute;
width:71px;
height:81px;
background: url(/img/stone24.gif) no-repeat;
left: 118px;
top: 233px;
z-index: 1002;
}


.about-manophoto{
position:absolute;
left:180px;
z-index: 1;
}

.colomuns02 ul{
text-align:center;
}

.colomuns02 ul li{
line-height:1.8em;
}

.colomuns03 ul{
text-align:center;
}

.colomuns03 ul li{
line-height:1.8em;
}

/*----Fotter----*/
#footer{
	position: relative;
	margin: 0 auto;
	padding:40px 0 0 0;
	text-align: center;
	height: 100px;
}

.copyright{
	font-size: 0.6em;
	z-index: 1;
}

.page-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	margin: 0;
}

/*---Works----*/

.main {
	position: relative;
	width: 960px;
	margin: 0 auto;
	/*min-height: 400px;*/
	position: relativse;
	text-align: center;
}
@media screen and (max-width: 759px) {
  .main {
		width:auto;
    padding: 0 20px; } }

.works__wrap {
	position: relative;
	width:960px;
	margin: 0 auto;
}

.wrapTxt{
	width: 100%;
	margin:100px 0 0 0;
	height: 150px;
}

.description-title{
position: relative;
padding: 20px 0 10px 0;
}

.description-text-url{
margin:10px 0 10px 0;
font-size: 0.65em;
line-height: 1.8em;
}

.worknavi{
	position: absolute;
	
}

@media screen and (max-width: 759px) {
  .worknavi {
    display: none; } }

.workTxt{
	float: left;
	width: 550px;
	margin: 0 0 0 10px;
	text-align: left;
}

.workCredit{
    float: right;
    width: 320px;
    font-size: 11px;
text-align: left;
}

span.prev{
width:42px;
height:42px;
left:0px;
	margin-left: 50px;
background-position: 0 0;
position: fixed;
display: block;
}

span.next{
width:42px;
height:42px;
right:0;
	margin-right: 50px;
background-position: 0 0;
position: fixed;
display: block;
}

span.prev1{
width:42px;
height:42px;
left:0px;
background-position: 0 0;
position: absolute;
display: block;
margin-top: 9px;
}

span.next1{
width:42px;
height:42px;
right:0px;
background-position: 0 0;
position: absolute;
display: block;
margin-top: 9px;
}

.description-text-jp,.description-text-en,.description-text-url{
line-height: 1.7em;
}

.description-text-jp{
position: relative;
width:100%;
padding: 20px 0 20px 0;
background:url(img/detail-topframe.png) no-repeat top,
url(img/detail-bottomframe.png) no-repeat bottom;
z-index:10;

}

.description-text-en{
position: relative;
width:100%;
padding: 20px 0 20px 0;
z-index:10;
}

.description-text-url p a{
border-bottom: solid 1px #ccc;
padding-bottom: 1px;
}

.credit-text{
position: relative;
width:100%;
margin: 20px 0 20px 0;
letter-spacing: 0.08em;
}

.credit-text a{
border-bottom: solid 1px #ccc;
padding-bottom: 1px;
}


.thumb-mov{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.thumb-mov.-bgBlack {
	background-color:#000000;
}

@media screen and (max-width: 759px) {
  .thumb-mov {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	 } 
}

.thumb-frame{
width: 100%;
vertical-align: middle;
height: 521px;
position: relative;
display: block;
background: url(/img/monitor.png) no-repeat 50% 50%;
}


.thumb-mov iframe,  
.thumb-mov object,  
.thumb-mov embed {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	/* margin:20px;
	top: 0;
	left: 0;
	height: 430px;
	background-color: #000000; */
}

@media screen and (max-width: 759px) {
  .thumb-mov iframe,  
	.thumb-mov object,  
	.thumb-mov embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* margin:0;
		height:auto;
    width: 100%; */
	} 
}


.description-text p{
line-height: 1.8em;
}

.credit-text p{
line-height: 1.6em;
}


#works-image{
margin-top: 20px;
}

#works-image ul{
list-style: none;
}

#works-image ul li{
margin: 25px 0 25px 0;
}

#works-image ul li img{
max-width: 100%;
height: auto !important;
padding: 20px 0 20px 0;
}

/*----Layout----*/
#works{
position: relative;
width: 980px;
min-width: 300px;
height: 2800px;
margin-bottom: 300px;
min-height:1000px;
}

#newWorks{
position: relative;
width: 980px;
min-width: 900px;
height: 1000px;
min-height: 300px;
}

#Title01{
	position: absolute;
top: 0px;
left: 195px;
}

.t01{
	width: 264px;
	height: 86px;
	z-index: 1;
}

/*---bgStone---*/
#bgstone01{
	top:900px;
	left:800px;
}

#bgstone02{
	top:1040px;
	left:740px;
}

#bgstone03{
	top:650px;
	left:320px;
}

#bgstone04{
	top:390px;
	left:-60px;
}

#bgstone05{
	top:1700px;
	left:30px;
}

#bgstone05-2{
	top:100px;
	left:30px;
}

#bgstone06{
top: 2150px;
left: 267px;
}

#bgstone07{
	top:2100px;
	left:750px;
}


#bgstone08{
	top:2390px;
left: -31px;
}

#bgstone08-anime{
top:2390px;
	left: -31px;
}

#bgstone09{
top: 2936px;
left: 68px;
}

#bgstone10{
	top: 2624px;
	left: 800px;
}

#bgstone10-anime{
	top: 2624px;
	left: 800px;

}

#bgstone11{
	top:3350px;
	left:300px;
z-index: 999;
}

#bgstone11-2{
	top: 3417px;
left: 379px;
z-index:1000;
}

#bgstone12{
top: 2850px;
left: 735px;
}


#bgstone13{
top: 2862px;
left: 617px;
opacity: 0;
}

#bgstone14{
top: 3121px;
left: 387px;
}

#bgstone15{
top: 3601px;
left: 124px;
}

#bgstone16{
top: 2666px;
left: 118px;
}

#bgstone17{
top: 2951px;
left: 627px;
}

#bgstone18{
top: 1753px;
left: 450px;
}

#bgstone18-2{
top: 1753px;
left: 450px;
}

#bgstone19{
	top:1340px;
	left:500px;
}

#bgstone20{
	top:200px;
	left:500px;
}

#bgstone21{
	top:200px;
	left:840px;
}

#bgstone22{
	top:930px;
	left:0px;
}

#bgstone23{
	top:1760px;
	left:690px;
}

#bgstone23-2{
	top:550px;
	left:250px;
}


#bgstone25{
top: 3504px;
left: 789px;
}

#bgstone26{
top: 548px;
left: 540px;
}

#bgline01{
	top:2420px;
	left:250px;
}

.Bgst{
	z-index: 1;
}

/*---anime---*/

#bg-animestar01{
  -webkit-animation-name: star01,fade;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
top: 1582px;
left: 303px;
width:30px;
height:30px;
}

#bg-animestar02{
  -webkit-animation-name: star01,move;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
top: 939px;
left: 285px;
width:30px;
height:30px;
}


#bg-animedot01{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
top: 1582px;
left: 333px;
width:5px;
height:5px;
position: absolute;
}

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

@-webkit-keyframes fade{
0% {opacity: 0;}
10% {opacity: 0.9;}
50% {opacity: 0.8;}
90% {opacity: 0.9;}
100% {opacity: 0;}
}

@-webkit-keyframes move{
0% {left: 0; top: 0;}
50% {left: 200px; top: 200px;}
100% {left: 500px; top: 500px;}
}

/*---thumnail---*/

#th00{
	top:1700px;
	left:200px;
}

.Wth00{
	width: 206px;
	height: 347px;
	z-index: 2;
}


.Wth01{
	width: 243px;
	height: 302px;
	z-index: 3;
}

#th01{
	top:600px;
	left:40px;
}


#th02{
	top:890px;
	left: 360px;
}

.Wth02{
	width: 215px;
	height: 243px;
	z-index:7;
}


#th03{
	top:400px;
	left:250px;
}

.Wth03{
	width: 229px;
	height: 223px;
	z-index:10;
}

#th04{
	top:150px;
	left:100px;
}

.Wth04{
	width: 320px;
	height: 347px;
	z-index: 5;
}

#th05{
	top:600px;
	left:420px;
}

.Wth05{
	width: 246px;
	height: 230px;
	z-index: 4;
}

#th06{
	top:715px;
	left:600px;
}

.Wth06{
	width: 281px;
	height: 352px;
	z-index: 4;
}

#th07{
top: 2015px;
left: 763px;
}


.Wth07{
	width: 136px;
	height: 134px;
	z-index: 10;
}

#th08{
	top:2500px;
	left:320px;
}


.Wth08{	
	width: 175px;
	height: 174px;
	z-index: 4;
}

#th09{
top: 2020px;
left: 435px;
}

.Wth09{
	width: 281px;
	height: 352px;
	z-index: 4;
}

#th10{
top: 2661px;
left: 51px;
}

.Wth10{
	width: 229px;
	height: 223px;
	z-index: 4;
}

#th11{
	top:2050px;
	left:20px;
}

.Wth11{
	width: 218px;
	height: 248px;
	z-index: 10;
}

#th12{
	top:1140px;
	left:500px;
}

.Wth12{
	width: 218px;
	height: 248px;
	z-index: 4;
}

#th13{
	top:2300px;
	left:150px;
}

.Wth13{
	width: 277px;
	height: 274px;
	z-index: 4;
}

#th14{
	top:2350px;
	left:620px;
}

.Wth14{
	width: 232px;
	height: 216px;
	z-index: 4;
}

#th15{
	top:300px;
	left:580px;
}

.Wth15{
	width: 206px;
	height: 347px;
	z-index: 10;
}

#th16{
	top:1100px;
	left:100px;
}

.Wth16{
	width: 206px;
	height: 347px;
	z-index: 10;
}

#th17{
	top:1320px;
	left:680px;
}

.Wth17{
	width: 206px;
	height: 347px;
	z-index: 10;
}

#th18{
	top:1400px;
	left:350px;
}

.Wth18{
	width: 206px;
	height: 347px;
	z-index: 10;
}

#th19{
top: 1509px;
left: 61px;
}

.Wth19{
	width: 206px;
	height: 347px;
	z-index: 10;
}

#th20{
	top:1600px;
	left:550px;
}

.Wth20{
	width: 206px;
	height: 347px;
	z-index: 5;
}

#th21{
top: 1856px;
left: 646px;
}

.Wth21{
	width: 206px;
	height: 347px;
	z-index: 3;
}

#th22{
top: 2663px;
left: 565px;
}

.Wth22{
	width: 206px;
	height: 347px;
	z-index: 10;
}

#th23{
	top:2880px;
	left:380px;
}

.Wth23{
	width: 206px;
	height: 347px;
	z-index: 10;
}

#th24{
	top:900px;
	left:510px;
}

.Wth24{
	z-index: 10;
}

#th25{
	position: absolute;
	top:670px;
	left:207px;
}

.Wth25{
	z-index: 10;
}

#th26{
	position: absolute;
	top:890px;
	left:150px;
}

.Wth26{
	z-index: 10;
}

#th27{
	position: absolute;
	top:492px;
	left:507px;
}

.Wth27{
	z-index: 10;
}

#th28{
	position: absolute;
	top:360px;
	left:170px;
}

.Wth28{
	z-index: 10;
}

#th29{
	position: absolute;
	top:310px;
	left:600px;
}

.Wth29{
	z-index: 10;
}

#th30{
	position: absolute;
	top:180px;
	left:340px;
}

.Wth30{
	z-index: 10;
}

#th31{
	position: absolute;
	top:75px;
	left:40px;
}

.Wth31{
	z-index: 10;
}