@charset"UTF-8"
/****************************************

         　　　リセットスタイル          

*****************************************/
*{
              margin:0;
              padding:0;
              border:none;
              font-size:100%;
              font-style:normal;
              text-decoration:none;
              line-height:1;
              font-weight:normal;
}

ol,ul{
              list-style:none;
}

ul{
	          padding:0;
}

/****************************************

         　　　　　　ボディ   

*****************************************/
body{
	          font-family:"ヒラギノ角ゴPro W3",
	                    "Hiragino Kaku Gothic Pro",
	                    "メイリオ",Meiryo,Osaka,
	                    "MSPゴシック",
	                    "MS PGothic",
	                    sans-serif; 
}

/****************************************

                 コンテナ

*****************************************/
#container{
	          width:100%;
	          margin:0;
}

/****************************************

                 　ロゴ

*****************************************/
#wm_logo{
	          width:100%; 
	          margin-top:0px;
}

/****************************************

                 　ナビ

*****************************************/
#gnavi{
	          margin-top:-25px;
	          margin-bottom:50px;
	          position:-webkit-sticky;
	          position:sticky;
	          top:0;
	          background:rgba(255,255,255,0.8);
	          z-index:9999;
}

#gnavi_area{
	          width:1200px;
	          height:100px;
	          margin-left:auto;
	          margin-right:auto;
}

#gnavi_area ul{
	          text-align:center; 
}

#gnavi_area ul li{
	          display:inline-block;
	          margin-right:20px;
}

#gnavi_area ul li img{
	          width:100%; 
}

.s_gnavi{
	          width:85px; 
}

.m_gnavi{
	          width:130px; 
}

.l_gnavi{
	          width:170px; 
}

#gnavi_kuma{
	          margin-top:28px;
	          width:120px; 
}

#gnavi_kitsune{
	          margin-top:18px;
	          width:120px;
}

#gnavi_gorilla{
	          margin-top:-1px;
	          width:95px;
}

#gnavi_mimizuku{
	          margin-top:-5px;
	          width:70px; 
}

#gnavi_shika{
	          margin-top:px;
	          width:105px  
}

#gnavi_risu{
	          margin-top:7px;
	          width:80px; 
}


#gnavi_usagi{
	          margin-top:10px;
	          width:100px; 
}
/****************************************

                 　TOP

*****************************************/
#gnavi_top{
	          width:1200px;
	          height:600px;
	          margin-left:auto;
	          margin-right:auto;
	          background-image:url("../img/hp_back2.png");
	          background-repeat:no-repeat;
	          background-size:1200px 600px;
}

#gorilla{
	          position:absolute;
	          top:280px;
	          left:600px;
	          width:210px; 
}

#gorilla:hover{
	          position:absolute;
	          top:220px;
	          left:580px;
	          width:280px; 
}

#kuma{
	          position:absolute;
	          top:310px;
	          left:900px;
	          width:260px; 
}

#kuma:hover{
	          position:absolute;
	          top:330px;
	          left:880px;
	          width:320px;
}

#kitsune{
	          position:absolute;
	          top:530px;
	          left:700px;
	          width:220px; 
}

#kitsune:hover{
	          position:absolute;
	          top:500px;
	          left:630px;
	          width:270px;
}

#mimizuku{
	          position:absolute;
	          top:515px;
	          left:440px;
	          width:105px;
}

#mimizuku:hover{
	          position:absolute;
	          top:512px;
	          left:440px;
	          width:150px;
}

#risu{
	          position:absolute;
	          top:620px;
	          left:180px;
	          width:120px;
}

#risu:hover{
	          position:absolute;
	          top:580px;
	          left:130px;
	          width:170px;
}

#shika{
	          position:absolute;
	          top:530px;
	          left:950px;
	          width:200px; 
}

#shika:hover{
	          position:absolute;
	          top:490px;
	          left:870px;
	          width:260px;
}

#usagi{
	          position:absolute;
	          top:650px;
	          left:560px;
	          width:160px; 
}

#usagi:hover{
	          position:absolute;
	          top:620px;
	          left:580px;
	          width:210px; 
}

.animal{
	          width:100%; 
}

#theme{
	          margin-left:auto;
	          margin-right:auto;
	          width:380px;
}

#theme img{
	          width:100%;
}

#lb_title{
	          font-size:200%;
	          font-weight:bold;
}

#layer_left, #layer_right{
	          display:inline-block;
}

#layer_right p, #layer_left p{
	          font-size:150%;
}

#layer_left{
	          margin-right:50px;
}

.big{
	          font-weight:bold;
	          font-size:200%;
}

/****************************************

                 TOP NEWS

*****************************************/
#news{
	          width:1200px;
	          margin-top:50px;
	          margin-left:auto;
	          margin-right:auto; 
	          text-align:center;
}

#what{
	          margin:0;
	          font-weight:bold;
	          font-size:300%;
}

#news_area{
	          overflow:auto;
	          height:400px;
	          padding:20px;
	          margin-top:0;
	          margin-bottom:50px;
}

.news{
	          position:relative;
	          display:inline-block;
	          height:250px;
	          width:300px;
	          vertical-align:top;
	          margin-left:20px;
	          margin-bottom:10px;
	          padding:20px;
	          border:dotted 1px;
	          
}

.new{
	          position:absolute;
	          z-index:1000;
	          top:10px;
	          left:20px;
}

.news p{
	          font-size:140%;
	          font-weight:bold;
	          color:blue;
}

.news p:first-letter{
	          font-size:200%;
}

.line{
	          text-decoration:underline;
}

.news a{
	          text-decoration:none;
}

.remodal p{
	          font-size:200%;
}

.contents{
	          margin-bottom:30px;
}

.zoom:hover{
	          width:650px;
}

.big{
	          font-weight:bold;
	          font-size:150%;
}

/****************************************

                  BIO

*****************************************/
#biography{
	          width:1000px;
	          margin-left:auto;
	          margin-right:auto;
	          text-align:center; 
}

#member{
	          margin-top:20px;
}

#profile{
	          padding:50px;
}

#band_theme{
	          font-size:120%;
	          font-weight:bold;
}

#biography dl{
	          display:block;
	          width:1000px;
	          margin-left:auto;
	          margin-right:auto;
	          text-align:left;
}

#biography dl dt{
	          font-size:80%;
}

#biography dl dd{
	          font-size:90%;
}

/****************************************

                  LIVE

*****************************************/
#live{
	          width:1200px;
	          margin-left:auto;
	          margin-right:auto;
}

.live_area{
	          width:800px;
	          margin-left:auto;
	          margin-right:auto;
	          margin-bottom:5px;
	          padding:20px;
	          border:dotted 1px;
}


.live_year{
	          font-size:90%;
}

.live_day{
	          font-size:160%;
	          font-weight:bold;
}

.live_title{
	          font-size:120%;
	          font-weight:bold;
}

.live_title2{
	          font-size:160%;
	          font-weight:bold;
}

.live_place{
	          color:blue;
	          font-size:120%;
}

.live_contents{
	          text-align:center;
}

.live_act{
	          font-size:120%;
	          font-weight:bold;
}

#live p{
	          text-align:center;
	          margin-top:50px;
}

.ticket{
	          display:inline-block;
	          margin-right:15px; 
}

#ex{
	          height:500px;
	          overflow:hidden;
}

#leftContents{
	          float:left;
	          width:350px;
	          height:450px;  
	          margin:10px;
}

.rightImg{
	          float:right;
	          width:350px;
	          height:450px;
	          margin-top:-150px;
}

.liveFlyer:hover{
	          height:800px;
}


/****************************************

              LIVE Archive

*****************************************/
#past_live{
	          width:1200px;
	          margin-left:auto;
	          margin-right:auto; 
	          text-align:center;
}

.p_live_area{
	          display:inline-block;
	          width:350px;
	          margin-right:10px;
	          margin-bottom:10px;
	          padding:5px;
}


.p_live_year{
	          font-size:90%;
	          text-align:left;
	          
}

.p_live_day{
	          font-size:100%;
	          font-weight:bold;
	          text-align:left;
}

.p_live_title{
	          font-weight:bold;
}

.p_live_title2{
	          font-size:100%;
	          font-weight:bold;
}

.p_live_place{
	          color:blue;
}

.p_live_contents{
	          text-align:center;
}

.p_live_act{
	          font-weight:bold;
}


/****************************************

                 MEDIA

*****************************************/
#media{
	          width:1200px;
	          margin:0 auto;
}

.media_contents{
	          width:800px;
	          margin:0 auto;
}

#media p{
	          margin-bottom:-40px;
	          padding-left:10px;
	          font-size:200%;
	          font-weight:bold;
}

#tv_p{
	          margin-top:100px;
}

.media_area{
	          padding:50px;
	          text-align:left;
	          font-size:80%; 
}



.media_title{
	          margin-top:20px;
	          margin-bottom:10px;
	          font-size:130%; 
}

.ch_title{
	          font-weight:bold;
	          font-size:120%;
}

.magazine_img{
	          height:150px; 
}
/****************************************

                 MOVIE

*****************************************/
#movie{
	          width:1200px;
	          margin-left:auto;
	          margin-right:auto;
	          text-align:center; 
}

.movie_area{
	          display:inline-block;
	          width:520px;
	          margin-right:20px;
	          margin-bottom:10px;
	          padding:20px; 
}

.fake{
	          width:420px;
	          height:320px;
	          margin-left:auto;
	          margin-right:auto;
	          border:solid; 
}

.movie_area p{
	          font-size:120%;
	          font-weight:bold;
}

/****************************************

                 picture

*****************************************/
.pictureArea{
	          width:1200px;
	          margin-left:auto;
	          margin-right:auto;
	          margin-bottom:50px; 
	          text-align:center;
}

.pictureArea p{
	          font-size:120%;
	          font-weight:bold;
}

.pictureArea span{
	          font-weight:bold;
	          font-size:160%;
}

.pictureArea img{
	         width:150px;
	         height:150px;
	         margin:6px 6px 6px 6px; 
}

#toMovie{
	          text-align:center;
	          margin:50px 0 0 50px;
}
/****************************************

                 DISCO

*****************************************/
#discography{
	          width:1200px;
	          margin-left:auto;
	          margin-right:auto;
	          text-align:center; 
}

.disco_area{
	          display:inline-block;
	          width:750px;
	          height:500px;
	          margin-right:20px;
	          margin-bottom:10px;
	          padding:20px;
	          border:dotted 1px;  
	          overflow:hidden; 
}


.disco_image{
	          width:400px;
	          height:400px;
	          margin-left:auto;
	          margin-right:auto;
	          float:left;
}


.disco_image img{
	          width:100%;
}

.set_list{
	          width:300px;
	          margin-left:auto;
	          margin-right:auto;
	          padding:10px;
	          float:right;
}

.set_list ul{
	          text-align:left;
	          padding-left:50px;
}

.disco_area p{
	          font-size:120%;
	          font-weight:bold;
}

.set_list p a{
	          display:inline-block;
	          margin-right:10px; 
}

.utage-online ul{
	          text-align:left;
	          margin-bottom:5px;
}
/****************************************

                 GOODS

*****************************************/
#goods{
	          width:1200px;
	          margin-left:auto;
	          margin-right:auto;
	          text-align:center; 
}

.goods_area{
	          display:inline-block;
	          width:500px;
	          margin-right:20px;
	          margin-bottom:10px;
	          padding:20px;
	          border:dotted 1px;  
}

.bxslider li{
	          width:400px;
	          height:400px;
	          margin-left:auto;
	          margin-right:auto;
}

.bxslider li img{
	          width:100%;
}

.goods_area p{
	          font-size:120%;
	          font-weight:bold;
}
.bxslider2 li{
	          width:400px;
	          margin-left:auto;
	          margin-right:auto;
}
.bxslider2 li img{
	          width:100%;
}

/****************************************

                 CONTACT

*****************************************/
#contact{
	          width:800px;
	          margin-left:auto;
	          margin-right:auto;
	          text-align:center; 
}

.c-form {
	max-width: 600px;
	margin: 0 auto;
}
.c-form__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-bottom: 20px;
}
.c-form__label,
.c-form__input {
	padding: 10px;
}
.c-form__label {
	width: 90%;
}
.c-form__input {
	width: 90%;
	font-size: 16px;
	border: solid 1px #333;
	border-radius: 4px;
}
.c-form__input:focus-visible {
	outline: green auto 1px;
}
.c-form__required {
	color: #fff;
	background-color: green;
	border-radius: 4px;
	padding: 5px 5px;
	margin: 0 0 0 18px;
}
textarea.c-form__input {
	height: 160px;
}
.c-form__submit {
	text-align: center;
}
.c-form__submit button {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: green;
	border: solid 1px green;
	border-radius: 4px;
	padding: 5px 32px;
	transition: 0.4s;
	cursor: pointer;
}
.c-form__submit button:hover {
	color: green;
	background-color: transparent;
}

@media (min-width: 640px) {
	.c-form__item {
		flex-wrap: nowrap;
	}
	.c-form__label {
		width: 40%;
	}
	.c-form__input {
		width: 55%;
	}
}

/****************************************

                 FOOTER

*****************************************/
#footmenu{
	          width:1200px;
	          margin-top:50px;
	          margin-left:auto;
	          margin-right:auto;
	          text-align:center;  
}

.big_logo{
	          height:40px;
	          margin-right:20px; 
}

.small_logo{
	          height:50px;
	          margin-right:20px; 
}

#footer{
	          margin-top:50px;
	          text-align:center;
	          font-size:80%;
}