/* Google Font */
@import
"https://fonts.googleapis.com/css?family=Roboto+Condensed";

@import
"https://fonts.googleapis.com/css?family=Teko";

/* 全体 */
* {
	font-family: 'Roboto Condensed','游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing: .2px;
	line-height: 180%;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Teko', sans-serif,'游ゴシック' !important;
	font-weight: 700;
}

/* 構成 */
#content, #primary, #secondary, .entry-content, .clearfix{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
}
.sheet-ttl{
	margin-bottom:10px;
	padding:0 ;
	margin-top:70px;
}
@media (max-width: 767px) {
.sheet-ttl{
	font-size:18px;
	
	}
}
.pt0{
	padding-top:0 !important;
	
}
#secondary{
	display: none;
}

div.container {
	max-width: 100%;
	background-color: #27a0cf;
}

.entry-content div {
	padding: 10% 5%;
	background-position: center top;
	background-attachment: fixed;
	background-size:cover;
}
@media (max-width: 767px) {
.entry-content div {
	padding: 10% 5%;
	background-position: center top;
	background-attachment:inherit;
	background-repeat: no-repeat;

}
}
#second{
	padding: 0 0 50px 0;
	background-image:url("https://soarsmusical.jp/wp-content/uploads/2020/01/com-bg.jpg");
}

@media (max-width: 767px) {
#second{
	background-color:#013656;
	background-image:url("https://soarsmusical.jp/wp-content/uploads/2020/01/com-bg-sp.png");
	
}
}
#second h1{
	margin: 30px 0;
	font-size: 60px;
	line-height: 1.2em;
}

#second img{
	margin: auto;
}

.story_01 img, .schedule_01 img {
	margin-top: 50px;
}

/* 文字 */
#site-navigation a{
	font-size: 18px;
	font-family: 'Teko', sans-serif;
}

#site-navigation a:hover{
	text-decoration: none;
}

h1,h2,h3,h4,h5 {
	color: #fff;
}

h1,h2,h3,.nav-site-title {
	font-family: 'Teko', sans-serif }

/* リンク */
a {
	color: #fff !important;
	text-decoration: underline;
}

a:hover {
	color: #e88215 !important;
	text-decoration: underline;
}

a:hover img{
	-webkit-filter: grayscale(100%);
}

/* リスト */
ul {
	margin: 0 !important;
}

/* ページ要素 */
/* ヘッダー */
#site-branding {
	padding-bottom: 0;
}

h3.nav-site-title{
	padding-left: 2% !important;
}

h3.nav-site-title a,.nav-menu a{
	text-decoration: none;
	margin: 0 10px;
}

.menu-toggle{
	padding: 10px 0 20px 0;
}

#search-toggle{
	display: none;
}

.top-header {
	border: none;
}
.entry-content .ticket-btn{
	text-align:center;
	margin:30px 0;
	padding:0;
}
@media screen and (max-width: 880px) {
.entry-content .ticket-btn {
	padding:0 40px;
}
	.ticket-btn img{
		width:100%;
	}
}
@media screen and (max-width: 640px) {
.entry-content .ticket-btn {
	padding:0 20px;
}
	
}
.entry-content .top-sns-icon-area{
	display:flex;
	justify-content:center;
	margin:60px 0;
	padding:0;
}
.entry-content .top-sns-icon-area a{
	display:inline-block;
	margin:0 10px;
}
@media screen and (max-width: 640px) {
	.entry-content .top-sns-icon-area{
		margin:30px 0;
	}
.entry-content .top-sns-icon-area a{
	width:20%;
	margin:0 2%;	
}
	.top-sns-icon-area a img{
		width:100%;
	}
}
/* トップページ */
.top_01 .kokuchi-area{
	max-width:960px;
	margin:0 auto 30px;
	background:white;
	padding:80px 50px;
	text-align:left;
	color:#000;
	font-family: "游ゴシック体", YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
}
@media screen and (max-width: 767px) {
  .top_01 .kokuchi-area{
   padding:40px 20px;
		font-size:14px;
  }
}
.top_01 .kokuchi-area h3.main-ttl{
	text-align:center;
	color:#000;
	font-size:28px;
	margin-bottom:20px;
	font-family: "游ゴシック体", YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif" !important;
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .top_01 .kokuchi-area h3.main-ttl{
   font-size:24px;

  }
}
.top_01 .kokuchi-area h4.s-ttl{
	color:#000;
	font-size:24px;
	font-family: "游ゴシック体", YuGothic,"Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif" !important;
	text-align:center;
	line-height:1.6;
}
@media screen and (max-width: 767px) {
  .top_01 .kokuchi-area h4.s-ttl{
   font-size:18px;
		text-align:left;
  }
}
.top_01 .kokuchi-area .sign{
	text-align:right;
	font-size:85%;
}
.top_01 .kokuchi-area p strong{
	text-decoration:underline;
	color:red;
}
.top_01 .kokuchi-area p a{
	color:black !important;
	text-decoration:underline;
}
.main-slider .image-slider {
	background-position: center center;
	background-color: #000;
	background-repeat: no-repeat;
	background-size: 100% auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 960px) {
	.main-slider .image-slider {
	min-height: 400px;
}
}

@media screen and (max-width: 767px) {
	.main-slider .image-slider {
	min-height: 200px;
}
	.slider-button {
    bottom: 10px;
}
}

.slider-content, .page-header, .slider-prev, .slider-next {
	display: none;
}

.top-pickup-comment{
 max-width:850px;
 margin:50px auto 50px;
 padding-bottom:50px;
 border-bottom:1px solid white;
 color:white;
}
@media screen and (max-width: 767px) {
.top-pickup-comment{
 margin:50px auto 30px;
 padding-bottom:30px;
}
}
.top-pickup-comment:before{
	content:"";
	margin-top:40px;
	display:block;
}
.top-pickup-comment .day{
	font-size:14px;
	display:inline-block;
}
.top-pickup-comment .title{
	font-size:34px;
	letter-spacing:1px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.4;
}
.top-pickup-comment .txt{
	padding:20px;
}
.top-pickup-comment .photo{
	overflow:hidden;
	margin:20px 0;
	text-align:center;
	padding:0;
}
.top-pickup-comment .photo img{
	max-width:800px;
	height:auto;
}
@media (max-width: 767px) {
.top-pickup-comment .photo img{
	width:100%;
}
}
.news{
	width: 100%;
	padding: 2% 10% !important;
	background:#fff;
}

.news ul{
	max-width: 90%;
	margin: auto !important;
}

.news li{
	text-align: left;
	display: table-cell;
	vertical-align: top;
	color:black;
}

li.news_title{
	width: 120px;
	text-align: right;
	padding-right:30px;
}

li.news_icon{
	margin : 0 10px 0 40px;
	padding-right: 20px;
	position: relative;
}

li.news_icon::after {
  display: table-cell;
  content: '';
  position: absolute;
  top: .6em;
  left: -1.2em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.audition_bnr{
	padding: 0 !important;
	margin-bottom: 90px;
}

.audition_bnr img{
	margin: 0 auto;
}

.sponsor{
	padding: 50px !important;
	background-color:#fff;
	color:#132e73;
}
.sponsor h3{
	color:#132e73;
}
.sponsor img{
	margin: 5px;
}
.sponsor .sponsor-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	list-style-type:none;
	max-width:1400px;
	margin:40px auto 0 !important;
}
.sponsor .sponsor-list li{
	margin:0 20px 20px;	
	list-style-type:none;
}

@media screen and (max-width: 767px) {
.sponsor{
	padding: 20px 20px 0 !important;
}
	.sponsor .sponsor-list{
	justify-content:inherit;

}
	.sponsor .sponsor-list li{
	margin:0 0 50px;
/* 	width:50%; */
		width:100%;
	text-align:center;
}
	.sponsor .sponsor-list li img{
		max-width:80%;
		display:inline-block;
	}
}
.event,.add,.media {
/* 	background-image:url("https://soarsmusical.jp/wp-content/uploads/2017/09/bg_news.jpg"); */
	background:#eee;
}

.event,.media {
	padding-top: 0 !important;
}

.event ul,.media ul{
	max-width: 500px;
	margin: auto !important;
	margin-bottom: 30px!important;
}

.event li,.media li{
	text-align: left;
	list-style: none;
}

.media h3{
	padding-top: 120px;
	padding-bottom: 0 !important;
}

.media h4{
	margin-top: 50px !important;
}

.YouTube{
	margin: 20px 0 !important;
	padding: 20px 2% !important;
	display: inline-block;
}
.YouTube .txt{
	text-align:left;
}
.top_01{
	background-image:url("https://soarsmusical.jp/wp-content/uploads/2020/01/com-bg.jpg");
	font-size: 16px;
	line-height: 30px;
	clear: left;
}
@media screen and (max-width: 767px) {
.top_01{
	background-color:#013656;
	background-image:url("https://soarsmusical.jp/wp-content/uploads/2020/01/com-bg-sp.png");
}
}
.top_01 h2{
	font-size:34px;
	margin: 20px 0;
}
.top_01 h2.top-pickup-title{
	font-size:48px;
	font-weight:bold;
	margin:150px 0 0;
	text-align:center;
}
	@media screen and (max-width: 767px) {
	.top_01 h2{	font-size:26px; }
.news li{
	text-align: left;
	display: block;
}

	.news{
		padding: 2% 5% !important;
	}
	.news ul{
	max-width: 100%;
	margin: 10px 0 !important;
	padding: 0;
		}	
	li.news_title,li.news_icon{
	width: 50%;
	display: inline;
	font-weight: 700;
	margin: 0;
	padding: 0;
}
li.news_title{
	margin-right: 0.5em;			
		}
li.news_icon::after {
	display: none;
}
}

/* INTORDUCTION */
.intro_01 {
	text-align: left;
}

.intro_01 h1{
	text-align: center;
}

.intro_01 h3 {
	font-size: 16px;
}

.add img{
	margin-top: 20px;
}

/* STORY */
.star{
	font-size: 20px;
	font-weight: 700;
}

.story_01{
	font-size: 16px;
}

.story_01 img{
	padding-top: 50px;
}

.story_01 p{
	margin-bottom: 20px;
}

a.cast_rink{
	position: relative;
  display: inline-block;
  padding-left: 15px;
}

a.cast_rink::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

/* CAST & STAFF */
ul.team_list{
	margin-bottom: 80px !important;
}

.team_list li{
	display: inline;
	margin: 0 10px;
}

h2.team_tt {
	font-size: 38px;
	width: 300px;
	margin: 0 auto;
	padding-bottom: 0px;
	clear: left ;
	position: bottom;
	background-position: left top ;
	background-repeat: no-repeat;
}

h2.team_tt.t-red {
	background-image:url("https://soarsmusical.jp/wp-content/uploads/2018/10/red.png");
	background-position:14% center;
	background-size:40px auto;
	padding-top:12px;
	height:50px;
}

h2.team_tt.t-pink {
	padding-top: 5px;
	background-image:url("https://soarsmusical.jp/wp-content/uploads/2018/10/pink.png");
	background-position: 12% center;
	background-size:40px auto;
	padding-top:12px;
	height:50px;
}
.prof-att{
	text-align:right;
	font-size:11px;
	max-width:860px;
	margin:auto;
}
.cast_content,.listbox {
	padding: 0 1% 30px !important;
	overflow: hidden;
}

.listbox{
	max-width: 920px;
	margin: auto;
}

.listbox .sup{
	font-size: 12px;
	font-weight: 200;
}

.listbox dl{
	padding:20px 5px;
	text-align: left;
	float: left;
	width:220px;
	box-sizing:border-box;
}
.listbox dl dt small{
	font-size:80%;
	display:block;
	font-feature-settings:"palt";
	}
.listbox .pc-s{
		display:block;
	}
	.listbox .sp-s{
		display:none;
	}
/* .listbox.dancers dl{
	min-height:410px;
	} */
.listbox.guest dl dd{
	height:210px;
}
.listbox.guest dl.s-height dd{
	height:160px;
}

dl.staff_list{
	text-align: center;
}

@media screen and (max-width: 767px) {
  .listbox dl{ width: 50%; }
	h2#Bird.team_tt{ background-size: 12% ;
	background-position: 0 0% ;
width: 250px;}
	h2#Fish.team_tt{ background-size: 12% ;
	background-position: 0 30% ;
width: 250px;}
	.listbox dl dt small.small{
	font-size:60%;
	}
	.listbox .pc-s{
		display:none;
	}
	.listbox .sp-s{
		display:block;
	}
	.listbox.dancers dl{
		min-height:inherit;
	}
.listbox.guest dl dd{
		height:0;
		position:relative;
		padding-top:90%;
	}
	.listbox.guest dl dd img{
		position:absolute;
		top:0;
		left:0;
	}
	.listbox.guest dl.s-height dd{
	height:0;
		padding-top:65%;
}
	.listbox.guest dl dt .s90{
		font-size:88%;
		
	}
}

.pum-container{
	font-family: 'Roboto Condensed','游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.pum-container dt{
	float:left;
  clear:left;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 700;
}

.pum-container dd{
	float:left;
	font-size: 14px;
	margin-bottom: 20px;
}

.pum-theme-749 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{
	right: -5px !important;
	top: -5px !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* SCHEDULE & TICKET */
.schedule_01 .outline{
	padding: 0 0 20px 0;
	margin: 0;
}

.schedule_01 dl.hall{
/* 	padding-bottom: 50px; */
}

.schedule_01 dl{
	margin-top: 20px;
}

.schedule_01 dt{
	margin-bottom: 10px;
	font-size: 18px;
}

.schedule_01 dd{
	margin: 0;
}

.schedule_01 ul.sup{
	margin-top: 20px !important;
}

.schedule_01 ul.sup li{
	list-style: none;
	font-size: 12px;
}

.schedule_01 img{
	padding-top: 70px;
}

.schedule_01 img.ticket_r{
	margin-top: 50px;
}

.soldout{
	overflow: hidden;
	padding: 20px 0 0;	
}

.soldout_dd{
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px;
}
.diagram-ttl{
	margin-top:70px;
}
#main .diagram-list{
	padding:40px 20px;
	max-width:920px;
	margin:auto !important;
	list-style-type:none;
}
#main .diagram-list li{
	text-align:left;
	margin-bottom:10px;
	font-size:90%;
	
}
/* CONTACT */
div.wpcf7{
	padding: 10px 0 !important;
}

input.wpcf7-submit {
	background-color: #fff;
	color: #000;
	margin: 0;
}

.wpcf7-form input[type="file"]{
	color: #999;
}

div.wpcf7-response-output{
	border: none;
	margin: 0 0 20px;
	padding: 0;
}

/* AUDITION */
.audition_01{
	width: 90%;
	max-width:1140px;
	margin: auto;
	text-align: left;
}

.audition_01 h1{
	text-align: center;
}

.audition_01 h2{
	margin: 60px 0 0;
	padding: 0;
}

.audition_01 h3{
	margin-top: 60px;
}
.audition_01 .movie{
	text-align:center;
	position:relative;
	height:0;
  padding-top:56.25%;
	max-width:800px;
	margin:30px auto;
}
.audition_01 .movie iframe{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/* 404 */
.error404{
	margin-bottom: 0;
}

.search-form{
	margin: 50px auto;
	max-width: 80%;	
}

/* フッター */
#colophon .widget-wrap{
	border: none;
	background-color: #1a1a1a;
}

#colophon .widget-area {
	margin: 0;
	padding: 1%;
	background-color: #1a1a1a;
}

#colophon .widget-title {
	font-family: 'Teko', sans-serif !important;
	font-size: 24px;
	color: #fff;
	padding: 30px 0 0;
	pointer-events:none;
}

.column-4 {
	border: none !important;
	margin: 0 !important;
	padding: 0 1% !important;
	clear: left;
}

.column-4 ul{
	text-align: left;
}

/* .widget-area a,.widget-title a,.site-info a.widget_contact a{
	pointer-events:none;
	text-decoration: none;
} */

.footer_news {
	margin-top: 5px;
	text-align: left;
}

.footer_news dt{
	max-width: 100px;
	margin-right: 10px;
	float: left;
}

.footer_news dd{
	margin-left: 80px;
	margin-bottom: 10px;
}

#twitter-widget-0 {
	margin-top: 10px !important;
}

#colophon .widget-title:after {
	display: none;
}

#facebook-likebox-5{
	margin-top: -7px;
}

.social-links{
	display: none;
}

.site-info{
	padding:0;
	background-color: #000;
}

.copyright{
	padding:0 0 30px !important;
}


/* cast popup */
.page-cast .listbox{
	display:flex;
	flex-wrap:wrap;
}
.listbox dl.cast_list .su-lightbox >img{
transition-duration: 0.3s;
cursor: pointer;
}
.listbox dl.cast_list .su-lightbox:hover >img{
transform: scale(1.1);	/*画像の拡大率*/
transition-duration: 0.3s;	/*変化に掛かる時間*/
}


.pop-prof-area .inner{
width: 100%;
	max-height:777px;
	overflow:hidden;
display: flex;
color: white;
background: #aaa;
}
@media (max-width: 800px) {
.pop-prof-area .inner{
display: block;
	max-height:inherit;
	overflow:inherit;
	}
}

.pop-prof-area .inner .num{
width: 50%;
box-sizing: border-box;
}
@media (max-width: 800px) {
.pop-prof-area .inner .num{
width: 100%;
box-sizing: border-box;
	}
}

.pop-prof-area .inner .num1{
display: flex;
align-items: flex-start;
}
@media (max-width: 800px) {
.pop-prof-area .inner .num1{
display: block;
height: 0;
position: relative;
padding-top:140%;
overflow: hidden;
	}
.pop-prof-area .inner .num1 img{
position: absolute;
left: 0;
top: -8%;
	}
	.pop-prof-area .inner .num1.shrot-img{
	padding-top:130%;	
	}
.pop-prof-area .inner .num1.shrot-img img{
	top:0;	
		
	}
}

.pop-prof-area .inner.cast .num1{
background: #fff;
}
.pop-prof-area .inner.dancer .num1{
background: #c9d0e3;
}

.pop-prof-area .inner .num1 img{
width: 100%;
}

.pop-prof-area .inner .num2{
padding: 30px 0 30px 30px;
}
@media (max-width: 800px) {
.pop-prof-area .inner .num2{
margin-top: 10px;
	padding:30px;
	}
}
.pop-prof-area .inner .num2 .num-list{
	overflow:auto;
	height:730px;
	padding-right:20px;
	
}
@media (max-width: 800px) {
.pop-prof-area .inner .num2 .num-list{
	overflow:visible;
	height:auto;
	padding-right:0;
	}
}
.pop-prof-area .inner .num2 .num-list li{
margin-bottom: 20px;
text-align: justify;
text-justify: inter-ideograph;
}
@media (max-width: 800px) {
.pop-prof-area .inner .num2 .num-list li{
margin-bottom: 1.5em;
	}
}

.pop-prof-area .inner .num2 .num-list li:last-child{
margin-bottom: 0;
}
.pop-prof-area .inner .num2 .num-list li strong.name{
font-size: 24px;
}
.pop-prof-area .inner .num2 .num-list li strong.name small{
font-size: 16px;
margin-left: 1em;
}
.pop-prof-area .inner h2{
font-family: 'Teko', sans-serif,'游ゴシック' !important;
font-size: 44px;
letter-spacing: 3px;
margin-bottom: 20px;
padding-top: 5px;
}
.pop-prof-area .inner h3{
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
padding:5px 0 0;
}
.pop-prof-area .inner p{
font-size: 15px;
margin-bottom: 40px;
}
.pop-wrapper{
width: 90%;
max-width: 840px;
margin:30px auto;
position: relative;
}
@media (max-width: 800px) {
.mfp-container{
padding: 0 !important;
	}
}

.mfp-close-btn-in .mfp-close{
color: white !important;
font-size: 64px;
position: absolute;
top: 20px;
left: 20px;
z-index: 100;
}
@media (max-width: 900px) {
.mfp-close-btn-in .mfp-close{
font-size: 48px;
top: 20px;
right: 20px;
	}
}

.mfp-close-btn-in .mfp-close:active{
top:20px ;
}
@media (max-width: 900px) {
.mfp-close-btn-in .mfp-close:active{
top:20px ;
	}
}
small.fnt-85{
	font-size:85%;	
}
h3 small{
	font-weight:normal;
	font-size:70%;	
}
.audition_01 ul li{
	margin-bottom:15px;
}
.main-v{
	margin-bottom:10%;
	
}

a.planning-btn{
	display:flex;
	justify-content:center;
	align-items:center;
	width:250px;
	height:60px;
	background:white;
	border-radius:40px;
	color:black !important;
	font-size:16px;
	margin:30px auto;
	text-decoration:none;
}
a.planning-btn:hover{
	color:black !important;
}

.post-password-form{
	padding:0 20px;
	max-width:800px;
	margin:40px auto;
}

input.required,textarea.required{
	color:black;
}
.wpcf7-not-valid-tip{
	margin-top:-20px;
	margin-bottom:20px;
}