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

.page_title1{font-size: 2vw;
	line-height: 120%;
	padding-top: 0;
	text-align: center;}

.page_title2{padding-top: 70px;
	font-size: 3vw;
	line-height: 120%;
	text-align: center;}
	
.page_title3{padding-top: 100px;
	font-size: 5vw;
	line-height: 120%;
	text-align: center;}

.title_img1{width: 20%;
	margin: 0 auto;}

.title_text1{font-size: 2.4vw;}

@media screen and ( max-width:1000px )
{
.page_title3{padding-top: 0;}
}
	


.color_list{width: calc(50% - 20px);
	min-width: 500px;
	padding: 5px 10px;
	margin: 0 auto;
	background: rgba(255,255,255,0.90);
	border: rgba(90,90,90,1.00) solid 1px;
	border-radius: 5px;
	position: -webkit-sticky;
	position: sticky;
	top: 101px;
	z-index: 2;}

.member_box{display: flex;
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	justify-content: flex-start; /* 左寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/}
	
.kana_btn{font-size: max(1.2vw,14px);}

.kana_btn a{color:rgba(255,140,0,1.00);}

.member_block{width: 13.6%;
	padding: 0 1%;
	margin: 0 0.5% 15px;}

@media screen and ( max-width:1400px )
{
.member_block{width: 17%;
	padding: 0 1%;}
}

@media screen and ( max-width:1100px )
{
.member_block{width: 22%;
	padding: 0 1%;}
}

.member_img1,.member_img1 img{width: 100%;}

.member_img1{margin-bottom: 10px;
	position: relative;
	overflow: hidden;}
	
.member_img_inner{width: 100%;
	position: absolute; top: 0; left: 0;}
	
.member_img_inner img{width: 100%;}
	
.member_color{width: 30%;
	height: 5%;
	position: absolute; bottom: 5%; right: 0;}

.member_name1{font-size:  max(1.1vw,16px);
	line-height: 130%;}
	
.member_name2{font-size: max(0.8vw,10px);}

.profile_inner1{width: 60%;
	min-width: 650px;
	margin: 0 auto;
	overflow: hidden;}
	
.profile_inner2{width: 60%;
	min-width: 650px;
	margin: 0 auto;
	overflow: hidden;}	

.profile_img_box{width: 45%;
	margin: 0 auto;
	padding-right: 1%;
	/*overflow: hidden;*/
	float: left;}

/* profile_img */	
.profile_img_box_inner{width: 100%;
	position: relative;
	float: right;}

.profile_img_box_main{width: 100%;
	/*margin-bottom: 5px;*/
	float: right;
	position: relative;}
	
.profile_img_box_main img{width: 100%;}
	
.profile_img_img1,.profile_img_img2,.profile_img_img3,.profile_img_img4,.profile_img_img5,.profile_img_img6,.profile_img_img7{width: 100%;
	position: absolute; top: 0; left: 0;
	transition: 0.3 all;}

.profile_img_img1 img,.profile_img_img2 img,.profile_img_img3 img,.profile_img_img4 img,.profile_img_img5 img,.profile_img_img6 img,.profile_img_img7 img{width: 100%;}

.profile_img_img1{transition: 0.3 all;}

.visible{opacity: 1.0;}
.invisible{opacity: 0;}

.profile_img_thumb_box{width: 120%;
	position: absolute; bottom: 0; left: 105%;
	overflow: hidden;}
	
.profile_img_thumb1,.profile_img_thumb2,.profile_img_thumb3,.profile_img_thumb4,.profile_img_thumb5,.profile_img_thumb6,.profile_img_thumb7{width: 15%;
	margin-right: 1%;
	border:rgba(203,203,203,1.00) solid 1px;float: left;}
	
.profile_img_thumb1 img,.profile_img_thumb2 img,.profile_img_thumb3 img,.profile_img_thumb4 img,.profile_img_thumb5 img,.profile_img_thumb6 img,.profile_img_thumb7 img{width: 100%;}

.current_border{border: rgba(255,140,0,1.00) solid 1px;}

.profile_text1{width: 52%;
	padding-left: 2%;
	float: right;
	position: relative;}

.profile_name1{font-size: 0.9vw;}

.profile_name2{font-size: 2.4vw;}

.profile_block1{width: 48%;
	padding-right: 2%;
	text-align: left;
	float: left;}

.profile_medianame1{font-size: 1.4vw;
	line-height: 150%;
	color: rgba(90,90,90,1.00);
	border-bottom: rgba(171,171,171,1.00) solid 2px;}

.profile_mediatext1{font-size: 0.9vw;
	line-height: 150%;}

.sns{overflow: hidden;}

.icon_box1{width: 7.5%;
	padding-right: 5%;
	float: left;
	transition: 0.3s all;}
	
.icon_box2{width: 15%;
	float: left;
	transition: 0.3s all;}

.icon_box1:hover,.icon_box2:hover{opacity: 0.7;}

.icon_box1 img,.icon_box2 img{width: 100%;}

/* tab */

.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  border: rgba(215,215,215,1.00) solid 1px;
  width: calc(100% - 2px);
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/6);
  border-bottom: 3px solid rgba(255,140,0,1.00);
  background-color: #d9d9d9;
  line-height: 200%;
  font-size: max(0.9vw,12px);
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0 20px 0;
  clear: both;
  overflow: hidden;
  text-align: left;
  font-size: 0.9vw;
  line-height: 150%;
}

.tab_content_description{height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;}

/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,#tab2:checked ~ #tab2_content,#tab3:checked ~ #tab3_content,#tab4:checked ~ #tab4_content,#tab5:checked ~ #tab5_content,#tab6:checked ~ #tab6_content,#tab7:checked ~ #tab7_content,#tab8:checked ~ #tab8_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: rgba(255,140,0,1.00);
  color: #fff;
}

/*stage */
.stage_main_box{min-height: 50vh;}

.stage_nav{width: 15%;
	min-width: 180px;
	font-size: max(1.2vw,16px);
	line-height: 200%;
	text-align: center;
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
	z-index: 2;
	transition: 0.3s all;}
	
.stage_nav:hover{transform: scale(1.05,1.05);}

@media screen and ( max-width:1100px )
{
.stage_nav{position: -webkit-sticky;
	position: sticky;
	top: 10px;
	z-index: 2;}
}

.stage_nav a{display: block;}

.stage_team_logo1{width: 15%;
	margin: 0 auto;}

.stage_team_logo1 img{width: 100%;}

.stage_name1,.stage_name2{width: 60%;
	margin: 0 auto;}

.stage_name1{font-size: 1.4vw;}

.stage_name2{font-size: 1.8vw;}

.stage_name1 img,.stage_name2 img{width: 100%;}

.stage_img,.school_img{width: 60%;
	margin: 0 auto;
	aspect-ratio: 5 / 3;
	text-align: center;}
	
.stage_img img{object-fit: contain;
	width: 100%;
	height: 100%;}

.stage_img2{width: 60%;
	margin: 0 auto;
	overflow: hidden;}

.stage_img2 img{width: 100%;}

.stage_img2_inner1{width: 31.5%;
	float: left;}
	
.stage_img2_inner2{width: 68%;
	float: left;}
	
.stage_img2_inner3{width: 50%;
	float: left;}
	
.stage_img2_inner4{width: 80%;
	margin: 0 auto;}


.school_img img{height: 100%;}

.movie_box1{width: 100%;
	overflow: hidden;}
	
.movie_block1{width: 48%;
	padding: 0 1%;
	float: left;}

.movie_block2{width: 48%;
	margin: 0 auto;}

.movie_block1 iframe,.movie_block2 iframe{width: 100%;
	aspect-ratio: 16/9;}

.stage_cast_box1{width: 100%;
	display: flex;
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	justify-content:center; /* 中央 寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/}
	
.stage_cast_box2{width: 100%;
	display: flex;
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	justify-content: flex-start; /* 左寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/}

.stage_cast_block1{width: 20%;}

.stage_cast_block2{width: 12.5%;}

.stage_cast_block3{width: 16.6%;}

.stage_cast_img1{width: 100%;
	overflow: hidden;
	position: relative;}

.stage_cast_img1 img{width: 100%;}

.stage_cast_img_inner{width: 100%;
	position: absolute; top: 0; left: 0;}
	
.stage_cast_img_inner img{width: 100%;}

.stage_cast_name1{font-size: max(1.0vw,16px);}

.stage_cast_name2{font-size: max(0.7vw,10px);}

.link_comment{width: 25%;
	margin: 0 auto;
	transition: 0.3s all;}
	
.link_comment:hover{transform: scale(1.05,1.05);}

.stage_block1{width: calc(60% - 30px);
	min-width: 620px;
	padding: 20px 15px;
	margin: 0 auto;}
	
.stage_block2{width: 70%;
	min-width: 650px;
	padding: 20px 0;
	margin: 0 auto;}

.stage_blocktitle1{width: 100%;
	background: rgba(50,50,50,1.00);
	text-align: center;
	line-height: 200%;}

.stage_schedule_img,.stage_schedule_img img{width: 100%;}

.stage_list_box{width: 80%;
	min-width: 650px;
	margin: 0 auto;
	overflow: hidden;}
	
.stage_list_list1{width: 20%;
	float: left;}

.stage_list_year{font-size: 2vw;
	line-height: 130%;
	border-bottom: rgba(0,0,0,1.00) dotted 1px;}

.stage_list_list2{width: 80%;
	float: left;}
	
.stage_list_block1{width: calc(90% - 30px);
	padding: 15px;
	margin: 0 auto;
	border: rgba(0,0,0,0.30) solid 1px;
	overflow: hidden;
	transition: 0.3s all;}

.entry_off{width: 100%;
	background: rgba(73,73,73,1.00);
	color: rgba(255,255,255,1.00);
	margin-bottom: 10px;}
	
.entry_on{width: 100%;
	background: rgba(47,133,223,1.00);
	color: rgba(255,255,255,1.00);
	margin-bottom: 10px;}

.stage_list_img{width: 20%;
	float: left;}
	
.stage_list_img img{width: 100%;}

.stage_list_text_box{width: calc(80% - 15px);
	padding: 0 0 0 15px;
	float: left;}

.stage_timetable2 img{width: 36.6%;}

.orange_box{padding: 0 2%;
	background: rgba(252,199,113,1.00);}

.goods_box{display: flex;
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	justify-content: flex-start; /* 左寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/}

.goods_block1{width: 49%;
	padding: 15px 1% 15px 0;
	overflow: hidden;}
	
.goods_img{width: calc(30% - 2px);
	border: rgba(0,0,0,0.20) solid 1px;
	float: left;}
	
.goods_img img{width: 100%;}

.goods_text{width: 68%;
	padding-left: 2%;
	float: left;}

.goods_text2{width: 100%;
	float: left;}

table{width: 100%;}

.td1{width: 28%;
	padding: 10px 1%;
	vertical-align: middle;}

.td2{width: 68%;
	padding: 10px 1%;
	border: rgba(0,0,0,0.20) solid 1px;}

.td3{width: 10%;
	vertical-align: middle;}

.td4{width: 28%;
	padding: 5px 1%;}


.img_box_tate{width: 60%;
	aspect-ratio: 5 / 3;
	margin: 0 auto;
	display: flex;
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	justify-content:center; /* 左寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/}
	
.img_box_tate img{width: auto;
	height: 100%;}

.title_border1{width: 100%;
	font-size: max(2vw,28px);
	border-top: rgba(255,140,0,1.00) solid 1px;
	border-bottom: rgba(255,140,0,1.00) solid 1px;}

.stage_btn1{width: 25%;
	margin: 0 auto;
	line-height: 200%;
	background: rgba(0,144,217,1.00);
	border-radius: 5px;
	transition: 0.3s all;}
	
.stage_btn1:hover{transform: scale(1.05,1.05);}
	
.stage_btn1 a{display: block;}

.setup_img{width: 80%;
	margin: 0 auto;}
	
.setup_img img{width: 100%;}

.interview_box{text-align: left;
	overflow:hidden;}
	
.interview_img{width: 15%;
	padding-right: 1%;
	float: left;}
	
.interview_img img{width: 100%;}

.bar1{width: 100%;
	height: 1px;
	margin: 5px 0;
	background: rgba(0,0,0,0.20);}

.bar_dot1{width: 100%;
	border-bottom: rgba(0,0,0,1.00) dotted 1px;}

.img_box1{width: 70%;
	margin: 0 auto;}
	
.img_box2{width: 50%;
	margin: 0 auto;}
	
.img_box3{width: 30%;
	margin: 0 auto;}
	
.img_box1 img,.img_box2 img,.img_box3 img{width: 100%;}

.stage_innerbox1{width: calc(95% - 30px);
	padding: 15px;
	margin: 0 auto;
	border: rgba(0,0,0,1.00) solid 1px;}
	
.stage_innerbox_title1{width: calc(100% - 30px);
	padding: 5px 15px;
	background: rgba(50,50,50,1.00);}


/* kodomo-set */
.kodomo_topic1{width: calc(100% - 40px);
	padding: 20px;
	background: rgba(245,245,245,1.00);
	overflow: hidden;
	transition: 0.3s all;}
	
.kodomo_topic1:hover{transform: scale(1.02,1.02);}
	
.kodomo_topic_img{width: 25%;
	float: left;}
	
.kodomo_topic_img img{width: 100%;}

.kodomo_topic_text{width: 73%;
	padding-left: 2%;
	float: left;}

.kodomo_title1{width: 50%;}

.kodomo_title1 img{width: 100%;}

.kodomo_stages{display: flex;
	justify-content: space-between; /* 両端+等間隔 */}
	
.kodomo_stage_img{width: 30%;}
	
.kodomo_stage_img img{width: 100%;}

.btn1{width: 40%;
	margin: 0 auto;
	text-align: center;
	line-height: 200%;
	transition: 0.3s all;}

.btn1:hover{transform: scale(1.05,1.05);}

.btn1 a{display: block;}

.instaglam_btn1{width: 5%;
	margin: 0 auto;
	transition: 0.3s all;}

.instaglam_btn1:hover{transform: scale(1.05,1.05);}

.instaglam_btn1 img{width: 100%;}

.img_s{width: 30%;}

.img_s img{width: 100%;}

/* topics */

.topic_img1{width: 20%;
	margin: 0 auto;}
	
.topic_img1 img{width: 100%;}

.topic_btn1{width: 20%;
	margin: 0 auto;
	line-height: 200%;
	border-radius: 100px;
	background: rgba(255,140,0,1.00);
	transition: 0.3s all;}
	
.topic_btn1:hover{transform: scale(1.05,1.05);}

.topic_btn1 a{display: block;}

.act_logo{width: 100%;}

.act_logo img{width: 15%;}

@media screen and ( max-width:820px )
{
.page_title2,.page_title3{padding-top: 0;}

.page_title1{font-size: 10vw;
	line-height: 120%;
	padding-top: 0;}
	
.page_title2{font-size: 6vw;
	line-height: 120%;}
	
.page_title3{font-size: 14vw;
	line-height: 120%;}

.title_img1{width: 40%;}

.title_text1{font-size: 6VW;}

.color_list{width: calc(100% - 20px);
	min-width: 0;
	padding: 5px 10px;
	font-size: max(3.4vw,12px);
	position: -webkit-sticky;
	position: sticky;
	top: 5px;
	z-index: 2;}

.kana_btn{font-size: 4.6vw;}

.member_block{width: 46%;
	margin: 0 1% 10px;
	padding: 0 1%;}
	
.member_name1{font-size:  max(1.1vw,16px);
	line-height: 130%;}
	
.member_name2{font-size: max(0.8vw,10px);}

.profile_inner1{width: 100%;
	min-width: 0;
	margin: 0 auto;
	display: flex;
	flex-direction: row; /* 左から */
	flex-wrap: wrap; /* 複数行に配置、左から右へ、上から下へ、の順番に。 */
	justify-content: center; /* 左寄せ */
	align-items: flex-start; /* アイテムを先頭にまとめて配置。*/}
	
.profile_inner2{width: 100%;
	min-width: 0;
	margin: 0 auto;
	overflow: hidden;}	

.profile_img_box{width: 90%;
	margin: 0 auto;
	padding-right: 0;
	float: none;
	overflow: hidden;}
	
.profile_img1{width: 50%;
	float: right;}
	
.profile_img_spacer{width: 25%;
	height: 1px;
	float: right;}

.profile_img_thumb_box{width: 100%;
	padding-top: 10px;
	position: relative; left: 0;}

.profile_img_thumb1,.profile_img_thumb2,.profile_img_thumb3,.profile_img_thumb4,.profile_img_thumb5,.profile_img_thumb6,.profile_img_thumb7{width: 14.8%;}

.profile_text1{width: 100%;
	padding-left: 0;
	float: none;}

.profile_name1{font-size: 3.4vw;
	padding-top: 10px;}

.profile_name2{font-size: 6vw;}

.profile_block1{width: 100%;
	padding-right: 0;
	text-align: left;
	float: none;}

.profile_medianame1{font-size: 4.4vw;}

.profile_mediatext1{font-size: 3.2vw;}

.icon_box1{width: 12%;
	padding-right: 5%;
	float: left;}
	
.icon_box2{width: 24%;
	float: left;}

.icon_box1:hover,.icon_box2:hover{opacity: 1.0;}

/* tab */

.tabs {
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
  width: calc(100% - 2px);
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  line-height: 50px;
  font-size: max(3.2vw,10px);
}
.tab_item:hover {
  opacity: 0.75;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0 15px 0;
  font-size: 3.2vw;
}

/*stage */
.stage_nav2{width: 45%;
	min-width: 150px;
	font-size: 16;
	line-height: 40px;
	text-align: center;
	position: fixed; bottom: 15px; left: 10px;
	z-index: 2;
	transition: 0.3s all;}
	
.stage_nav:hover{transform: scale(1.00,1.00);}

.stage_team_logo1{width: 30%;
	margin: 0 auto;}

.stage_name1,.stage_name2{width: 100%;}

.stage_name1{font-size: 4vw;}

.stage_name2{font-size: 4.4vw;}

.stage_img{width: 90%;
	margin: 0 auto;
	aspect-ratio: 5 / 5;}

.stage_img2{width: 100%;}

.stage_img2_inner1,.stage_img2_inner2{width: 100%;}

.school_img{width: 90%;
	margin: 0 auto;
	aspect-ratio: 5 / 3;}

.school_img img{width: 49%;
	height: auto;}

.movie_block1,.movie_block2{width: 100%;
	padding: 0;
	float: none;}

.link_comment{width: 60%;
	margin: 0 auto;
	transition: 0.3s all;}
	
.link_comment:hover{transform: scale(1.00,1.00);}

.stage_cast_block1{width: 50%;}

.stage_cast_block2,.stage_cast_block3{width: 33.3%;}

.stage_cast_name1{font-size: max(3.8vw,16px);}

.stage_cast_name2{font-size: max(3.0vw,10px);}

.stage_block1{width: calc(100% - 30px);
	min-width: 0;
	padding: 20px 15px;
	margin: 0 auto;}
	
.stage_block2{width: 100%;
	min-width: 0;
	padding: 20px 0;
	margin: 0 auto;}


.stage_blocktitle1{width: 100%;
	padding: 10px 0;
	background: rgba(50,50,50,1.00);
	text-align: center;
	line-height: 150%;}

.stage_list_box{width: 100%;
	min-width: 0;
	margin: 0 auto;
	overflow: hidden;}
	

.stage_list_year{font-size: 3vw;
	line-height: 130%;
	border-bottom: rgba(0,0,0,1.00) dotted 1px;}

.stage_list_list2{width: 100%;
	float: left;}
	
.stage_list_block1{width: calc(95% - 30px);
	padding: 15px;}
	
.stage_list_img{width: 60%;
	margin: 0 auto 15px;
	float: none;}
	
.stage_list_img img{width: 100%;}

.stage_list_text_box{width: 100%;
	padding: 0 0 0 0;
	float: left;}

select.year_select{width: 60%;
	margin: 0 auto;
	border: 1px;
	font-size: 6vw;}
	
.year_select option{font-size: 6vw;}

.goods_block1{width: 100%;
	padding: 15px 0;
	overflow: hidden;}

.td1{width: auto;
	display: block;
	padding: 10px 0;
	vertical-align: middle;}

.td2{width: auto;
	display: block;
	padding: 10px;}
	
	
.img_box_tate{width: 90%;}

.title_border1{font-size: 4vw;}

.stage_btn1{width: 80%;
	margin: 0 auto;
	line-height: 250%;}
	
.stage_btn1:hover{transform: scale(1.0,1.0);}
	
.setup_img{width: 100%;}

.interview_img{width: 25%;
	padding-right: 1%;
	float: left;}
	
.img_box1{width: 100%;
	margin: 0 auto;}

.img_box2{width: 70%;
	margin: 0 auto;}
	
.img_box3{width: 50%;
	margin: 0 auto;}

/* kodomo-set */
.kodomo_topic1{width: calc(100% - 30px);
	padding: 15px;}
	
.kodomo_topic1:hover{transform: scale(1.00,1.00);}
	
.kodomo_topic_img{width: 90%;
	margin: 0 auto 15px;
	float: none;}
	
.kodomo_topic_img img{width: 100%;}

.kodomo_topic_text{width: 100%;
	padding-left: 0;
	float: none;}
	
.kodomo_title1{width: 70%;}

.btn1{width: 85%;}

.btn1:hover{transform: scale(1.00,1.00);}

.instaglam_btn1{width: 20%;
	margin: 0 auto;
	transition: 0.3s all;}

.instaglam_btn1:hover{transform: scale(1.00,1.00);}

.img_s{width: 60%;}

/* topics */

.topic_img1{width: 70%;
	margin: 0 auto;}
	
.topic_btn1{width: 70%;
	margin: 0 auto;
	line-height: 250%;}
	
.topic_btn1:hover{transform: scale(1.0,1.0);}

.act_logo img{width: 30%;}

}