@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;box-sizing: border-box;scroll-behavior: smooth;}
ol, ul {list-style: none;}
a{text-decoration: none;color:#fff;}
a:hover {opacity: 0.7 ;}

img{width:100%;}

html {scroll-behavior: smooth;}

body{
	background-color:#171717;
	color:#fff;
	line-height:1.7;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-size: 0.9rem;
    letter-spacing: 0.175em;
    overflow-wrap: break-word;
    word-break: normal;
	position: relative;
}
section{
	position: relative;
	display: block;
	padding: 10% 20%;
	overflow: hidden;
}

section p{margin-bottom:2%;}
 
.firstview{padding:0;display:block;}

.fixed-bg {
  min-height: 100vh;
  width: 100%;
  /*height: 100vh;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;*/
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;	
	text-align: center;
	padding: 60px; 
}
h1{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.bg01 {background-image: url(../image/irisee_jk.jpg);}
.bg02 {background-image: url(../image/irisee1.jpg);}
.bg03 {background-image: url(../image/irisee2.jpg);}



/*-------------------------*/
/* スクロールarrow */
/*-------------------------*/

a.scr {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  padding-top: 60px;
  color:#fff;
}
a.scr span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
  
}
a.scr span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

h3{margin-bottom: 5%;}
h3:after{
	content:" ･･･";
	font-size: 60%;
}


/* プロフ */
.irs-info-list {
    padding: 2%;
    background-color: #292933;
    margin: 0 auto;
	font-size:0.8rem;
	margin-bottom: 10%;
}
.irs-info-list:last-child{margin-bottom:0;}


.irs-info-list li {
    display: flex;
    padding: 1% 5%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.irs-info-list li span {
    display: block;
    width: 30%;
    margin: 0;
}

.irs-info-list li div {
    width: calc(100% - 15em);
}

/* Discography */
.dsc_cnt{
	display: flex;
	flex-wrap: wrap;
	overflow:hidden;
	margin: 0;
	padding:5% 0;
}
.dsc_cnt .left{
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right:auto;
	width: 40%;
}

.dsc_cnt .left .Viewing{
    background-color: #333;
    padding: 2%;
    border-radius: 10px;
    margin: 2% auto;
    width: 100%;
    text-align: center;
}
.dsc_cnt .left .Viewing:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f025';
	margin-left:2%;
}

.dsc_cnt .right{
	display: inline-block;
	width: calc(100% - 22em);
	position: relative;
}

.dsc_cnt .right ul li{
	padding: 5% 0 5% 5%;
	width:100%;	
	position: relative;
}
.dsc_cnt .right ul li span{font-size:70%;padding-left: 2%;}

.dsc_cnt .right ul li:after{
	content:"";
	position: absolute;
	display: block;
	border:#999 1px dotted;
	left: 0;
	right: 0;
	bottom: 0;
}

.store h4{
	font-size:120%;
	background-color:#313131;
	padding:2%;
	text-align:center;
	border-radius: 10px;
}
.store ul{
	display: flex;
	flex-wrap: wrap;
	padding: 2% 0;
}

.store ul li{width: 5%; margin: 1%;}


/*-------------------------*/
/* Page Top */
/*-------------------------*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  background: #2e3975;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 40px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -80%;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*-------------------------*/
/*　　    Footer  　　*/
/*-------------------------*/
footer{
	background-color:#1e1d22;
	width:100%;
	text-align:center;
	color:#fff;
	font-size: 80%;
}
.f_cnt{
	display: flex;
	flex-wrap: wrap;
	overflow:hidden;
	margin: 0 10%;
	padding:2% 0;
}
.f_cnt .f-left{
	margin-right:auto;
	width: 20%;
}
.f_cnt ul.f-right{
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 50em);
	position: relative;
}

.f_cnt ul.f-right li{
	display: inline-block;
	padding: 0 5%;
	text-align:center;
	font-size: 65%;
}

.f_cnt ul.f-right li a{
	display: inline-block;
	position: relative;
	color:#fff;
}

/*-------------------------*/
/* Delighter */
/*-------------------------*/

.d-right { transform:translate(-50%); opacity:0; transition: all .90s ease-in-out; }
.d-right.started { transform:none; opacity:1; }

.d-left1 { transform:translate(100%); opacity:0; transition: all .75s ease-in-out; }
.d-left1.started { transform:none; opacity:1; }
.d-left1.started:nth-child(1) { transition: all .7s ease-out .1s; }
.d-left1.started:nth-child(2) { transition: all .7s ease-out .3s; }
.d-left1.started:nth-child(3) { transition: all .7s ease-out .5s; }
.d-left1.started:nth-child(4) { transition: all .7s ease-out .7s; }

.d-left { transform:translate(100%); opacity:0; transition: all .90s ease-out; }
.d-left.started { transform:none; opacity:1; }

.d-bottom { transform:translatey(100%); opacity:0; transition: all .90s ease-out; }
.d-bottom.started { transform:none; opacity:1; }

.d-bottom2 { transform:translatey(20%); opacity:0; transition: all .95s ease-out; }
.d-bottom2.started { transform:none; opacity:1; }
.d-bottom2.started:nth-child(1) { transition: all .9s ease-out .1s; }
.d-bottom2.started:nth-child(2) { transition: all .9s ease-out .3s; }
.d-bottom2.started:nth-child(3) { transition: all .9s ease-out .5s; }
.d-bottom2.started:nth-child(4) { transition: all .9s ease-out .7s; }


.delighter li { opacity: 0; transform: translatey(200%); transition: all .7s ease-out; }
.delighter.started li { opacity: 1; transform: none; }
.delighter.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.delighter.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.delighter.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.delighter.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.delighter.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.delighter.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.delighter.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }
.delighter.started li:nth-child(8) { transition: all .7s ease-out 1.5s; }
.delighter.started li:nth-child(9) { transition: all .7s ease-out 1.7s; }
.delighter.started li:nth-child(10) { transition: all .7s ease-out 1.9s; }
.delighter.started li:nth-child(11) { transition: all .7s ease-out 2.1s; }
.delighter.started li:nth-child(12) { transition: all .7s ease-out 2.3s; }


.pc{display:block;}
.sp{display:none;}

.txt70{font-size:70%;}

@media screen and (max-width: 896px) {
.pc{display:none;}
.sp{display:block;}

section {padding:10% 5%;}
.irs-info-list{padding:0;}
.irs-info-list li{padding:3%;display:block;}
.irs-info-list li span {width:100%;}
.irs-info-list li span:before {content:"▼";margin-right: 2%;}
.irs-info-list li div {width: 100%;}
.dsc_cnt .left{display:block;width:100%;}
.dsc_cnt .right{display:block;width:100%;}
.f_cnt .f-left {width:100%;}
.f_cnt ul.f-right{width:100%;display: contents;}
a.scr {left:43%;}
.store ul li {width:12%;}
.store ul li img{width:100%;}
}