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

body {
	font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	/*font-size: 12px;
	_font-size: 80%;*/
	font-size: 13px;
	_font-size: 90%;
	line-height: 1.6;
	text-align: center;
	margin: 0px;
	/*padding: 0px 0px 30px;*/
	padding:0;
	/*background-color:#000;*/
	color: #FFF;
	height:100%;
	background-color: #000;
}


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

img {
	vertical-align:bottom;
}

#contents {
	margin: 0px auto;
	text-align: left;
}
h1 {
	margin: 0px auto;
	padding: 0px;
}
#bg_wt {
	max-width: 1000px;
	margin: 0 auto;
}
#day {
	margin: 20px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3;
	background:#000 url(img/bg.jpg) repeat-x top ;
}
#bg_bk {
	width: 100%;
	background:#000 url(img/bg.jpg) repeat-x top ;
	padding-top: 40px;
}
#info {
	margin: 10px auto;
	width: 900px;
	color: #9CF;
	/*font-weight: bold;*/
	font-size: 12px;
}
#info2 {
	position:absolute;
	top:730px;
	left:10px;
	margin: 10px 55px;
	color: #C03;
	/*font-weight: bold;*/
	font-size: 12px;
}
#info3 {
	width: 900px;
	clear: both;
	margin: 30px auto 10px auto;
	color: #C03;
	/*font-weight: bold;*/
	font-size: 12px;
}


.yellow{
  color:#FFD601;
}
.white{
  color:#FFF;
}

#info4 {
	width: 100%;
	clear: both;
	margin: 0 auto;
	/*font-weight: bold;*/
}

#info4 .infoInner {
	padding:30px 0 30px;
	border-top: dotted 5px #666;
	border-bottom: dotted 5px #666;
}

	  #info4 .infoInner h2{
		  font-size:30px;
		  color:#FFD601;
		  font-weight:normal;
		  margin:0;
	  }
	  #info4 .infoInner h3{
		  font-size:24px;
		  color:#FFD601;
		  font-weight:normal;
		  line-height:1.4;
		  margin:30px 0 0;
	  }

	  #info4 .infoInner p{
		  font-size:109%;
		  line-height:1.8;
		  margin:0;
	  }

	  #info4 .infoInner p em{
		  font-size:117%;
		  font-weight:bold;
		  font-style:normal;
	  }

#info5 {
	width: 100%;
	clear: both;
	margin: 0 auto;
}



a#blog  {
	position:absolute;
	width:197px;
	height:94px;
	background-image:url(img/blogQR.jpg);
	z-index:1;
	left: 544px;
	top: 400px;
	display: block;
	text-indent: -9999px;
}
a#access  {
	position:absolute;
	width:149px;
	height:26px;
	background-image:url(img/access.jpg);
	z-index:2;
	left: 544px;
	top: 520px;
	display: block;
	text-indent: -9999px;
}



/* .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}*/

.youtube {
  width:394px;
  float:right;
  margin: 50px 0 0 30px;
}

.youtube .line {
   border: 2px solid #FFD601;
}

.ticket_box {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
	.ticket {
  padding:10px;
  margin: 0 auto;
}
.ticket p, .ticket2 p {
  font-size:1.5rem;
  line-height:1.8;
  margin:0;
}

.ticket2 {
  padding:0 0 40px;
}

#finish {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #FF0000;
	margin: 10px;
	padding: 10px;
}
.color-red {
	color: #F00;
}
.smalltext {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height:1.2em;
}

.taiken {
	left: 0px;
	top: 1129px;
}
.float-left{
	float:left;
	margin-right:5px;
	}
.float-right{
	float:right;
}
.clear{
	clear:both;
	}
/*.yellow{
	color:#FC0;
	}*/


/*#videobtn{
	width:170px;
	height:107px;
	position:relative;
	top:265px;
	left:70px;
	}
*/
#footer{
	background-color:#FFF;
}


/*2016年度追加*/
#info6{
	/*width: 1000px;*/
	clear: both;
	margin: 0 auto;
	padding:280px 0 10px;
	background-image:url(img/img_01.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	font-size:109%;
    line-height:1.8;
	text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;
	overflow:hidden;
}

div.point {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

div.point dl{
	box-sizing:border-box;
	padding:10px 15px;
	border:solid 2px #FFF;
	border-radius:10px;
	background-color: rgba(0,0,0,0.6);
}



div.point dl dt{
	font-size:1.1em;
	text-align:center;
}


div.point dl dd{
	margin-left:0;
	font-size:100%;
    line-height:1.6;
}

div.point dl dd img{
	width:100%;
}

#info7{
	margin: 0 0 30px;
	padding:0 auto;
	font-size:109%;
    line-height:1.8;
}

#info7 h2{
	margin-bottom:5px;
}

#info8{
	padding:10px 20px;
	font-size:109%;
    line-height:1.8;
	background-color:#FFF;
	color:#000000;
}

#info8 h2{
	margin-bottom:5px;
	margin-top:0px;
	line-height:1.4;
}

/*公式SNS部分*/
#info9{
	padding:10px 20px;
	font-size:109%;
    line-height:1.8;
	background-color:#333;
	color:#fff;
	overflow: hidden;
}
#info9 h3{
	margin: 10px;
	background-color:#666;
	line-height:1.4;
	padding: 5px;
	text-align: center;
}
#info9 a{
	width: 40%;
	float: left;
	margin-right: 10%;
	display: block;
	margin-bottom: 10px;
}
#info9 a dl dd {
	width: 20%;
	float: left;
	display: block;
	color:#fff;
}
#info9 a dl dt {
	width: 65%;
	float: left;
	display: block;
	color:#fff;
	padding: 20px 0 0 10px;
}
/*SNSスマホ*/
@media screen and (max-width: 767px) {
	#info9{
		padding:10px;
	}
	#info9 a{
		width: 50%;
		float: left;
		margin-right: 0;
	}
	#info9 a dl dd {
		width: 40%;
		margin: 0 30%;
		float: none;
		display: block;
		color:#fff;
		text-align: center;
	}
	#info9 a dl dt {
		width: 100%;
		float: none;
		clear: both;
		display: block;
		color:#fff;
		font-size: 0.8em;
		padding: 5px;
		text-align: center;
	}
}


#footer{
	background-color:#000000;
	color:#FFF;
}

dl.day_box01 {
	display:flex;
}
dl.day_box01 a {
	color: #C39;
}

dl.day_box01 dt {
	color:#000000;
	background-color:#FFFFFF;
	margin-right:10px;
	padding:0.2em 0.4em;
	text-align:center;
    border-radius: 3px;
	box-sizing:border-box;
}

dl.day_box01 dd {
	padding-top:0.2em;
	margin-left:0;
}

dl.day_box02 {
	display:flex;
	margin-bottom:10px;
}

dl.day_box02 dt span{
	color:#000000;
	background-color:#FFFFFF;
	padding:0.2em 0.4em;
	text-align:center;
    border-radius: 3px;
}

dl.day_box02 dd {
	margin-left:0;
	line-height:1.3;
}

dl.day_box03 {
	display:block;
	padding-bottom:10px;
}

dl.day_box03 dt {
	/*color:#000000;
	background-color:#FFFFFF;
	padding:0.2em 0.4em;
	text-align:center;
    border-radius: 3px;
	box-sizing:border-box;
	margin-right:10px;*/
}

dl.day_box03 dd {
	padding-top:0.2em;
	margin-left:0;
}

dl.day_box03 dd table {
	border-left:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	width:100%;
	margin-top:15px;
}

dl.day_box03 dd table th,
dl.day_box03 dd table td {
	border-right:solid 1px #ffffff;
	border-top:solid 1px #ffffff;
	padding:5px;
	font-size:1rem;
	vertical-align:top;
}
dl.day_box03 dd table th {
	background-color:#D7000F;
}

dl.day_box03 dd table td {
	font-weight:normal;
	width: 50%;
	padding: 8px;
	box-sizing: border-box;
}



.flexbox01 {
	display:flex;
}
.flexbox01 a {
	color:#FFFFFF;
	flex: 1;
}

.flexbox01 a:link,visited {
	text-decoration:none;
}

.flexbox01 a:hover {
	text-decoration:underline;
}

.flexbox01 dl {
    border-radius: 5px;
    padding: 10px 15px;
	margin:0;
}
.flexbox01 dl dd {
    margin-left:0;
}
.flexbox01 dl dt {
    font-size:1.2em;
	margin-bottom:5px;
}
a.go_form {
	color: #FFF;
	text-decoration: none;
}
a.go_form dl dt {
	font-size: 1.6em;
}
a.go_form dl dd {
	margin-left: 0;
}
dl#musician_box {
/*Other Browser*/
padding: 10px;
background: #009FE8;
border: 2px solid #fff;
-webkit-border-radius: 5px;
        border-radius: 5px;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	top,
	#6CCFFF 0%,
	#009FE8 50%
);
/*For Modern Browser*/
background: linear-gradient(
	to bottom,
	#6CCFFF 0%,
	#009FE8 50%
);
}

dl#concert_box {
/*Other Browser*/
background: #6FB92C;
padding: 10px;
border: 2px solid #fff;
-webkit-border-radius: 5px;
        border-radius: 5px;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	top,
	#92D654 0%,
	#6FB92C 50%
);
/*For Modern Browser*/
background: linear-gradient(
	to bottom,
	#92D654 0%,
	#6FB92C 50%
);
}
.link_pdf:after {
	content:url(img/ico_pdf.png);
	margin:0 5px;
}


/* -----------------------------------------------------------------------
## PCのみの調整 ##########################################################
----------------------------------------------------------------------- */
@media screen and (min-width: 768px){
.pc_none {
	display:none;
}
#contents {
	width: 100%;
}
dl.day_box01 {
    font-size:1.4em;
	line-height:1.4;
	width:100%;
}

dl.day_box01 dt {
	width:7em;
	height:3.7rem;
}
dl.day_box01 dd {
	width:100%;
}
dl.day_box02 {
    font-size:1.2em;
	margin: 30px 0;
}
dl.day_box02 dt {
	width:7em;
	height:2.5rem;
}
dl.day_box03 {
    font-size:1.4em;
	line-height:1.4;
}

dl.day_box03 dt {
	/*width:15em;*/
	margin-top: 40px;
	/*height:2.5rem;*/
}
dl.day_box03 dd {
	padding-top:0;
}


dl.day_box03 {
	width: 70%;
	margin: auto;
	text-align: center;
}
dl#musician_box {
	/*width: 46%;
	float: left;*/
	width: 90%;
	margin: auto;

}
/*dl#concert_box {
	width: 46%;
	float: right;
}*/
dl#concert_box {
	width: 90%;
	margin: auto;
}

#day {
	font-size:15px;
	width: 1000px;
	margin: 0 auto;
}
.flexbox01 a:first-child {
	margin-right:15px;
}
.flexbox01 {
	padding-bottom:10px;
}
.fs14em {
	font-size:1.4em;
}
div.point dl{
	width:32.24%;
	margin-right:15px;
}
div.point dl:last-child{
	margin-right:0;
}
#footer {
	width: 1000px;
	margin: 20px auto;
}
}

/* -----------------------------------------------------------------------
## スマホのみの調整 ######################################################
----------------------------------------------------------------------- */
@media screen and (max-width: 767px){
	body {
		background:#000;
	}

.sp_none {
	display:none;
}
#footer h2 {
    background: #ebebeb none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    margin: 10px 0;
    padding: 3px 5px;
	font-size:1.2em;
	color:#000;
	}
#footer a {
	color:#FFF;
	}
#footer a:hover{
	color:#1976d2;
}

.sp_box {
	margin:10px;
}
.ico_white {
	border-radius:5px;
	padding:3px;
	background-color:#FFF;
	color:#000;
}
dl.day_box01 {
    flex-direction: column;
}
dl.day_box01 dt {
	font-size:1.3em;
	width:100%;
}
dl.day_box02 dt {
	width:100%;
	margin-bottom:3px;
	font-size:1.3em;
}
dl.day_box02 dt span{
	display:block;
	width:100%;
	box-sizing:border-box;
}
dl.day_box03 dt {
	width:100%;
	margin-top:30px;
	font-size:1.3em;
}
dl.day_box02 {
    flex-direction: column;
}
dl.day_box03 {
    flex-direction: column;
}
dl.day_box03 dt {
	font-size:1.3em;
	width:100%;
	margin-bottom:5px;
}

dl.day_box03 dd table th,
dl.day_box03 dd table td{
	font-size:1em;
	word-break:break-all;
}

dl.day_box03 dd table th:nth-child(2){
	width:40%!important;
}

dl.day_box03 dd table th:nth-child(3){
}

.flexbox01 {
    flex-direction: column;
}
.flexbox01 dl {
	margin:10px 0;
}
#day {
	font-size:1em;
}

/*フッター*/
footer {
    background-image: -webkit-linear-gradient(#3c3c3c, #111);
    background-image: linear-gradient(#3c3c3c, #111);
    clear: both;
    color: #fff;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
#ft_inner {
}
.ft_adress {
    background: #999 none repeat scroll 0 0;
    font-size: 0.7em;
    margin: 1em 0;
    overflow: hidden;
    text-align: center;
	padding:0;
}
.ft_adress li {
    box-sizing: border-box;
    float: left;
    line-height: 10%;
    text-align: center;
    width: 36%;
}
.ft_adress li div {
    margin-bottom: -5px;
}
.ft_adress li:first-child {
    padding: 5px 4% 10px;
}
.ft_adress li:nth-child(2) {
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    padding: 5px 3% 10px;
}
.ft_adress li:last-child {
    padding: 5px 2% 10px;
    width: 27%;
}
.ft_adress a {
    float: left;
    padding: 5px 0;
    text-align: right;
    width: 100%;
}
.ft_adress a img {
    width: 15px;
}
.ft_adress a, .privacy a, .school_link a {
    color: #000 !important;
    display: block;
    text-decoration: none;
    text-shadow: none;
}
.privacy, .school_link {
    background: #eeeeee none repeat scroll 0 0;
    border-radius: 20px;
    float: left;
    font-size: 0.7em;
    margin: 10px;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    width: 43%;
}
.school_link {
    float: right;
    padding: 5px 0;
}
.ico_monitor {
    border-radius: 0.25em;
    box-shadow: 0 0 0 0.25em #fff inset, 0 -0.25em 0 0.25em #fff inset;
    height: 2.25em;
    margin-top: -0.5em;
    position: relative;
    width: 3em;
}
.ico_monitor::after {
    background-color: #fff;
    content: "";
    height: 0.25em;
    left: 1em;
    position: absolute;
    top: 100%;
    width: 1em;
}
.ico_monitor::before {
    background-color: #fff;
    bottom: -0.5em;
    content: "";
    height: 0.25em;
    left: 0.75em;
    position: absolute;
    width: 1.5em;
}
.ico_iphone {
    border-left: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
    font-size: 10px;
    height: 1.75em;
    margin-top: -0.3em;
    position: relative;
    width: 1.4em;
}
.ico_iphone::after, .ico_iphone::before {
    content: "";
    left: -0.2em;
    position: absolute;
    width: 1.8em;
}
.ico_iphone::after {
    background-color: #fff;
    border-radius: 0.25em 0.25em 0 0;
    height: 0.4em;
    top: -0.4em;
}
.ico_iphone::before {
    background-image: radial-gradient(circle, transparent 12%, #fff 12%);
    border-radius: 0 0 0.25em 0.25em;
    bottom: -0.7em;
    height: 0.7em;
}
.ico_mail {
    border-color: transparent #fff #fff;
    border-style: solid;
    border-width: 1em 1.5em;
    display: block;
    font-size: 8px;
    height: 0;
    position: relative;
    width: 0;
}
.ico_mail::before {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 1em 1.5em;
    content: "";
    display: block;
    font-size: 0.9em;
    left: -1.42em;
    position: absolute;
    top: -1.23em;
}
footer ol, ul {
    list-style: outside none none;
}
footer h5 {
	padding:0!important;
	margin:0!important;
	font-size:100%;
}
footer p {
	padding:0;
	margin:0;
}
footer ul {
	margin:0!important;
	padding-left:0;
}
/* フッター_end */
#info6{
	padding:40% 0 10px;
}
.youtube {
  width:100%;
  float:none;
  margin: 50px 0 0 0;
}


}


/* -----------------------------------------------------------------------
## 追加 ######################################################
----------------------------------------------------------------------- */
.snsTit {
	color: #FFD601;
}
.listBlog {
	overflow: auto;
	height: 600px;
	background-color: #FFF;
	border-radius: 5px;
}
.blog-md {
	margin: 15px;
	color: #000;
	border-top: 1px solid #EEE;
}
.blog-md:first-child {
	border: none;
}
.blog-md dt {
	padding: 10px 0;
}
.blog-md dd {
	font-weight: normal;
}
.blog-md .blog-image {
	float: left;
	width: 30%;
	margin: 0;
	margin-right: 10px;
}
.blog-md .date {
	clear: both;
	text-align: right;
	color: #666;
}
.blog-md .date span {
	margin-left: 5px;
	color: #2b7ab7;
	text-decoration: underline;
}

@media screen and (max-width: 767px){
	.listBlog {
		height: 400px;
	}
}

.insta_box {
	padding: 0;
	margin: 0;
}
.areaInsta {
	height: 300px;
	padding: 30px;
	text-align: center;
	background-color: #FFF;
	border-radius: 10px;
}
.areaInsta ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.areaInsta li {
	width: 135px;
	margin-bottom: 10px;
}
.areaInsta li img {
	width: 135px;
	height: 135px;
	object-fit: cover;
}
.instaLink {
	display: inline-block;
	margin: 10px auto 0;
	padding: 0.5em 1em;
	text-align: center;
	color: #FFF;
	font-size: 1.2em;
	background-color: #000;
	border-radius: 2em;
}
.instaLink:hover {
	opacity: .7;
}

@media screen and (max-width: 767px){
	.areaInsta {
		height: auto;
		padding: 20px;
	}
	.areaInsta li {
		width: 25vw;
	}
	.areaInsta li img {
		width: 25vw;
		height: 25vw
	}
}

/*各種お申し込み方法について*/
.ticketArea {
	margin-top: 50px;
	margin-bottom: 50px;
}
.ticketArea h2 {
	padding: 0.5em;
	text-align: center;
	color: #FFD601;
	font-size: 2.4rem;
	border-top: 2px solid #FFD601;
	border-bottom: 2px solid #FFD601;
}
.ticketArea h3 {
	color: #FFD601;
	font-size: 1.4em;
}
.ticketMenu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}
.ticketMenu li {
	margin: 0;
	padding: 0;
	width: 32%;
}
.ticketMenu li a {
	display: block;
	padding: 1em 0.5em;
	text-align: center;
	color: #000 !important;
	font-size: 1.1em;
	background-color: #fff;
	border-radius: 5px;
	text-decoration: none !important;
}
.ticketDetail {
	padding: 20px 0;
	line-height: 1.7em;
	font-size: 1.1em;
}
.ticketNotes {
	font-size: 1.2rem;
	font-weight: normal;
}
.lotike {
	display: inline-block;
	width: 100%;
	padding: 0.75em;
	text-align: center;
	color: #FFF !important;
	font-size: 1.4em;
	background-color: #0173bb;
	border-radius: 5px;
	text-decoration: none !important;
}
.lotike::before {
	content: "\f0da";
	font-family: "FontAwesome";
	margin-right: 0.5em;
}
.lotike:hover {
	opacity: .8;
}
.rakuten {
	background-color: #7d01be;
}
.hs {
	font-size: 1.2em;
	background-color: #cf0510;
}

@media screen and (max-width: 767px){
	.ticketArea h2 {
		font-size: 2rem;
	}
	.ticketMenu {
		display: block;
	}
	.ticketMenu li {
		width: 100%;
		margin-bottom: 10px;
	}
	.lotike {
		display: inline-block;
		width: 100%;
	}
}

/* 動画 */
.video{
  width: 100%;
  aspect-ratio: 16 / 9;
	border: 1px solid #666;
}
.video iframe{
  width: 100%;
  height: 100%;
}

/* 終了BOX */
.finish_sale_box {
	border: 4px solid #DB0000;
	background-color: rgba(255,255,255, 0.95);
	padding: 0 min(5vw, 2.5rem);
}
.finish_sale_box .box_txt {
	font-size: min(5vw, 2.75rem);
	color: #DB0000;
	font-weight: 700;
}
.finish_sale_box .box_txt:has( > wbr) {
	word-break: keep-all;
}

/* チケット発売日バナー */
.ticket_sale_box {
	border: 4px solid #FFD601;
	background-color: rgba(255, 214, 1, 0.12);
	padding: 0.6em min(5vw, 2.5rem);
}
.ticket_sale_box .box_txt {
	margin: 0;
	font-size: min(4.4vw, 2rem);
	color: #FFD601;
	font-weight: 700;
	line-height: 1.5;
}
.ticket_sale_box .box_txt:has( > wbr) {
	word-break: keep-all;
}


/* DreamHouseロゴ */
.dreamhouse_logo {
	line-height: 1;
}
.dreamhouse_logo img {
	margin: 5px 5px 5px 0;
	vertical-align: -0.5em;
}
@media screen and (max-width: 767px){
	.dreamhouse_logo img {
		vertical-align: -0.75em;
	}
}