@charset "utf-8";
div.editor {padding: 1rem 2rem}
div.editor>img {margin-bottom: 1rem}
div.editor>h1, div.editor>h2, div.editor>h3, div.editor>h4, div.editor>p, div.editor>ul>li, div.editor>ol>li, div.editor>dl>dt, div.editor>dl>dd {margin-bottom: 1.5rem}
div.editor p {
	letter-spacing: 0.1333333333333333rem;
	line-height: 1.75rem
}

div.editor img {
	width: auto;
	background: #fff;
	border: #ccc 1px solid;
	box-shadow: rgba(0, 0, 0, .15) 1px 1px 1px;
	margin: 1rem auto;
	padding: .5rem
}
div.editor img.img-left {
	float: left;
	margin: 0 1rem 1rem 0;
	padding: .5rem
}
div.editor img.img-right {
	float: right;
	margin: 0 0 1rem 1rem;
	padding: .5rem
}

div.editor2 {padding: 1rem 2rem; text-align: center}
div.editor2>img {margin-bottom: 1rem}
div.editor2>h1, div.editor2>h2, div.editor2>h3, div.editor2>h4, div.editor2>p, div.editor2>ul>li, div.editor2>ol>li, div.editor2>dl>dt, div.editor2>dl>dd {margin-bottom: 1.5rem}
div.editor2 p {
	letter-spacing: 0.1333333333333333rem;
	line-height: 1.75rem
}

div.editor2 img {
	width: auto;
	background: #fff;
	border: #ccc 1px solid;
	box-shadow: rgba(0, 0, 0, .15) 1px 1px 1px;
	margin: 1rem auto;
	padding: .5rem
}
div.editor2 img.img-left {
	float: left;
	margin: 0 1rem 1rem 0;
	padding: .5rem
}
div.editor2 img.img-right {
	float: right;
	margin: 0 0 1rem 1rem;
	padding: .5rem
}

div.text-editor {padding: 1rem 2.5rem}

h1.page_title {
	font-size: 4rem;
	color: #00357e;
	text-align: center;
	margin-bottom: 3.5rem
}
/*form setting*/
input, select, textarea {
	background:#fff;
	border: #ddd 1px solid;
	border-radius: .3rem;
	color: #333;
	padding: .45rem .6rem
}
input:hover, select:hover, textarea:hover {
	border-color: #f06;
	box-shadow: rgba(255, 0, 102, 0.98) 0 0 5px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none
}
input:focus, select:focus, textarea:focus {
	border-color: #e15829;
	box-shadow: rgba(225, 88, 41, 0.98) 0 0 5px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none
}
/*div.banner {
	background-size: cover;
	text-align: left;
	padding: 1.5rem 2rem
}
div.banner>img:first-child {max-width: 25vw; margin-right: 1rem}
div.banner>img:last-child {width: 100%; max-width: 25vw}*/

section.container {
	background: #fff;
	box-shadow: rgba(0, 0, 0, .35) 0 0 3px;
	padding: 0 0 3rem
}

div.title {text-align: center; margin-bottom: 2rem; padding-top: 4rem}
div.title>h1 {
	background: url(../images/ind-tit-line.png) 50% 1.2rem no-repeat;
	font-size: 2.6rem;
	font-weight: 200;
	color: #121923;
	margin: 0
}

/*quick link*/
dl.organizer {margin: 0}
dl.organizer>dt {
	font-size: 1.5rem;
	font-weight: 400;
	color: #30353b;
	display: inline-block;
	margin-bottom: 1.5rem;
	padding-bottom: .5rem
}
dl.organizer>dd {text-align: center; display: inline-block; margin-bottom: 4rem}
dl.organizer>dd img {max-width: 360px; width: 360px}

dl.co-organiser {}
dl.co-organiser>dd {text-align: center}
dl.co-organiser>dd>p {display: inline-block; margin: 0 1rem 1.5rem}


/*show opera*/
p.show_note {
	background: #30353b;
	border-radius: .25rem;
	color: #fff;
	text-align: center;
	padding: 1rem
}
table.show_info {
	display: none;
	border: #30353b 1px solid;
}
table.show_info tr th {
	background: #30353b;
	font-weight: 500;
	color: #fff;
	text-align: center;
	padding: 1rem
}
table.show_info tr th:nth-child(1) {width: 20%}
table.show_info tr th:nth-child(2) {width: 32%}
table.show_info tr th:nth-child(3) {width: 45%}

table.show_info tr:hover {background: #c0c7c7}
table.show_info tr td {
	border-bottom: #ba7c55 1px solid;
	vertical-align: text-top;
	padding: 1rem .5rem
}
table.show_info tr td:first-child {text-align: left; padding-left: 1.5rem}
table.show_info tr td p {margin: 0}

div.m_show_info {display: block; padding: 1rem}
div.m_show_info>dl {border: #d5cec6 1px solid; padding: .5rem}
div.m_show_info>dl>dt {
	font-size: 1.5rem;
	font-weight: 400;
	color: #30353b;
	margin-bottom: 1rem;
	padding-bottom: .5rem

}

div.m_show_info>dl>dd {}
div.m_show_info>dl>dd p {word-break: break-all;margin: 0}

dl.news {margin: 0}
dl.news>dd {border-right: #3b434d 1px dashed; margin-bottom: 1.5rem}
dl.news>dd:last-child, dl.news>dd:nth-child(4n+4) {border-right: none}
dl.news>dd>img {margin-bottom: .5rem}
dl.news>dd p {font-weight: bold}
h1.news_title {
	max-width: 94%;
	background: url(../images/title-line.svg) left bottom repeat-x;
	font-size: 1.5rem;
	font-weight: 400;
	color: #30353b;
	margin-bottom: 1rem;
	padding: 0 0 1rem
}

div.troupe {padding: 1.5rem 3rem}
div.troupe>h1 {
	background: url(../images/title-line.svg) left bottom repeat-x;
	font-size: 1.5rem;
	font-weight: 400;
	color: #30353b;
	margin-bottom: 1rem;
	padding: 0 0 1rem
}
div.troupe>p {padding-left: 1rem; padding-right: 1rem}
dl.artist {margin-top: 1.5rem}
dl.artist>dd {margin-bottom: 3rem}
dl.artist>dd>.bsw{
	width: 100%;
	border: #ccc 1px solid;
}
dl.artist>dd>.bsw>.bbox{
	height: 450px;
	overflow: hidden;
	margin: .5rem;
	text-align: center;
}


dl.artist>dd>img {
	width: 100%;
	border: #ccc 1px solid;
	overflow: hidden;
	padding: .5rem
}

dl.artist_info {
	min-height: 440px;
	background: url(../images/layout/bg-m-nav.jpg) left top repeat;
	margin-bottom: 0;
	padding: 1rem
}

dl.artist_info>dt:first-child {
	font-size: 1.25rem;
	font-weight: normal;
	margin-bottom: 1rem
}
dl.artist_info>dd {
	text-align: justify;
	padding: 0
}
.img_outter{
	display: block;
	height:0;
	padding-bottom: 100%;
	width:100%;
	position: relative;
	border:1px solid lightgray; 
  }
  .img_outter img{
	  max-height: 100%;  
	  max-width: 100%; 
	  width: auto;
	  height: auto;
	  position: absolute;  
	  top: 0;  
	  bottom: 0;  
	  left: 0;  
	  right: 0;  
	  margin: auto;
  }
  
  .iframe_outter{
    position: relative;
    padding-bottom: 55.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.iframe_outter > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    transform: scale(1);
    left: 0;
    top: 0;
}
dt{
	font-weight: normal;
}
.dt_title{
	background: #306680;
    padding: 9px;
    color: white !important;
}