@charset "UTF-8";


.full{
  margin: 0;
  z-index: -9999;
  overflow: hidden;
  position: relative;
}
.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 80vh;
  margin: 0;
}
.full div.main01 {
  background-image: url(../../assets/img/mainimg3.jpg)
}

.full .slick-dots {
    bottom: 4%;
    z-index: -10;
    display: none;
}
.override-class li{
  display: none;
}



body{
background-color: #ffffff;
margin:0px;
font-size: 16px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS明朝", serif;
font-style: normal;
padding:0px;
color:#000000;
letter-spacing: 0.05rem;
display: flex;
flex-flow: column;
min-height: 100vh;
font-weight: 100;
position: relative;
box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
html{  scroll-behavior: smooth;  height: 100%;  box-sizing: border-box;  margin-top: 0px;}
body a{text-decoration: none;    color: #288dc1;}
body a:hover{transition: color .3s;color: #90e1d8;}
body a img:hover{filter:alpha(opacity=40); /* 0～100の値を指定　（例：40）  ※IE8以下用*/opacity:0.4; /* 0～1の値を指定　（例：0.4）*/  -ms-filter: "alpha(opacity=70)";}
h2 img{height: 7rem;z-index: 1;}
h2.tit {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: bold;
  font-size: 120%;
  font-size: 2.5rem;
  transform: scale(  0.8, 1);
}
h2.tit span {
  transform: scale(  1.2, 1);
  color: #ffffff;
  font-weight: 300;
}
a.alpha:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

section {margin-top: 14vw;}
/* sns icon*/
.fab{
  font-family: "Font Awesome 5 Free";
  font-size: 1.7rem;
  font-weight: 900;
}

i.fab.fa-tiktok {content: '\e07b';font-size: 1.3rem;}
i.fab.fa-instagram{content: '\f16d';color: #000000;}
i.fab.fa-twitter{content: '\f099';color: rgb(29, 155, 240);}
i.fab.fa-x-twitter{content: '\e61b';color: #000000;}

i.fab.fa-youtube {content: '\f167';color:  rgb(255, 0, 0);}
i.fab.win,i.fab.win .fa-window-restore {content: '\f2d2';margin-left:2vw ;}

.fa-window-restore:before {
  content: "\f2d2";
  margin-left: 1vw;
  margin-right: 1vw;
}
.btn_blue a {
  padding: 1vw 4vw;
  background-color: #0D4C80;
  border-radius: 5px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  margin-top: 3vw;
}

.btn_blue a:hover {
  color: #ffffff;
}
.viewmore {
  margin: 4vw auto;
  text-align: center;
}

.viewmore a {
  color: #000000;
}
.red{color: #cc1237;}

/*---header----*/
header .pc{display: block;}
header .sp{display: none;}

#pc_opennav h1 img {
  max-width: 400px;
  width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
#pc_opennav .pc_nav{
  display: flex;
  align-items: center;
}
#pc_opennav .pc_sns{
  display: flex;
  align-items: center;
}

header .nav_rt{
  display: flex;
}

#pc_opennav ul.nav_rt li{list-style: none;}
#pc_opennav .nav_rt ul.pc_nav li a {color: #000000;margin-right: 2vw;font-size: 1.5vw;} 
#pc_opennav .nav_rt ul.pc_sns li a {margin-right: 1.5vw;} 
/*---Top SNS----*/

section#top_release {
  max-width: 900px;
  border: 1px solid #cccccc;
  margin: 0 auto;
  padding: 2vw;
  margin: 3vw auto;
  display: flex;
}
section#top_release img{
  max-width: 350px;
  width: 100%;
}
.top_release_right {
  margin-left: 2vw;
}

/*---top----*/

/* section#top_main{
  padding: 9rem 0rem;
  background-image: url("../img/mainimg3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 1000px;
  width: auto;
} */

section#top_mainfull{
  padding: 0px;
}
section#top_mainfull figure img {
  width: 100%;
  height: auto;
}

#top_news ul li a{
  display: flex;
  justify-content: space-between;
  margin-bottom: 1vw;
  border-bottom: 1px solid #cccccc;
    padding-bottom: 1vw;
  color: #000000;
}
#top_news ul li a:hover {
  color: #90e1d8;
}
section#top_news {
  max-width: 900px;
  margin: 0 auto;
}
section#top_news .topnews_scroll{
  overflow: scroll;
  overflow-x: hidden;
  height: 100px;
}
section h2{
  text-align: center;
  margin: 10vw auto 3vw auto;
  font-size: 2vw;
}

section#live h2, section#news h2{
  margin: 5vw auto 3vw auto;
}
#news ul li a span {
  color: #555555;
}
/*---top music----*/
#top_music ul {
  display: flex;
  justify-content: center;
  max-width: 1220px;
  margin: 0 auto;
  width: 100%;

}

#top_music ul li.disc {
    padding: 2vw;
    box-sizing: border-box;
}
#top_music ul li.disc figure {
  max-width: 300px;
  overflow: hidden;
}
#top_music ul li.disc figure img {
  max-width: 300px;
    width: 100%;
    transition: 1s all;
}

#top_music ul li.disc span.type {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    display: block;
    margin-bottom: 0.5vw;
    padding-bottom: 0.5vw;
    margin-top: 1vw;
}

#top_music ul li.disc  a {
  display: block;
  text-align: right;

}

#top_music ul li.disc a figure img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
  filter:alpha(opacity=40); /* 0～100の値を指定　（例：40）  ※IE8以下用*/
  opacity:0.4;
}
/*---top movie----*/

section#top_movie {
  width: 100%;
  overflow: hidden;
}
#top_movie .movie_roop {
  display: flex;
  justify-content: center;
  text-align: center;
}

#top_movie .movie_roop div {
  margin-right: 2vw;
}
/*---mainimg----*/
.mainimg_pc{display: block;}
.mainimg_sp{display: none;}


#mainimg figure {
  display: flex;
  max-width: 100%;
  width: auto;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 900px;
}
#mainimg figure img {
  height: auto;
  width: 100%;
}
#mainimg figure img.fadeDown.mainimg01 {
  position: absolute;
  z-index: 8;
  max-width: 1500px;
}


#mainimg h1 img{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10vw;
  margin: 0 auto;
  z-index: 20;
  max-width: 500px;
}

#maintxt h1 img{ 
  position: absolute;
  right: 6%;
  bottom: 10%;
  margin: auto;
  filter: drop-shadow(0vw 0vh 0.8vw #45342A);
  max-width: 350px;
}




#maintxt p {
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.2rem;
  color: #ffffff;
}


/*fadein*/
/* 上から */

.fadeDown{
  animation-name:fadeDownAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
  }
  
  @keyframes fadeDownAnime{
    from {
      opacity: 0;
    transform: translateY(-100px);
    }
  
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }

.fadeLeft{
  animation-name:fadeLeftAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity:0;
  }
  
  @keyframes fadeLeftAnime{
    from {
      opacity: 0;
    transform: translateX(-100px);
    }
  
    to {
      opacity: 1;
    transform: translateX(0);
    }
  }
  
.margin_btm {margin-bottom: 5vw;}
#page_header h1.header_logo a {
    padding: 1rem;
    display: block;
    font-style: normal;
}

#page_header h1.header_logo {
  display: flex;
  align-items: center;
  font-size: 1vw;
  font-weight: 300;
}

h1.header_logo img {
  max-width: 210px;
}

#header_nav h1,#footer_nav h1{
  font-weight: 100;
  letter-spacing: 0.3rem;}
#header_nav h1 img,#footer_nav h1 img {
  max-width: 300px;
}

#nav-drawer ul#menu-drower_menu,
#footer_nav nav ul {
  display: inline-block;
}
#nav-drawer ul#menu-drower_menu li {
  padding: 0.7rem 3rem;
  list-style-type: none;
}
#footer_nav nav ul li {
  padding: 0.7rem 0rem;
  list-style-type: none;
}
#nav-drawer ul#menu-drower_menu li a,
#footer_nav nav ul li a{
  text-decoration: none;
}

#nav-drawer ul.sp_sns {
  list-style-type: none;
  display: flex;
}

footer nav#footer_nav {
  display: flex;
}
footer nav#menu {
  margin-left: 5rem;
}

header h1 a,
#footer_nav h1 a{
  text-decoration: none;
  font-weight: 100;
  letter-spacing: 0.4rem;
}
footer #nav-content {
  display: flex;
}

#header_main_page .gnav .gnav__wrap h1 a img {
  margin: 0 auto;
  max-width: 400px;
}
#header_main_page .gnav .gnav__wrap h1 a{
  display: grid;
  align-items: center;
  font-weight: 100;
  letter-spacing: 1.1rem;
  font-size: 3rem;
  color: #ffffff;
}
#header_main_page .gnav__menu__item a{
  color: #ffffff;
  padding: 0px;
}

ul.gnav__menu {
  margin: 5vw auto;
  text-align: left;
  width: auto;
}


/*general*/

.bg_gray{background-color: #F2F0F0;}
.blue{color:#91C8FC;}
.narrow{transform: scale(0.8, 1);}

section {
  width: 100%;
  padding: 8vh 0vh;
}
section h3 {
  font-weight: 500;
  font-size: 1.7vw;
  margin-bottom: 1.5vw;
}

section h4{
  font-weight: 500;
  font-size: 1.5vw;
}

.text_r,.text_l {
    margin: 10vw;
}

.gmap_link a {
  text-decoration: none;
  background-color: #ffffff;
  max-width: 350px;
  width: 100%;
  display: block;
  text-align: center;
}


footer.footerbg{ 
  background-color: #ffffff;
  margin-top: 10vw;
  background-image: url(../img/main_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 0;
}


.btn_link_01 a{
  text-align: center;
  margin: 3vh;
  background-color: #4E15D9;
  border-radius: 10px;
  width: 100%;
  max-width: 350px;
  padding: 2vw;
  display: block;
  margin: 0 auto;
}

h2 span {
  font-size: 50%;
  display: block;
}

/*news*/
section#news{
  max-width: 1200px;
  margin: 0 auto;
  width: 80%;
}
#news ul li a{
  display: flex;
  justify-content: space-between;
  margin-bottom: 1vw;
  border-bottom: 1px solid #cccccc;
    padding-bottom: 1vw;
  color: #000000;
  font-size: 1.3vw;
}

section#ews {
  max-width: 900px;
  margin: 0 auto;
}
section#news span.new,
section#top_news span.new{
    color: blueviolet;
    font-size: 1rem;
    margin-right: 0.5rem;
}
/*footer sns*/
section#sp_sns{
  margin-top: 9vw;
  box-sizing: border-box;
  overflow: hidden;
}

section#sp_sns ul.sns {
  display: flex;
  justify-content: center;
  margin-right: -5vw;
  box-sizing: border-box;
  overflow: hidden;

}
section#sp_sns ul.sns li a {
  display: flex;
  margin-right: 5vw;
}
/*about*/
#about p {
  margin: 0 auto;
  max-width: 700px;
  line-height: 4vw;
}
#about figure img {
  width: 100%;
  max-width: 1350px;
}

#about figure {
  margin: 7vw auto;
  width: 100%;
  text-align: center;
}


/*menu*/
.flex_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2vw;
}
#header_main_sp,
header #sp_drower{display: none;}

.menu{
  height: 27px;
  position: fixed;
  right: 20px;
  top: 30px;
  width: 60px;
  z-index: 99;
}
.menu__line{
  background: #777777;
  display: block;
  height: 2px;
  position: absolute;
  transition:transform .3s;
  width: 100%;
}
.menu__line--center{
  top: 11px;
}
.menu__line--bottom{
  bottom: 0;
}
.menu__line--top.active{
  top: 11px;
  transform: rotate(45deg);
}
.menu__line--center.active{
  transform:scaleX(0);
}
.menu__line--bottom.active{
  bottom: 14px;
  transform: rotate(135deg);
}
/*gnav*/
.gnav{
  background: rgba(0,0,0,0.8);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 98;
}
/* .gnav__wrap{
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
} */
.gnav__menu__item{
  margin: 40px 0;
}
.gnav__menu__item a{
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  padding: 40px;
  text-decoration: none;
  transition: .5s;
}
.gnav__menu__item a:hover{
  color: #666;
}


/*--all page----*/
section.page_all {
  margin:12rem auto;
  width: 100%;
  max-width: 830px;
}

.page_tit h2 {
  text-align: center;
  font-size: 3rem;
  font-weight: normal;
  letter-spacing: 0.5rem;
  margin-bottom: 3rem;

}

.page_tit h2 span {
    display: block;
    font-size: 0.8rem;
    margin: 1rem;
    letter-spacing: 0.1rem;
}


/*---movie一覧----*/

#movie .movie_roop {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 20px;
}

#movie .movie_roop iframe {
  padding-right: 20px;
  margin-top: 20px;
}

/*---musicページ----*/

#music ul {
  display: flex;
  justify-content: space-between;
  max-width: 1220px;
  margin: 0 auto;
  width: 100%;
  flex-flow: row wrap;
  flex-wrap: wrap;
}
#music ul::after {display: block;content:"";width: 370px;}/*---最後の行左寄せ----*/


#music ul li.disc {
    padding: 2vw;
    box-sizing: border-box;
}

#music ul li.disc figure img {
  max-width: 300px;
    width: 100%;
}

#music ul li.disc span.type {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    display: block;
    margin-bottom: 0.5vw;
    padding-bottom: 0.5vw;
    margin-top: 1vw;
}
section#cd_movie {
  text-align: center;
  margin-top: 5vw;
}

figure.artphot img {
  width: 100%;
  max-width: 450px;
  margin: 2rem auto;
  display: block;
}

section.cd_main {
  display: flex;
    max-width: 1200px;
    margin: 4vw auto;
}
.cd_main a.cd_link {
  margin-top: 2vw;
  display: block;
}

section.cd_main img {
  width: 100%;
  max-width: 450px;
}
.cd_main_right {
  margin-left: 3vw;
  width: 50%;
}

.cd_main_right h3 {
  border-bottom: 1px solid #cccccc;
  width: 100%;
  padding-bottom: 1vw;
}

.cd_main_right h4 {
  font-size: 2.5vw;
  margin-bottom: 1vw;
}

ul.download,ul.streaming,ul.onlineshop{
  display: flex;
  flex-wrap: wrap;
}
.shop ul li {
  height: 50px;
  width: 100px;
  padding: 0.8vw;
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
}
h5.buy{margin: 3vw 0 1vw;
  font-weight: 300;}
.shop ul li img {
  max-width: 99px;
}
.shop ul li img:hover{
filter:alpha(opacity=40); /* 0～100の値を指定　（例：40）  ※IE8以下用*/
opacity:0.4; /* 0～1の値を指定　（例：0.4）*/
}

ul.number {
  display: flex;
}

ul.number .left,ul.number .right {
  width: 50%;
}

.left p {font-size: 80%;text-align: right;}
.cd_song ul.number {
  margin-left: 2vw;
  margin-bottom: 3vw;
}
.cd_txt ul li span {
  display: block;
  font-size: 150%;
  margin-top: 20px;
}
.number .left li, .number .right li{list-style-type: decimal-leading-zero;font-size: 1.5vw;}
.number li {
  list-style-type: decimal-leading-zero;
  font-size: 1.3rem;
}
.cd_txt ul.number {
  display: block;
  margin-left: 5vw;
}

.cd_txt ul.number span {
  display: block;
  font-size: 2vw;
  margin-top: 3vw;
}

section.cd_txt {
  max-width: 1200px;
  margin: 0 auto;
  padding: 5vw;
}


section.cd_song {
  border: 1px solid #cccccc;
  padding: 3vw;
  margin: 0 auto;
  max-width: 1000px;
}

/*---Play button---*/



.btns {
  /* margin: 10px 6px; */
  height: 28px;
  width: 28px;
  color: #000000;
  font-size: 5px;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition-duration: 0.5s;
}

.btns:hover {
  background-color: #cccccc;
  color: #000000;
}

span.play {
  display: inline-flex;
  align-items: center;
}
span.play a {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}

/*---prof---*/

section#prof {
  display: flex;
}
.prof_rt h2 {
  font-size: 3vw;
  text-align: left;
  font-weight:300;
}
/* section#prof .prof_img{
  width: 100%;
  background-image: url(../img/main_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}  */
section#prof .prof_img img {
  max-width: 1000px;
  height: 1000px;
  object-fit: cover;
  width: 100%;
  top: 20vw;
}
.prof_rt {
  margin-left: 9vw;
  width: 50%;
  position: absolute;
  right: 5vw;
  max-width: 700px;
  top: 10vw;
  text-shadow: 2px 2px 10px #ffffff, -2px 2px 10px #ffffff, 2px -2px 10px #ffffff, -2px -2px 10px #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}


/*---お知らせ詳細/LIVE詳細----*/

.news_page,.live_page{
 max-width: 1200px;
 margin: 0 auto; 
}
.news_page h2,.live_page h2{
  border-bottom: 1px solid #cccccc;
  padding-bottom: 1vw;
  font-weight: 300;
  text-align: left;
  margin: 5vw auto;
}
.news_page h2 span,.live_page h2 span {
  margin-top: 1vw;
  font-size: 1.5vw;
  color: #999999;
}
.news_page img.w400{
  margin-bottom: 2vw;
  max-width: 400px;
  width: 100%;
}

img.infoimg {
  width: 100%;
}

section.pg_back {
  text-align: center;
  margin-top: 10vw;
}

.live_page figure img {
  margin-bottom: 2vw;
  max-width: 400px;
  width: 100%;
}
.news_page figure img {
  margin-bottom: 2vw;
  max-width: 1200px;
  width: 100%;
}
.news_page figure img.nimg {
  max-width: 500px;
  width: 100%;
}
/*---live.html---*/

#live ul li a{
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1vw;
  border-bottom: 1px solid #cccccc;
    padding-bottom: 1vw;
  color: #000000;
  font-size: 1.3vw;
}

section#live {
  max-width: 1200px;
  margin: 0 auto;
  width: 80%;
}

section#live ul li a span {
  margin-right: 4vw;
}
/*---live archive---*/
#live a.archive {
  text-align: right;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 90%;
}

#live a.back {
  text-align: left;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 90%;
}

/*---footer----*/
#copy {
  text-align: center;
  font-size: 80%;
  padding: 3vw;
  line-height: 2.5rem;
  /* position: absolute; */
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #F0F0F0;
}
footer.footer {
  margin-top: 20vw;
}
footer {
  background-color: #F0F0F0;
  margin-top:3vw ;
}



@media screen and (min-width:1800px){  /*-- width 1800px start--*/

.gnav__menu li{margin-left: 2vw;}


}

@media screen and (max-width:1200px){ 
section.cd_main {padding: 0 2vw;}
ul.sp_sns i.fab.fa-x-twitter,ul.sp_sns i.fab.fa-x-twitter::before{color: #ffffff;}
.number li{font-size:110% ;}
}
@media screen and (max-width:1139px){ 
#movie .movie_roop iframe {
  margin-bottom: 20px;
}

/*profile詳細*/
section#prof{display: block;}
.prof_rt {
  width: 100%;
  position: unset;
  max-width: 100%;
  text-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
  padding: 10vw;
  margin-left: 0;
}
.prof_rt h2 {
  font-size: 7vw;
  text-align: center;
}
section#prof .prof_img img{
  width: 100%;
  height: auto;
  max-width: 100%;
}
}
@media screen and (max-width:1024px){  /*-- width 1024px start--*/
#maintxt h1 img{max-width: 200px;}
#header_main_sp{display: block;}
#header_main{display:none}



/*gnav*/

/* .gnav__wrap h1 {
  display: grid;
  align-items: center;
  font-weight: 100;
  letter-spacing: 1.1rem;
  font-size: 3rem;
} */

.gnav__menu__item a {
  color: #fff;
  font-size: 1.2em;
  font-weight: 300;
}
.gnav__menu__item a{
  color: #ffffff;
}


figure.mainimg_img .mainimg01 {
  margin-right: 2rem;
  height: auto;
  width: auto;
  max-height: 50vh;
}


figure.mainimg_img .mainimg02 {
  margin-right: 1.5rem;
  height: auto;
  width: auto;
  max-height: 60vh;
}
figure.mainimg_img{
  right: 22vh;
}


/*footer*/
#copy {text-align: center;}


}/*-- width 960px end--*/
@media screen and (max-width:960px){
header #sp_drower{display: block;}
#pc_opennav .nav_rt,
#pc_opennav .pc_nav,
#pc_opennav,
#pc_opennav .pc_sns{display: none;}
header h1 a.sp{display: block;width: 100%;}
  figure.mainimg_img {display: none;}
  header ul.sp_sns{display: block;text-align: center;margin-top: 2rem;}
  header ul.sp_sns li {padding-bottom: 1rem;}
header ul.sp_sns i.fab.fa-instagram{color: #ffffff;} 
  figure.mainimg_img_sp {display: block;}
  #header_main_page .gnav .gnav__wrap h1 a img{margin: 0 auto;max-width: 200px;width: 100%;display: block;}
  .gnav__wrap {margin-top: 6vh;}
#header_main_page .gnav .gnav__wrap h1 a {
  width: 100%;
  overflow: hidden;
  font-size: 8vw;
  text-align: center;
  padding: 1rem;
  overflow: hidden;
  box-sizing: border-box;
  letter-spacing: 0.9rem;
}
img.sp_logo {
  max-width: 50vw;
  padding: 1vw;
}
section#top_sns,
section#top_prof{
  padding: 5vw;
}


#top_sns a{
  margin: 1vw;
  padding: 3.5vw;
}
.page_tit h2.tit, h2.tit{font-size: 4vw;}
.gnav__menu__item {
  text-align: center;
}

h1.header_logo {
  max-width: 300px;
}
ul#menu-drower_menu {
  padding-left: 0rem;
}
a.scrolldown span {
  left: 8%;}
  a.scrolldown:before{
    left: 6.8%;}

section.page_all {
  padding: 12rem 6rem;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

.btn_link_01{
  margin-bottom: 5rem;
}

.btn_link_01 a {
width: auto;
} 
a.scrolldown:after{
  left: 15%;
}
footer #nav-content{
  display: block;
}
footer nav#menu{
  margin: 0px;
}
#footer_nav h1 {
  font-size: 1.5rem;
}




footer nav#menu {
  margin-left: 2rem;
}


.company dd br,
.company dt br{
   display: block;
}
.company dd{flex-basis: 80%;}
.company dt {flex-basis: 20%;}

  #mainimg h1 img {
    width: 100%;
    max-width: 430px;
    filter: drop-shadow(0vw 0vh 3vw #45342A);
    margin: auto;
    left: 0;
    right: 0;
    bottom: 5vh;
    z-index: 10;
  }

  .mainimg_pc{display: none;}
  .mainimg_sp{display: block;}
#live ul li a{font-size: 120%;}
section h2{    font-size: 150%;}
section h3 {font-size: 110%;
  margin-bottom: 1px;}
section h4,.btn_link1 a {font-size: 3.5vw;}
#footer .gmap_link a,section#footer .business_hours .bg_gray, section#footer .business_hours .bg_pink{font-size: 2.4vw;}
table tr td.name,.link_more a,#footer p{font-size: 2.5vw;}
#maintxt h1 img{max-width: 380px;}
.top_release_right p {
  font-size: 3vw;
}

.page_tit h2.tit, h2.tit{font-size: 120%;}

.top_news_box_roop {
  display: block;
}
#mainimg figure img.fadeDown.mainimg01 {
  top: -4%;
  bottom: 0;
}

#mainimg figure img {
  width: 100%;
  height: auto;
}


section#top_news,
section#top_about{
  padding: 12vw;
}
section.cd_song{max-width: 90%;}
.cd_song ul.number {margin-left: 5%;}

.number li,
.number .left li,
.number .right li{font-size: 120%;}
.cd_txt ul.number span{font-size: 120%;}
.cd_song .left .left {margin-bottom: 5vw;}


}/*-- width 768px end--*/

@media screen and (max-width:600px){
  #pc_opennav h1 img {
    width: 100%;
    max-width: 300px;
}


img.sp_logo {
  max-width: 80vw;
  padding: 5vw;
}
.gnav__menu__item {
  margin: 4vw 0;
}

#header_main_page .gnav .gnav__wrap h1 a img{max-width: 40vw;}
  .sp_padding{padding: 9vw;}
  /* section#top_main{
    padding: 9rem 0rem;
    background-image: url("../img/mainimg3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
      width: auto;
  } */


  #top_release figure {width: 50%;}
  #top_movie .movie_roop,#top_music ul {display: block;text-align: center;}
  #top_release figure {width: 50%;}
  #top_music ul li.disc{display: flex;}
  nav.pc_opennav .sp{display: block;}
  nav.pc_opennav .pc{display: none;}
  #top_movie .movie_roop div iframe {
    width: 100%;
    max-width: 300px;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }



.disc figure {
  width: 50%;
}

.disc .disc_tit {
  width: 50%;
  margin-left: 3vw;
  text-align: left;
}
#music ul li.disc{    width: 50%;}
section#news ul li a {font-size: 4vw;}
#news ul li a span{font-size: 2.5vw;}
section#live ul li a span {font-size: 4vw;}
#live p {font-size: 4vw;}
#live ul li {padding: 4vw 0 0 0;}
.news_page h2 span{font-size: 3.5vw;}
.live_page h2 span{font-size: 6vw;}

iframe {
  width: 100%;
  max-width: 300px;
  height: auto;
}

/*music詳細ページ*/

ul.number{display: block;}
section.cd_song{padding: 5vw;}
section.cd_main{display: block;padding: 0vw 10vw;}

ul.number .left, ul.number .right {width: 100%;}
ul.number .left p {
  font-size: 70%;}
.cd_main_right h3 {font-size: 1rem;}
.cd_main_right h4 {
  font-size: 1rem;
  font-weight: 900;
}
.cd_main_right{
  padding: 7vw 0;
  width: auto;
  margin-left: 0;
}
section#cd_movie {
  margin: 6vw auto 0vw auto;
  text-align: center;
}

.cd_txt ul.number span {
  font-size: 6vw;
  margin-top: 10vw;
  margin-bottom: 2vw;
}
.cd_song ul.number {
  margin-left: 6vw;}

#music .disc figure {
  width: 100%;
}
#music .disc .disc_tit {
  width: 100%;
  margin-left: 3vw;
}
/*news*/
section#news ul li {padding: 2vw;}
#news ul li a,
#live ul li a{display: block;font-size: 3vw;padding-bottom: 3vw;}
section h2{font-size: 5vw;}
.news_page, .live_page {padding: 8vw;}
/*footer*/
footer{
  display: block;
  margin-top: 10vw;
}

.top_img img{
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0;
}
.business_hours p.bg_gray, .business_hours p.bg_pink {
  margin-bottom: 4vw;
}
section#top_about {
  padding: 10vw;
  box-sizing: border-box;
}



.page_tit h2.tit {
  font-size: 6vw;
  margin-bottom: 4vh;
}

.page_tit h2.tit, h2.tit{
  font-size: 8vw;
}



.gnav__menu li,
.gnav_wrap .sp_sns a {
  font-size: 5vw;
  line-height: 8vw;
  margin-bottom: 1rem;
}
/*top*/
#togakushi h2, #horie h2{
  height: 50vw;
}

#togakushi figure,
#horie figure {
  margin-top: 10vw;
}
/*about*/
section#about{
  padding: 0vw 8vw;
}

#about p{
  line-height: 8vw;
}

/*footer*/
footer.bg_red {
  margin-top: 0vh;
}


#footer .gmap_link a{
  padding-top: 0rem;
}
  .menu_all h5 {
    font-size: 4vw;
    margin-block-start: 0em;
    margin-block-end: 0em;
}


/*---*/

 
  a.scrolldown:before {
      left: 7.5%;}

  #mainimg{
    width: 100%;
    min-height: 75vh;
    margin: 0 auto;
 } 
 #maintxt p{
  font-size: 1rem;
  line-height: 2rem;
 }
 #mainimg h1 {
  font-size: 9vw;
}

  .maintxt1 {
    font-size: 6vw;
}
  .maintxt2 {
    font-size: 9vw;
}
a.scrolldown span {
  left: 8%;
  font-size: 0.8rem;
} 


section.section_p {
  padding: 2rem 2rem;
}
.btn_link_01 a{font-size: 1.2rem;}


#footer_nav h1{
  padding-bottom: 2rem;
}

}

@media screen and (max-width:520px){
  #top_sns a {
    padding: 5vw;}

.top_news_box_roop a,
.day_cate ime{
  font-size: 1rem;
}
#mainimg h1 img {
  width: 100%;
  max-width: 300px;
}
#mainimg figure img.fadeDown.mainimg01{
  top: 5%;
}
}

@media screen and (max-width:414px){
  section {
    padding: 2rem;
    box-sizing: border-box;
    overflow: hidden;
}
#mainimg figure img.fadeDown.mainimg01{
  top: 1%;
}
section#top_news{
  padding: 2rem;
  box-sizing: border-box;
  overflow: hidden;
  margin: 4rem auto;
}

  .gnav__wrap h1{
    padding-right: 0rem;
  }

  section#top_sns{
    display: block;
  }
  #top_sns a{
    margin: 1rem auto;
    padding-left: 2.3rem;
  }

  #top_sns a span {
    font-weight: 900;
    font-size: 1rem;
}

  }