@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style-type: none;
	text-decoration: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

@media screen and (min-width: 769px) {
    .sp_only {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .pc_only {
        display: none !important;
    }
}

@media(min-width: 768px) {
	a[href^="tel:"]{
	  pointer-events: none;
	}
}
  

.font_cinzel {
	font-family: 'Cinzel', serif;
}
.font_playfair {
	font-family: 'Playfair Display', serif;
}
.bold { font-weight: bold; }

img {
	vertical-align: middle;
	height: auto;
    max-width: 100%;
	pointer-events: none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}

a.disabled {
    pointer-events: none !important;
    opacity: 0.5 !important;
}

.yellow { color: #f2cf20; }

.link_hover {
	color: #ffc600;
	text-decoration: underline;
	transition: all .4s ease-in;
	word-break: break-all;
}
.link_hover:hover {
	opacity: .8;
}

/*スクロールバー全体*/
::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}
/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
	/* border-radius: 10px; */
	background: transparent;
	background-color: #000;
}
/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
	/* background-color: rgba(255, 255, 255, 1); */
	/* border-radius: 10px; */
	background-color: #f2cf21;
	-webkit-box-shadow: 0 0 0 1px rgba(236 192 17 / 30%);
	box-shadow: 0 0 0 1px rgba(236 192 17 / 30%);
}



/***** COMMON *******************/
html,body {
	position: relative;
	width: 100%;
	font-family: 'Shippori Mincho', serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	position: relative;
	min-width: 1039px;
	background-color: #000;
	color: #fff;
	z-index: 0;
}

body::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100vh;
	background-image: url("../img/bg_img.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	z-index: -1;
}

.contents_block {
	width: 100%;
	margin: 0 auto;
}

.container {
	position: relative;
    padding-top: 200px;
}

.bg_frame {
    background-color: rgba(0,0,0,1);
	padding: 10px;
}

.bg_frame_detail  {
	border: 1px solid rgba(194, 145, 59, 0.4);
	padding: 75px 80px;
}

.main_title {
	margin-bottom: 60px;
}
.main_title h2 {
	margin: 0 auto;
}

.cont_title  {
	margin-bottom: 30px;
}
.cont_title h3 {
	margin: 0 auto;
}

.small {
	font-size: 12px;
	line-height: 1.25rem;
}

/* 共通btn */
.btn_hover {
	display: block;
	text-align: center;
	background: #09212f;
	padding: 15px 10px;
	color: #fff;
	border: 1px solid #4c4c4c;
	transition: all .3s ease;
}
.btn_hover:hover {
	background: #0c3750;
}

.btn_hover2 {
	display: block;
	text-align: center;
	background: #f2cf20;
	padding: 20px 10px;
	color: #000;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
	border-radius: 4px;
	line-height: 1;
	transition: all .3s ease;
}
.btn_hover2:hover {
	background: #c2913b;
	color: #fff;
}

a.img_hover {
	transition: all .3s ease;
}
a:hover.img_hover {
	opacity: .8;
}


/*
---------header nav----------*/
header {
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 1000;
	font-family: 'Cinzel', serif;
}
#gloval-nav {
	position: relative;
	z-index: 0;
}
#gloval-nav a {
	display: block;
	color: #f2cf20;
	font-size: 18px;
	letter-spacing: .1em;
	transition: all .3s ease-in;
}
#gloval-nav a:hover {
	text-shadow: 0 0 10px #fff;
    background-color: rgba(139,110,23,0.1);
}
#gloval-nav ul {
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	justify-content: center;
    flex-wrap: wrap;
	align-items: center;
	padding-top: 20px;
	gap: 40px;
}
#gloval-nav ul li {
	width: auto;
	text-align: center;
}
#gloval-nav.fixed {
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
	background-color: #f5eee5;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
	min-width: 1040px;
}
#gloval-nav.fixed .g_nav_item{
	display: block;
}
#gloval-nav.fixed .g_nav_item a img{
    width: auto;
    padding-top: 4px;
}
li.icon_tw a {
    height: 18px;
    width: 18px;
    background-image: url(../img/btn_tw.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	transition: all .3s ease-in;
}
li.icon_tw a:hover {
    background-image: url(../img/btn_tw_on.png);
}


/***** MV *******************/
#mv {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2.928vw;
}
#mv .mv_image02 .item02 {
	margin-top: 40px;
}
#mv .mv_bnrlist {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}
#mv .mv_bnrlist li {
	width: 40%;
}
#mv .mv_bnrlist a {
	display: block;
	transition: opacity .4s ease;
}
#mv .mv_bnrlist a:hover {
	opacity: .8;
}


/***** INFORMATION *******************/
.container.index_information {
	padding-top: 130px;
}
.index_information h3 {
	margin-bottom: 30px;
}
.index_information h3.ttl_info {
	margin-bottom: 55px;
}
.index_information .news_link {
	margin: 40px auto 0;
}
.index_news {
	margin-bottom: 90px;
}
#NEWS li {
	background-color: #e9e8e6;
	padding: 4px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
#NEWS li:not(:last-child) {
	margin-bottom: 10px;
}
#NEWS li a {
    height: 100%;
    display: flex;
	align-items: center;
	color: #000;
	border: 1px solid #cdbf96;
	transition: all .4s ease-in;
}
#NEWS li:hover {
	opacity: .8;
	transition: all .4s ease-in;
}
#NEWS li a span {
	display: block;
	width: auto;
	padding: 0 10px;
}
#NEWS li a span.date {
	padding: 4px 25px 4px 8px;
	margin: 15px;
	border-right: 1px solid #cdbf96;
	color: #65521b;
}
#NEWS li a span.inner {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index_twitter .twitter_item {
	overflow: hidden;
	height: 610px;
}


/***** INTRODUCTION *******************/
.index_introduction .bg_frame_detail {
	padding: 95px 80px;
}
.index_introduction .intro_item:not(:last-child) {
	margin-bottom: 60px;
}
.index_introduction .intro_image {
	margin: 0 auto 45px;
}
.index_introduction .intro_read {
	line-height: 2.1;
	letter-spacing: 0.1rem;
}
.index_introduction .gallery_slider a {
	display: block;
	transition: opacity .3s ease;
}
.index_introduction .gallery_slider a:hover {
	opacity: .6;
}
.index_introduction .gallery_slider img {
	border: 1px solid #2a2a2a;
}
.index_introduction .photographer {
	text-align: right;
	font-size: 12px;
	margin-top: 40px;
}


/***** STORY *******************/
.container.index_story {
	padding-top: 160px;
}
.index_story .bg_frame_detail {
	padding: 95px 80px;
}
.index_story .story_read {
	line-height: 2.1;
	letter-spacing: 0.1rem;
}
.index_story .diagram {
	margin: 110px auto 20px;
}


/***** MUSICAL NUMBER *******************/
.container.index_musicalnumber {
	padding-top: 160px;
}
.index_musicalnumber .musicnumber_list {
	display: grid;
	gap: 50px;
}
.index_musicalnumber .musicnum_item .subttl {
	border: 1px solid #c2913b;
    text-align: center;
    line-height: 2.5;
    margin-bottom: 30px
}
.index_musicalnumber .musicnum_item li:not(:last-child) {
	margin-bottom: 30px;
}
.index_musicalnumber .musicnum_item .t_en {
	font-family: 'Playfair Display', serif;
	margin-bottom: 5px;
}
.index_musicalnumber .musicnum_item .t_jp {
	padding-left: 15px
}


/***** CAST STAFF *******************/
/* cast */
.index_cast .cont_title {
	padding-top: 40px;
}
.index_cast .cont_title h3 {
	width: 134px;
}
.index_cast ul {
	display: flex;
	margin: auto;
}
li.cast_2col {
	padding: 25px;
	background-color: #000;
	margin-right: 24px;
}
li.cast_1col {
	padding: 25px;
	background-color: #000;
	margin-right: 24px;
}
.index_cast .normal .cast_1col {
	padding: 0;
	width: 230px;
}
.index_cast .normal .cast_1col .cast_inner {
	padding: 20px;
}
.index_cast ul.priority{
	margin-bottom: 80px;
	padding-top: 40px;
	justify-content: center;
}
.index_cast ul.priority .cast_1col{
	margin-right:0;
}
.index_cast .cast_block {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.priority li {
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
}
.index_cast ul.priority li img {
	width: 240px;
	height: 370px;
}
.index_cast ul.normal {
	margin: 0 0 65px;
}
.cast_item_name {
	padding: 0!important;
	position: relative;
}
.cast_item_name p {
	position: absolute;
	width: 100%;
	height: 24px;
	padding: 8px 0;
    bottom: 0;
	left: 0;
    background-color: rgba(255,255,255,0.8);
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0.16rem;
}
.priority .cast_item_name {
	width: 240px;
  	height: 375px;
}
.priority .cast_item_name p {
	font-size: 22px;
	height: auto;
	padding-bottom: 0;
	bottom: 5px;
}
.normal .cast_item_name {
	width: 161px;
}
.normal .cast_item_name p {
	padding: 10px 0 14px;
	color: #000;
	font-size: 20px;
}
.cast_list02 .cast_1col .cast_item_name {
    width: 100%;
}
.cast ul.cast_list03 {
	width: 380px;
}
.cast_list03 .cast_item_name {
	width: 150px;
	height: 263px;
}
.cast_2col .name_hight p {
    height: 36px;
	padding: 4px 0;
}
.cast_2col .name_hight p span {
    display: block;
    font-size: 0.6rem;
    line-height: 0.6rem;
}
.normal li {
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
}
.normal li:last-child {
	margin-right: 0;
}
p.position_name {
	color:#fff;
	padding-bottom: 20px;
	text-align: center;
}
.cast_list04 {
	background-color: #000;
	padding: 10px 8px 8px;
	width: 378px;
	margin: auto auto 64px;
	position: relative;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
}
.cast_list04 .cast_item_name {
	width: 115px;
}
.cast_list05 {
	background-color: #000;
	padding: 40px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,0.4);
}
.cast_list05_swing {
	margin-top: 40px;
}
.cast_list05_swing .ttl {
	color: #f2cf20;
	text-align: center;
	margin-bottom: 15px;
}
.index_cast .txt_list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 45px;
}
.index_cast .txt_list:not(:last-child) {
	margin-bottom: 20px;
}
.index_cast .txt_list li p {
	color: #fff;
	font-size: 20px;
}
.index_cast .txt_list li .min {
	font-size: 16px;
}
.index_cast .kids {
	margin-bottom: 65px;
}
.index_cast .kids .cast_1col {
	margin-right: 0;
}
.index_cast .kids.cast_list02 .cast_1col .cast_item_name {
	width: 155px;
}
.index_cast .kids .cast_item_name p {
	padding: 10px 0 14px;
	color: #000;
	font-size: 20px;
}

/* cast modalBtn */
.cast_moreBtn {
	display: block;
	color: #000;
	transition: all .3s ease;
}
.cast_moreBtn:hover {
	opacity: .6;
}
.cast_moreBtn .cmtBtn {
	font-size: 16px;
    letter-spacing: .05em;
    display: block;
    background: #f2cf20;
    color: #000;
    padding: 3% 6%;
    margin-top: 8px;
}

/* cast voiceBtn */
.priority .cast_voiceBtn {
	display: block;
	position: absolute;
	bottom: -10.5%;
	width: 100%;
}
.priority .cast_voiceBtn p {
	font-size: 1rem;
	line-height: 2.2;
	padding-top: 0;
	color: #fff;
	background-color: #504810;
	border: 1px solid #70661e;
	letter-spacing: 0;
	transition: all .3s ease;
}
.priority .cast_voiceBtn:hover p {
	background-color: #665d18;
}

.brth {
    position: absolute;
    color: #000;
    right: 10px;
    bottom: -24px;
    font-size: 0.8rem;
    font-weight: 700;
}


/* staff */
.index_staff {
	padding-top: 150px;
}
.index_staff .cont_title h3 {
	width: 155px;
}
.staff_list {
	position: relative;
	z-index: 2;
}
.staff_item {
    color: #fff;
    display: table;
    margin: auto;
    padding: 2px 0px;
}
.staff_item:not(:last-child) {
	margin-bottom: 10px;
}
.staff_item li:not(:last-child) {
	margin-bottom: 10px;
}
.staff_item p:last-child {
	display:table-cell;
	width: 400px;
	line-height: 1.6rem;
	line-height: 2rem;
	letter-spacing: 0.1rem;
	vertical-align: middle;
}
.staff_item p:first-child {
	text-align: right;
	display:table-cell;
	width: 400px;
	line-height: 1.6rem;
	line-height: 2rem;
	letter-spacing: 0.1rem;
	vertical-align: middle;
}
.staff_item p:nth-child(2) {
	width: 20px;
	text-align: center;
	display:table-cell;
	line-height: 1.6rem;
	line-height: 2rem;
	letter-spacing: 0.1rem;
	vertical-align: middle;
}
.staff_item_wide {
	display: block;
	margin: 10px auto 10px;
}
.staff_item_wide p:first-child {
	display: block;
	line-height: 2rem;
    letter-spacing: 0.1rem;
	width: 100%;
	text-align: center;
}
.staff_item_wide p:nth-child(2) {
	display: none;
}
.staff_item_wide p:last-child {
	text-align: center;
	width: 80%;
	display: block;
	line-height: 2rem;
	letter-spacing: 0.1rem;
	margin: auto;
}
.staff_item p.short {
	line-height: 1.4rem;
}
.staff_item03 {
	font-size: 10px;
}
.topAdjustment {
    margin-top: 50px !important;
}


/***** SCHEDULE & TICKET *******************/
/* schedule */
.index_schedule > div:not(:last-child) {
	margin-bottom: 40px;
}
.index_schedule .schedule_hall {
	margin: 0 auto 40px;
}
.index_schedule .suchedule_day {
	margin-bottom: 40px;
}
.index_schedule .date_info {
    font-size: 28px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
.index_schedule .date_logo {
	margin-top: 10px;
}
.index_schedule .suchedule_note {
	margin-top: 30px;
}

/* ticket */
.index_ticket {
	padding-top: 160px;
}
.index_ticket .cont_title {
	margin-bottom: 40px;
}
.index_ticket .cont_title h3 {
	width: 184px;
}
.index_ticket .tickettab {
	margin-bottom: 40px;
}
.index_ticket .tickettab_list .tabbtn {
	display: block;
	text-align: center;
	background-color: #f2cf20;
	border-radius: 4px;
    line-height: 1;
    font-size: 20px;
    color: #000;
    padding: 20px;
	transition: all .4s ease-in;
}
.index_ticket .tickettab_list .tabbtn:hover,
.index_ticket .tickettab_list .current .tabbtn {
	background-color: #c2913b;
    color: #fff;
}
.index_ticket .ticket_cont .ticket_detailitem:not(:last-child) {
	margin-bottom: 40px;
}
.index_ticket .ticket_cont .date_hall {
	font-weight: normal;
	font-size: 30px;
	text-align: center;
	line-height: 1;
	margin-bottom: 60px;
}
.index_ticket .ticket_cont .price {
	margin-bottom: 50px;
}
.index_ticket .ticket_cont .price_item:not(:last-child) {
	margin-bottom: 50px;
}
.index_ticket .ticket_cont .price_item > p {
	font-size: 24px;
	line-height: 1;
}
.index_ticket .ticket_cont .price_item .subttl {
	margin-bottom: 15px;
}
.index_ticket .ticket_cont .price_item .min {
	font-size: 16px;
}
.index_ticket .ticket_cont .price_item .price_ticket {
	display: flex;
	gap: 25px;
	margin-top: 30px;
}
.index_ticket .ticket_cont .price_item .ticket_link .btn_hover2 {
	font-size: 18px;
	padding: 20px 10px;
}
.index_ticket .ticket_cont .desc > p {
	line-height: 2;
	text-indent: -1em;
	padding-left: 15px;
}
.index_ticket .ticket_cont .playguide_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}
.index_ticket .ticket_cont .ticket_pre .playguide_list {
	grid-template-columns: repeat(3, 1fr);
}
.index_ticket .ticket_cont .playguide_item .btn_hover2 {
	font-size: 18px;
	padding: 30px 10px;
}
.index_ticket .ticket_cont .playguide_item .desk {
	line-height: 1.5;
}
.index_ticket .ticket_cont .playguide_item .min {
	display: inline-block;
	font-size: 15px;
    margin-top: 10px;
	line-height: 1.5;
}
.index_ticket .ticket_cont .playguide_contact {
	border: 1px solid #c2913b;
	padding: 30px 50px;
}
.index_ticket .ticket_cont .playguide_contact.playguide_contact2 {
	border: 4px solid #c2913b;
}
.index_ticket .ticket_cont .playguide_contact:not(:last-child) {
	margin-bottom: 30px;
}
.index_ticket .ticket_cont .playguide_contact .subttl {
	margin-bottom: 5px;
}
.index_ticket .ticket_cont .playguide_contact .subttl_b {
	margin-bottom: 10px;
	font-size: 20px;
}
.index_ticket .ticket_cont .playguide_contact .tel {
	margin-top: 10px;
	font-size: 20px;
}
.index_ticket .ticket_cont .playguide_contact .subttl2 {
	font-size: 24px;
}
.index_ticket .ticket_cont .ticket_contact:not(:last-child) {
	margin-bottom: 50px;
}
.index_ticket .ticket_cont .ticket_pre .ticket_contact:not(:last-child) {
	margin-bottom: 20px;
}
.index_ticket .ticket_cont .ticket_contact > p {
	line-height: 2;
}
.index_ticket .ticket_cont .ticket_contact .subttl {
	font-size: 24px;
}
.index_ticket .ticket_cont .ticket_logo a {
	display: flex;
	align-items: center;
	gap: 20px;
	color: #fff;
	transition: opacity .3s;
}
.index_ticket .ticket_cont .ticket_logo a:hover {
	opacity: .7;
}
.index_ticket .ticket_cont .ticket_logo .logo_img {
	width: 100px;
}


/***** MOVIE *******************/
.index_movie h2 {
	width: 352px;
}
.index_movie .movie_detail {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 100px 10px;
}
.index_movie .movie_detail:not(:last-child) {
	margin-bottom: 100px;
}
.index_movie .mediabox {
	width: 360px;
}
.index_movie .mediabox .ttl {
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
}
.index_movie .mediabox a {
    display: block;
    position: relative;
}
.index_movie .mediabox a .image {
	overflow: hidden;
	background-color: #000;
	position: relative;
	border: 1px solid #3a3a3a;
}
.index_movie .mediabox a .image img {
	display: block;
    transition: all .5s ease;
}
.index_movie .mediabox a:hover .image img {
	opacity: .6;
	transform: scale(1.1, 1.1);
}
  

/***** GOODS *******************/
.index_goods h2 {
	width: 352px;
}
.index_goods .goods_item:not(:last-child) {
	margin-bottom: 40px;
}
.index_goods .goods_item img {
	display: block;
	margin-bottom: 20px;
}
.index_goods .goods_item > p {
	line-height: 2;
}
.index_goods .desc > p {
	line-height: 2;
    text-indent: -1em;
    padding-left: 15px
}


/***** FOOTER *******************/
footer {
	margin-top: 200px;
	background-color: #000;
	color: #eadd93;
}
footer .footer_inner {
	padding: 45px 0 65px;
}
footer .ft_logo {
    width: 340px;
	margin: auto;
}	
footer .ft_linkBtn {
	margin-top: 40px;
	display: flex;
}
footer .ft_linkBtn .btn_hover2 {
	padding: 20px 0;
	position: relative
}
footer .ft_linkBtn a::after {
	content: '';
	position: absolute;
	top: 23px;
    right: 25px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	transition: all .3s ease;
}
footer .ft_linkBtn a:hover::after {
	right: 22px;
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}


/***** pageTop *******************/
.topBtn {
    position: fixed;
    bottom: 56px;
    right: 32px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    width: 64px;
    height: 53px;
    text-align: center;
    line-height: 64px;
    box-sizing: border-box;
    z-index: 4;
}


/******* modal ***********/
body.fixed {
	overflow: hidden;
}
.cast_content,
.media_content,
.gallery_content {
    margin: 0 auto;
}
.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 1000;
}
.modal__bg {
    height: 100vh;
    position: absolute;
    width: 100%;
	background-image: url(../img/modal_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/* castcomment */
.cast_content .modal__content {
    background: #000;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
}
.modal__content .modal__contentInner {
	border: 1px solid rgba(182, 159, 146, 0.6);
	padding: 40px;
}
.modal__content .name {
    font-size: 2rem;
    text-align: center;
    border-bottom: 1px solid rgba(182, 159, 146, 0.6);
    margin-bottom: 15px;
    color: #ffc600;
}
.modal__content .name span {
    display: block;
    font-size: 1rem;
    margin-top: 10px;
    margin-bottom: 15px;
}
.modal__content .modal_txt {
	margin-bottom: 20px;
	line-height: 2rem;
	color: #fff;
}
.modal__content .modal_castcmt .sub {
	display: inline-block;
	background: #907000;
    color: #000;
    padding: 0 4%;
	margin-bottom: 10px;
    line-height: normal;
}
.modal__content .js-modal-close.btn_hover2 {
	font-size: .8rem;
	padding: 10px;
	width: 120px;
	margin: 0 auto;
}

/* media */
.media_content .modal__content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
	height: 100%;
	max-height: 475px;
    max-width: 850px;
}
.modal_media {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	width: 71vw;
}
.modal_media .m_md_box {
	height: 39vw;
	margin-bottom: 30px;
}

/* gallery */
.gallery_content .modal__content {
    position: absolute;
    top: 50%;
	left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
.gallery_content .modal__content .modal__contentInner {
	border: none;
	padding: 0;
}
.gallery_content .modal__content .modal_gallery {
	margin-bottom: 30px;
}



/* pc */
@media screen and (min-width:769px) {

	.contents_block {
		width: 1100px;
	}
	#gloval-nav::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 90px;
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0) 100%);
		z-index: -1;
	}
	footer .ft_linkBtn .btn_hover2 {
		font-size: 14px;
		width: 420px;
	}
	footer .ft_linkBtn {
		column-gap: 20px;
		justify-content: center;
	}
	
	/***** MV *******************/
	#mv {
		padding-top: 50px;
	}
	#mv > div {
		width: 50%;
	}
	#mv .mv_image02 {
		padding-right: 3.857vw;
		margin-top: -11.857vw;
	}
	

	/***** INFORMATION *******************/
	.index_information h2 {
		width: 494px;
	}
	.index_information h3 {
		width: 229px;
	}
	.index_information h3.ttl_info {
		width: 494px;
	}
	.index_information .news_link {
		width: 400px;
	}
	#NEWS li {
		width: 720px;
	}
	#NEWS li a {
		width: 710px;
	}
	#NEWS li a span.date {
		font-size: 15px;
	}
	.index_twitter .twitter {
		width: 670px;
		margin: auto;
	}

	/***** INTRODUCTION *******************/
	.index_introduction h2 {
		width: 513px;
	}
	.index_introduction .intro_image {
		width: 681px;
	}
	.index_introduction .intro_image2 {
		width: 500px;
	}
	.index_introduction .intro_item {
		margin: 0 60px;
	}
	.index_introduction .gallery_slider {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}
	.index_introduction .gallery_slider li {
		width: 250px;
	}

	/***** STORY *******************/
	.index_story h2 {
		width: 352px;
	}
	.index_story .diagram {
		width: 843px;
	}
	.index_story .story_item {
		margin: 0 60px;
	}


	/***** MUSICAL NUMBER *******************/
	.index_musicalnumber .cont_title h3 {
		width: 450px;
	}
	.index_musicalnumber .musicnumber_list {
		grid-template-columns: repeat(2, 1fr);
		margin: 0 80px;
	}


	/***** CAST STAFF *******************/
	.index_caststaff h2 {
		width: 432px;
	}
	ul.cast_item li:not(:last-child) {
		margin-right: 16px;
	}
	.index_cast .txt_list li:not(:last-child) {
		margin-right: 10px;
	}
	.cast_moreBtn {
		height: 400px;
	}

	/***** SCHEDULE & TICKET *******************/
	.index_sucheticket h2 {
		width: 653px;
	}
	.index_schedule .schedule_hall {
		width: 302px;
	}
	.index_schedule .suchedule_tokyo .date_logo {
		width: 320px;
	}
	.index_schedule .suchedule_osaka .date_logo {
		width: 440px;
	}
	.index_schedule .suchedule_yamagata .suchedule_time {
		width: 334px;
		margin: 0 auto;
	}
	.index_ticket .tickettab_list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.index_ticket .tickettab_list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.index_ticket .ticket_cont .playguide_contact .subttl {
		font-size: 18px;
	}
	.index_ticket .ticket_cont .playguide_item .btn_hover2.h_pd {
		padding: 57px 10px;
	}
	.index_ticket .ticket_cont .price_item .ticket_link {
		width: 250px;
	}
	.index_ticket .ticket_cont.ticket_osaka .price_item .ticket_link {
		width: 380px;
	}
}


/* sp */
@media screen and (max-width:768px) {

	html,body {
		min-width: auto;
	}
	body {
		font-size: 3.2vw;
	}
	
	/* header nav */
	header {
		position: static;
		width: 100%;
		height: auto;
		background:none;
		bottom: auto;
		top:0;
		z-index: 10;
		min-width: auto;
	}
	h1 {
		text-align: center;
		padding-top: 60px;
	}
	#nav-toggle {
		position: fixed;
		top: 0;
		right: 0;
		height: 32px;
		cursor: pointer;
		background-color: rgba(0,0,0,0.7);
		padding: 12px;
	}
	#nav-toggle > div {
		position: relative;
		width: 36px;
	}
	#nav-toggle span {
		width: 60%;
		height: 1px;
		left: 20%;
		display: block;
		background: #ccb8ad;
		position: absolute;
		transition: top .5s ease, -webkit-transform .6s ease-in-out;
		transition: transform .6s ease-in-out, top .5s ease;
		transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 7px;
	}
	#nav-toggle span:nth-child(3) {
		top: 14px;
	}

	/* nav open */
	.open #nav-toggle span {
		background: #ccb8ad;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		top: 8px;
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 8px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	/* z-index */
	#nav-toggle {
		z-index: 1000;
	}	
	#gloval-nav {
		color: #fff;
		background-color: #000;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 990;
		text-align: left;
		display: flex;
		visibility: hidden;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 29px;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
	}
	#gloval-nav a {
		display: block;
		font-size: 1.25rem;
		text-decoration: none;
		transition: color .6s ease;
		text-align: left;
		padding: 2% 0;
		line-height: 48px;
	}
	#gloval-nav a.gnav-goods {
		text-align: center;
	}
	#gloval-nav a:hover {
		color: #666;
	}
	#gloval-nav ul {
		list-style: none;
		display: block;
		width: 90%;
	}  
	#gloval-nav ul li {
		opacity: 0;
		-webkit-transform: translateX(-200px);
				transform: translateX(-200px);
		transition: opacity .2s ease, -webkit-transform .6s ease;
		transition: transform .6s ease, opacity .2s ease;
		transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;
	}
	#gloval-nav ul li:nth-child(2) { transition-delay: .15s; }
	#gloval-nav ul li:nth-child(3) { transition-delay: .3s; }
	#gloval-nav ul li:nth-child(4) { transition-delay: .45s; }
	#gloval-nav ul li:nth-child(5) { transition-delay: .6s; }
	#gloval-nav ul li:nth-child(6) { transition-delay: .75s; }
	#gloval-nav ul li:nth-child(7) { transition-delay: .9s; }
	#gloval-nav ul li:nth-child(8) { transition-delay: 1.05s; }
	#gloval-nav ul li:nth-child(9) { transition-delay: 1.4s; }

	#gloval-nav.fixed .g_nav_item a {
		font-size: 1.4rem;
		padding: 2%;
		line-height: 48px;
		min-width: auto;
	}

	#gloval-nav li.icon_tw {
		padding-top: 12px;
	}
		
	/* open */
	.open {
		overflow: hidden;
	}
	.open #gloval-nav {
		visibility: visible;
		opacity: 1;
		min-width: auto;
	}
	.open #gloval-nav li {
		opacity: 1;
		-webkit-transform: translateX(0);
				transform: translateX(0);
		transition: opacity .9s ease, -webkit-transform 1s ease;
		transition: transform 1s ease, opacity .9s ease;
		transition: transform 1s ease, opacity .9s ease, -webkit-transform 1s ease;
	}
		
	#nav-toggle p.menu {
		position: absolute;
		color: #ccb8ad;
		font-size: 10px;
		letter-spacing: 0;
		bottom: 7px;
		left: 50%;
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
			transform: translate(-50%,0);
		-webkit-transition: .7s;
		-o-transition: .7s;
		transition: .7s;
		opacity: 1;
	}
	.open #nav-toggle p.menu{
		opacity: 0;
	}
	#nav-toggle p.close {
		position: absolute;
		color: #fff;
		font-size: 10px;
		letter-spacing: 0;
		bottom: 6px;
		left: 48%;
		opacity: 0;
		-webkit-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
				transform: translate(-50%,0);
		-webkit-transition: .7s;
		-o-transition: .7s;
		transition: .7s;
	}
	.open #nav-toggle p.close {
		opacity: 1;
	}
	
	.container {
		padding: 26.667vw 5.333vw 0;
	}
	.main_title {
		margin-bottom: 8vw;
	}
	.cont_title {
		margin-bottom: 3.333vw;
	}
	.bg_frame_detail {
		padding: 10.333vw 5.333vw;
	}
	.btn_hover2 {
		font-size: 4vw;
	}
	

	/******* MV *****************/	
	#mv {
		flex-wrap: wrap;
		gap: 10.333vw;
	}
	#mv .mv_image02 {
		padding: 0 5.333vw;
	}
	#mv .mv_image02 .item02 {
		margin-top: 5.333vw;
	}
	#mv .mv_bnrlist {
		gap: 3.667vw;
	}
	#mv .mv_bnrlist li {
		width: 42vw
	}
	

	/******* INFORMATION *****************/
	.container.index_information {
		padding-top: 16.667vw;
	}
	.index_information h3 {
		width: 45vw;
	}
	.index_information h3.ttl_info {
		width: 73.867vw;
		margin-bottom: 8vw;
	}
	#NEWS li:not(:last-child) {
		margin-bottom: 3.333vw;
	}
	#NEWS li a {
		display: block;
	}
	#NEWS li a span {
    	padding: 2% 16px;
		letter-spacing: 0;
		line-height: 1.2rem;
	}
	#NEWS li a span.date {
    	border-bottom: 1px solid rgba(182,159,146,0.6);
		margin: 6px 6px 0;
		border-right: none;
	}
	#NEWS li a span.inner {
		margin-bottom: 4px;
	}	
	.news_link {
		width: 75%;
		margin-top: 6%;
		max-width: 480px;
	}
	.news_link .btn_hover2 {
		padding: 4.667vw 2.333vw;
	}
	.index_twitter .twitter_item {
		height: 95.733vw;
	}
	.information_movie {
		margin-top: 16%;
	}
	.information_movie_block {
		width: 85.69999%;
	}
	.information_movie_item .read {
		margin-bottom: 3%;
	}


	/******* INTRODUCTION *****************/	
	.index_introduction .bg_frame_detail {
		padding: 10.333vw 5.333vw;
	}
	.index_introduction .intro_image {
		margin-bottom: 8vw;
	}
	.index_introduction .photographer {
		font-size: 2.933vw;
		margin-top: 13vw;
	}

	/* slider設定 */
	.gallery_slider .slick-slide {
		overflow: hidden;
	}
	.gallery_slider .slick-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.gallery_slider .slick-dots li button:before {
		opacity: 1;
		color: #6a4d1e;
		font-size: 10px;
	}
	.gallery_slider .slick-dots li.slick-active button:before {
		opacity: 1;
		color: #c59449;
	}
	.gallery_slider .slick-arrow {
		height: 30px !important;
	}
	.gallery_slider .slick-arrow:before{
		content: ""!important;
		width: 100%!important;
		height: 100%!important;
		position: absolute;
		top: 0;
		left: 0;
	}
	.gallery_slider .slick-next:before{
		background: url(../img/slide_arrow.png) !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}
	.gallery_slider .slick-prev:before{
		background: url(../img/slide_arrow.png) !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
		transform: scale(-1, 1);
	}


	/******* STORY *****************/
	.index_story h2 {
		width: 45vw;
	}	
	.container.index_story {
		padding-top: 15.667vw;
	}
	.index_story .bg_frame_detail {
		padding: 10.333vw 5.333vw;
	}
	.index_story .diagram {
		margin: 8.333vw auto;
	}
	
	/***** MUSICAL NUMBER *******************/
	.container.index_musicalnumber {
		padding-top: 15.667vw;
	}
	.index_musicalnumber .cont_title h3 {
		width: 80vw;
	}
	.index_musicalnumber .musicnum_item li:not(:last-child) {
		margin-bottom: 6vw;
	}


	/******* CAST STAFF *****************/
	.index_caststaff h2 {
		width: 62vw;
	}
	.index_cast .cont_title h3 {
		width: 25vw;
	}
	.index_cast ul.priority {
		display: block;
		width: 100%;
		margin-bottom: 0;
		padding-top: 6%;
	}
	.index_cast ul.priority li img {
		width: 100%;
		height: 100%;
	}
	.index_cast .priority .cast_item {
		flex-wrap: wrap;
		justify-content: center;
	}
	li.cast_2col, li.cast_1col {
		margin-right: 0%;
		margin-bottom: 8%;
		padding: 1.333vw;
	}
	.index_cast .normal .cast_1col {
		width: 36vw;
	}
	.index_cast .normal .cast_1col .cast_inner {
		padding: 1.333vw;
	}
	p.position_name {
		font-size: 3.733vw;
		padding: 2% 0 6%;
		letter-spacing: 0rem;
	}
	.cast_list04 p.position_name,.cast_list05 p.position_name {
    	font-size: 0.8rem;
    	padding: 2% 0 4%;
	}
	.priority .cast_item_name p {
		font-size: 4vw;
		padding: 2% 0 0;
		bottom: 0;
	}
	.cast_list02,.cast_list03 {
		float: none;
	}
	.cast_list02 .cast_1col .cast_item_name {
		width: 100%;
		height: 100%;
		display: grid;
	}
	.cast_list02 .cast_2col {
		width: 80%;
		margin: auto!important;
	}
	.cast_item_name img {
		width: 100%;
		height: auto;
	}
	.cast_item_name img {
		width: 100%;
		height: auto;
	}
	.priority li.cast_2col .cast_item_name {
		width: 46%;
		height: inherit;
	}
	.priority li.cast_2col .cast_item_name:nth-child(3) {
		margin-bottom: 15%;
	}
	.priority li.cast_1col .cast_item_name {
		height: 100%;
    	display: inline-flex;
    	width: 100%;
	}
	.priority ul.cast_item li:first-child {
		margin-right: 4%!important;
	}
	.cast_item_name p {
    	bottom: 0;
	}
	.normal .cast_2col .cast_item_name p {
    	bottom: -6px;
	}
	li.cast_1col {
    	width: 46%;
		height: auto;
    	margin: auto auto 8%!important;
	}
	.cast_list02 li.cast_1col {
		width: 38%;
	}
	.index_cast ul.normal {
		width: 100%;
		margin: auto auto;
		flex-wrap: wrap;
	}
	.index_cast ul.normal.cast_list03_2 {
		width: 80%;	
	}
	.index_cast ul.cast_list03{
		width: 84%!important;
		margin: 8% auto auto;
		min-width: 250px;
	}	
	.cast_list02 .cast_2col {
		height: auto;
		width: 38%;
		margin-top: 0 !important;
	}
	.cast_2col .name_hight p {
		height: 24px!important;
		padding: 7px 0!important;
	}
	.normal .cast_item_name {
    	width: 100%;
    	height: auto;
		display: grid;
	}
	.normal .cast_item_name p {
		font-size: 4vw;
		height: auto;
    	padding: 10px 0;
	}
	.cast_2col .name_hight p {
		font-size: 10px;
	}
	.cast_list03 {
		overflow: hidden;
	}
	.cast_list03 li.cast_1col {
		width: 44%;
		margin: auto 4% 8% 0!important;
		float: left;
	}
	.cast_list03 li:nth-child(2) {
		margin-right: 0!important;
	}
	.cast_list04 {
		background-color: #000;
		padding: 8px 2% 2%;
		width: 96%;
		margin: auto auto 8%;
	} 
	.cast_list04 .cast_item {
		justify-content: space-around;
	}
	.cast_list04 .cast_item_name {
		width: 95px;
	}
	.cast_list05 {
		padding: 10.333vw 5.333vw;
	}
	.index_cast .txt_list {
		gap: 6.333vw 11.333vw;
	}
	.index_cast .txt_list li p {
		font-size: 4vw;
	}
	.index_cast .txt_list:not(:last-child) {
		margin-bottom: 6.333vw;
	}
	.cast_moreBtn .cmtBtn {
		font-size: .6rem;
	}
	.priority .cast_item_name .cast_voiceBtn {
		bottom: -16.5%;
	}
	.priority .cast_item_name .cast_voiceBtn p {
		font-size: .8rem;
		padding-top: 0;
	}
	.index_cast .txt_list li .min {
		font-size: 3.2vw;
	}
	.index_cast .kids {
		margin-bottom: 5vw;
	}
	.index_cast .kids .cast_1col {
		width: 86vw;
	}
	.index_cast .kids .cast_item {
		gap: 3vw;
	}
	.index_cast .kids p.position_name {
		padding-bottom: 2vw;
	}
	.index_cast .kids .cast_item_name p {
		font-size: 4vw;
		height: auto;
		padding: 10px 0;
	}
	
	.index_staff {
		padding-top: 15.667vw;
	}
	.index_staff .cont_title h3 {
		width: 28vw;
	}
	.staff_item {
		display: block;
	}
	.staff_item:not(:last-child) {
		margin-bottom: 3.667vw;
	}
	.staff_item p:first-child {
		display: block;
		letter-spacing: 0.1rem;
		width: 100%;
		text-align: center;
	}
	.staff_item p:nth-child(2) {
		display: none;
	}
	.staff_item p:last-child {
		text-align: center;
		width: 100%;
		display: block;
		line-height: 1.2rem;
		letter-spacing: 0.1rem;
		margin: auto;
	}
	.staff_item p.short {
		line-height: 1.6;
	}
	.topAdjustment {
		margin-top: 10.333vw !important;
	}


	/******* suchedul&ticket*****************/
	.index_schedule > div:not(:last-child) {
		margin-bottom: 5.333vw;
	}
	.index_schedule .schedule_hall {
		width: 55vw;
		margin: 0 auto 7.333vw;
	}
	.index_schedule .date_info {
		font-size: 3.733vw;
	}
	.index_schedule .suchedule_day {
		margin-bottom: 7.333vw;
	}
	.index_schedule .suchedule_note {
		margin-top: 2.333vw;
	}
	.index_ticket {
		padding-top: 15.667vw;
	}
	.index_ticket .cont_title h3 {
		width: 37vw;
	}
	.index_ticket .tickettab_list {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}
	.index_ticket .tickettab_list .tabbtn {
		font-size: 3.467vw;
		width: 31.333vw;
		padding: 4.333vw 5.333vw;
	}
	.index_ticket .tickettab {
		margin-bottom: 7.333vw;
	}
	.index_ticket .ticket_cont .date_hall {
		font-size: 5.267vw;
		margin-bottom: 10.333vw;
	}
	.index_ticket .ticket_cont .price_item > p {
		font-size: 4.333vw;
	}
	.index_ticket .ticket_cont .price_item:not(:last-child) {
		margin-bottom: 8.333vw;
	}
	.index_ticket .ticket_cont .price_item .subttl {
		margin-bottom: 3.333vw;
	}
	.index_ticket .ticket_cont .price_item .read {
		line-height: 1.6;
	}
	.index_ticket .ticket_cont .price_item .price_ticket {
		gap: 3.333vw;
		margin-top: 5.333vw;
		flex-wrap: wrap;
	}
	.index_ticket .ticket_cont .price_item .ticket_link {
		/* width: 43.333vw; */
		width: 100%;
	}
	.index_ticket .ticket_cont .price_item .ticket_link .btn_hover2 {
		font-size: 3.6vw;
		padding: 15px 10px;
	}
	.index_ticket .ticket_cont .price_item .min {
		font-size: 3.2vw;
	}
	.index_ticket .ticket_cont .price {
		margin-bottom: 8.333vw;
	}
	.index_ticket .ticket_cont .playguide_list,
	.index_ticket .ticket_cont .ticket_pre .playguide_list {
		grid-template-columns: repeat(1, 1fr);
		gap: 5.333vw;
	}
	.index_ticket .ticket_cont .playguide_item .btn_hover2 {
		font-size: 3.6vw;
		padding: 25px 10px;
	}
	.index_ticket .ticket_cont .playguide_item .min {
		font-size: 3.2vw;
	}
	.index_ticket .ticket_cont .playguide_contact {
		padding: 4.333vw;
	}
	.index_ticket .ticket_cont .playguide_contact:not(:last-child) {
		margin-bottom: 5.333vw;
	}
	.index_ticket .ticket_cont .ticket_detailitem:not(:last-child) {
		margin-bottom: 8.333vw;
	}
	.index_ticket .ticket_cont .ticket_contact .subttl {
		font-size: 3.6vw;
	}
	.index_ticket .ticket_cont .playguide_contact .subttl_b {
		font-size: 3.55vw;
	}
	.index_ticket .ticket_cont .playguide_contact .tel {
		font-size: 4vw;
	}
	.index_ticket .ticket_cont .ticket_contact:not(:last-child) {
		margin-bottom: 6.333vw;
	}
	.index_ticket .ticket_cont .ticket_logo a {
		gap: 12px;
	}


	/******* movie *****************/
	.index_movie .main_title {
		margin-bottom: 14vw;
	}
	.index_movie h2 {
		width: 62vw;
	}
	.index_movie .mediabox .ttl {
		font-size: 3.733vw;
	}
	.index_movie .movie_detail {
		gap: 12.333vw;
	}
	.index_movie .movie_detail:not(:last-child) {
		margin-bottom: 12.333vw;
	}

	/******* goods *****************/
	.index_goods h2 {
		width: 62vw;
	}

	/******* footer *****************/
	footer {
		margin-top: 40.333vw;
	}
	footer .ft_logo {
		width: 57.333vw;
	}
	footer .ft_linkBtn {
		padding: 0 6.93333%;
		flex-direction: column;
		row-gap: 5vw;
	}
	footer .ft_linkBtn .btn_hover2 {
		font-size: .8rem;
	}
	footer .ft_linkBtn a::after {
		top: 24px;
    	right: 13px;
    	width: 5px;
    	height: 5px;
	}
	footer .ft_linkBtn a:hover::after {
		right: 11px;
	}


	/******* pageTop *****************/
	.topBtn {
		right: 2%;
		width: 56px;
	}


	/******* MODAL *****************/	
	.cast_content .modal__content {
		width: 90%;
		max-height: 90%;
		overflow-x: scroll;
	}
	.modal__content .modal__contentInner {
		padding: 8% 8% 20% 8%;
	}
	.modal__content .name {
		font-size: 1.4rem;
	}
	.modal__content .name span {
		font-size: .8rem;
	}
	.modal__content .modal_txt {
		font-size: .8rem;
		line-height: 1.6rem;
	}
	.modal_media {
		width: 90vw;
	}
	.modal_media .m_md_box {
		height: 50vw;
	}
	.gallery_content .modal__content {
		width: 90%;
		max-height: 90%;
	}
}