/*	PAGE HEADER
============================== */
#page-header{
	width: 100%;
}
.page-logo{
	background-image: url(../img/page_logo.png);
	background-image: image-set(url("../img/page_logo.png") 1x, url(../img/page_logo@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/page_logo.png) 1x, url(../img/page_logo@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-logo {
    position: relative;
}
.page-logo a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

@media all and (min-width: 768px) {
	#page-header{
		padding: 50px 0 40px;
	}
	.page-header-inner{
		width: 950px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.page-logo{
		width: 550px;
		height: 100px;
	}
}

@media all and (max-width: 767px) {
	#page-header{
		padding: 5em 0 0.5em;
	}
	.page-header-inner{
		width: 88%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.page-logo{
		width: 275px;
		height: 50px;
		background-size: contain;
	}
}


/*	PAGE H2
============================== */
.page-h2-news{
	background-image: url("../img/h2_news.png");
	background-image: image-set(url("../img/h2_news.png") 1x, url(../img/h2_news@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_news.png) 1x, url(../img/h2_news@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-staffcast{
	background-image: url("../img/h2_staffcast.png");
	background-image: image-set(url("../img/h2_staffcast.png") 1x, url(../img/h2_staffcast@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_staffcast.png) 1x, url(../img/h2_staffcast@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-character{
	background-image: url("../img/h2_character.png");
	background-image: image-set(url("../img/h2_character.png") 1x, url(../img/h2_character@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_character.png) 1x, url(../img/h2_character@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-music{
	background-image: url(../img/h2_music.png);
	background-image: image-set(url("../img/h2_music.png") 1x, url(../img/h2_music@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_music.png) 1x, url(../img/h2_music@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-novelty{
	background-image: url("../img/h2_novelty.png");
	background-image: image-set(url("../img/h2_novelty.png") 1x, url(../img/h2_novelty@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_novelty.png) 1x, url(../img/h2_novelty@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-goods{
	background-image: url("../img/h2_goods.png");
	background-image: image-set(url("../img/h2_goods.png") 1x, url(../img/h2_goods@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_goods.png) 1x, url(../img/h2_goods@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-disc{
	background-image: url("../img/h2_disc.png");
	background-image: image-set(url("../img/h2_disc.png") 1x, url(../img/h2_disc@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_disc.png) 1x, url(../img/h2_disc@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-onair{
	background-image: url("../img/h2_onair.png");
	background-image: image-set(url("../img/h2_onair.png") 1x, url(../img/h2_onair@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_onair.png) 1x, url(../img/h2_onair@2x.png) 2x);
	background-repeat: no-repeat;
}
.page-h2-event{
	background-image: url("../img/h2_event.png");
	background-image: image-set(url("../img/h2_event.png") 1x, url(../img/h2_event@2x.png) 2x);
	background-image: -webkit-image-set(url(../img/h2_event.png) 1x, url(../img/h2_event@2x.png) 2x);
	background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
	.page-h2{
		width: 350px;
		height: 100px;
	}
}

@media all and (max-width: 767px) {
	.page-h2{
		width: 175px;
		height: 50px;
		background-size: contain;
	}
}

/*	PAGE TEXT LEVEL
============================== */
.page-h3{
	padding: 0.8rem 0 0.4rem ;
	margin-bottom: 1rem;
	background-repeat: no-repeat;
	background-size: 100% 6%;
	background-position: bottom;
	font-weight: bold;
	font-size: 32px;
	letter-spacing: 0.1em;
}

.page-h4{
	margin: 2em 0 1em;
	padding: 0.1em 0.5em;/*上下 左右の余白*/
	color: #ff66b3;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 3px #ff66b3;/*左線*/
	font-style: italic;
	line-height: 1.5em;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.page-h5{
	font-weight: bold;
	line-height: 1.5em;
	margin: 2em 0 0.5em;
}
.page-text{
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
.page-text-caution{
	line-height: 1.4em;
	margin: -1em 0 1em;
}
.page-text-small{
	line-height: 1.4em;
	margin: 0 0 1em;
}
@media all and (min-width: 768px) {
	.page-h3{
		font-size: 32px;
		background-image: linear-gradient(
			90deg, 
			#231815 0 90%, 
			#ffbe00 90% 92%,
			#a54a96 92% 94%,
			#00c2ff 94% 96%,
			#8dda00 96% 98%,
			#ff0012 98%
		);
	}
	.page-h3:before {
		content: ''; 
		width: 32px;
		height: 32px;
		margin-right:16px;
		margin-bottom: 5px;
		background: url("../img/h3_icon.png") no-repeat;
		background-size: contain;
		background-position: top center;
		vertical-align: middle;
		display: inline-block;
	}
	.page-h4{
		font-size: 24px;
	}
	.page-h5{
		font-size: 16px;
	}
	.page-text{
		font-size: 16px;
	}
	.page-text-caution{
		font-size: 12px;
	}
	.page-text-small{
		font-size: 12px;
	}
	
}

@media all and (max-width: 767px) {
	.page-h3{
		font-size: 26px;
		background-image: linear-gradient(
			90deg, 
			#231815 0 80%, 
			#ffbe00 80% 84%,
			#a54a96 84% 88%,
			#00c2ff 88% 92%,
			#8dda00 92% 96%,
			#ff0012 96%
		);
	}
	.page-h3:before {
		content: ''; 
		width: 32px;
		height: 32px;
		margin-right:16px;
		margin-bottom: 5px;
		background: url("../img/h3_icon.png") no-repeat;
		background-size: contain;
		background-position: top center;
		vertical-align: middle;
		display: inline-block;
	}
	.page-h4{
		font-size: 1.2em;
	}
	.page-h5{
		font-size: 0.9em;
	}
	.page-text{
		font-size: 0.9em;
	}
	.page-text-caution{
		font-size: 0.7em;
	}
	.page-text-small{
		font-size: 0.7em;
	}

}


/*	PAGE TEMP
============================== */
.page-img img,
.page-img-half img{
	width: 100%;
}
#page-contents{
	width: 100%;
}
.page-content-wrap{
	background: #fff;
	border-radius: 20px;
}
.page-content-wrap-white{

}
.btn-back img{
	width: 100%;;
}

@media all and (min-width: 768px) {
	#cover-page{
		width: 100%;
		padding: 0 0 100px;
		background: 
			url("../img/bg_flower_rightup.png"),
			url("../img/bg_flower_leftdown.png"),
			#e8f7ff;
		background-position: 
			right top,
			left bottom;
		background-attachment: fixed;
		background-repeat: no-repeat;
	}
	#page-contents{
		
	}
	.page-content-inner{
		width: 1080px;
		margin: 0 auto;
	}
	.page-content-wrap{
		width: 800px;
		padding: 60px 80px 80px;
		margin: 0 auto;
	}
	.page-content-wrap-white{
		width: 1030px;
		padding: 0px 0 80px;
		margin: 0 auto;
	}
	.page-img{
		width: 790px;
		margin: 2em auto 2em;
	}
	.page-img-half{
		width: 350px;
		margin: 2em 0 2em;
	}
	.btn-back{
		width: 390px;
		margin: 50px auto 0;
	}	

	/* ニュース個別ページ（上映会場テーブル）: 中間幅での横はみ出し対策 */
	#page-contents.news-venue-responsive .page-content-inner{
		width: 100%;
		max-width: 1080px;
	}
	#page-contents.news-venue-responsive .page-content-wrap{
		width: 100%;
		max-width: 800px;
		box-sizing: border-box;
		padding: 60px clamp(16px, 6vw, 80px) 80px;
	}
}

@media all and (max-width: 767px) {
	#cover-page{
		padding: 0 0 5em;
	}
	#cover-page::before {
		content: "";
		background: url("../img/bg_flower_sp.jpg") no-repeat top center !important;
		background-size: 123% !important;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		min-height: 100vh;
		z-index: -1;
	}
	/*
	#page-contents::before{
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		min-height: 100vh;
		z-index: -1;
	}
	*/
	.page-content-inner{
		width: 100%;
		margin: 0 auto;
	}
	.page-content-wrap{
		width: 76%;
		padding: 10% 7% 10%;
		margin: 0 auto;
	}
	.page-content-wrap-white{
		width: 100%;
		padding: 0% 0 10%;
		margin: 0 auto;
	}
	.page-img{
		width: 100%;
		margin: 2em auto 2em;
	}
	.page-img-half{
		width: 60%;
		margin: 2em auto 2em;
	}
	.btn-back{
		width: 60%;
		margin: 2em auto 0;
	}
}


/*	01.NEWS
============================== */
.newsall-li{
	background: #fff;
	font-weight: bold;
}
.news-head{
	border-bottom: 1px solid #231815;
}
.news-img img,
.news-img-half img{
	width: 100%;
}
.newsall-date,
.news-date{
	letter-spacing: 0.05em;
}

@media all and (min-width: 768px) {
	.newsall-li{
		width: 790px;
		margin: 0 auto 30px;
		padding: 30px 80px 24px;
		border-radius: 15px;
	}
	.newsall-date{
		font-size: 14px;
		margin: 0 0 0.5em;
	}
	.newsall-title{
		font-size: 20px;
		line-height: 1.4em;
	}
	.news-head{
		margin: 0 0 2em;
		padding: 0 0 1em;
	}
	.news-date{
		font-size: 14px;
		margin: 0 0 0.5em;
	}
	.news-title{
		font-size: 28px;
		line-height: 1.4em;
	}
	.news-img{
		width: 790px;
		margin: 2em auto 2em;
	}
	.news-img-half{
		width: 390px;
		margin: 2em 0 2em;
	}
}

@media all and (max-width: 767px) {
	.newsall-li{
		width: 80%;
		margin: 0 auto 1em;
		padding: 5% 5% 3%;
		border-radius: 15px;
	}
	.newsall-date{
		font-size: 0.7em;
		margin: 0 0 0.5em;
	}
	.newsall-title{
		font-size: 0.9em;
		line-height: 1.4em;
	}
	.news-head{
		margin: 0 0 1.5em;
		padding: 0 0 1em;
	}
	.news-date{
		font-size: 0.7em;
		margin: 0 0 0.5em;
	}
	.news-title{
		font-size: 1.2em;
		line-height: 1.4em;
	}
	.news-img{
		width: 100%;
		margin: 2em auto 2em;
	}
	.news-img-half{
		width: 50%;
		margin: 2em 0 2em;
	}

}

/*	01.NEWS（上映会場テーブル）
============================== */
.venue-table-wrap{
	width: 100%;
	margin: 0 0 1em;
}
.venue-table{
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	font-size: 0.9em;
	table-layout: fixed;
}
.venue-table th,
.venue-table td{
	border: 1px solid #d9d9d9;
	padding: 0.6em 0.8em;
	line-height: 1.4em;
	vertical-align: top;
	word-break: break-word;
	overflow-wrap: anywhere;
	white-space: normal;
}
.venue-table th{
	background: #f7f7f7;
	font-weight: bold;
}
.venue-table td:first-child{
	width: 4.5em;
	white-space: nowrap;
}
.venue-table th:first-child{
	width: 4.5em;
}
.venue-table td:first-child,
.venue-table th:first-child{
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.venue-table td:last-child{
	word-break: break-all;
}

@media all and (max-width: 767px) {
	.venue-table{
		font-size: 0.9em;
	}
	.venue-table td:first-child{
		width: 4.5em;
		white-space: nowrap;
	}
	.venue-table th:first-child{
		width: 4.5em;
	}
}


/*	02.STAFFCAST
============================== */
.staffcast-h3{
	margin-bottom: 2rem;
}

@media all and (min-width: 768px) {
	.staffcast-wrap{
		width: 790px;
		display: flex;
		justify-content: space-between;
	}
	.staff-block{
		width: 350px;
	}
	.cast-block{
		width: 350px;
	}
	.stafflist,
	.castlist{
		margin: 0 0 1.4em;
	}
	.stafflist dt,
	.castlist dt{
		font-size: 16px;
		margin: 0 0 0.5em;
	}
	.stafflist dd,
	.castlist dd{
		font-size: 20px;
	}
	.dd-small{
		font-size: 12px !important;
		margin: 0.5em 0 0 -0.5em;
	}
	
}

@media all and (max-width: 767px) {
	.stafflist,
	.castlist{
		margin: 0 0 1.2em;
	}
	.stafflist dt,
	.castlist dt{
		font-size: 0.8em;
		margin: 0 0 0.5em;
	}
	.stafflist dd,
	.castlist dd{
		font-size: 1.2em;
	}
	.dd-small{
		font-size: 0.7em !important;
		margin: 0.5em 0 0 -0.5em;
	}

}


/*	03.INTRODUCTION
============================== */

@media all and (min-width: 768px) {
	
}

@media all and (max-width: 767px) {

}

/*	04.MUSIC
============================== */
.cd-roll{
	color: #fff;
	background: #231815;
	width: fit-content;
}
.cd-title{
	font-weight: bolder;
}
.cd-artist{
	font-weight: normal;
}

/* 特典 */
.tokuten-shop{
	color: #ff66b3;
	margin: 0 0 0.5em;
	font-weight: bolder;
}
.tokuten-item{
	margin: 0 0 0.5em;
}
.tokuten-price{
	font-style: italic;
	margin: 0 0 1em;
}
.tokuten-shop small,
.tokuten-item small{
	font-size: 70%;
}
.tokuten-img{
	border: 1px solid #000;
}
.tokuten-img img,
.music-rendou-img img{
	width: 100%;
}

@media all and (min-width: 768px) {
	.cd-block{
		margin: 32px auto 0;
		display: flex;
		justify-content: space-between;
	}
	.cd-caption{
		width: 390px;
		order: 2;
		margin: 32px 0 0;
	}
	.cd-img{
		width: 350px;
		order: 1;
	}
	.cd-roll{
		font-size: 16px;
		margin: 0 0 0.5em 0;
		padding: 0 0.2em 0 0;
	}
	.cd-title{
		font-size: 40px;
		line-height: 1.5em;
		margin: 0 0 0.2em -0.6em;
	}
	.cd-title2{
		font-size: 40px;
		line-height: 1.3em;
		margin: 0 0 0.2em -0.2em;
	}
	.cd-artist{
		font-size: 24px;
		margin: 0 0 0.5em 0;
	}
	.cd-artist-caption{
		font-size: 14px;
		margin: 0 0 0 -0.5em;
	}
	.cd-nav{
		width: 100%;
		margin: 0 0 24px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.cd-nav li{
		width: 49%;
		margin: 0.5%;
	}
	
	/* 特典 */
	.tokuten-wrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.tokuten-block{
		width: 30%;
		margin: 2% 1.5%;
	}
	.tokutensp-block{
		width: 45%;
		margin: 2% 1.5%;
	}
	.tokuten-shop{
		font-size: 18px;
	}
	.tokuten-item{
		font-size: 14px;
		line-height: 1.4em;
		height: 2.5em;
	}
	.tokuten-price{
		font-size: 12px;
	}
	.tokuten-img{
		width: 100%;
	}
	.music-rendou-img{
		width: 70%;
		margin: 0 0 1em;
	}
	
}

@media all and (max-width: 767px) {
	.cd-block{
		margin: 32px auto 0;
	}
	.cd-caption{
		width: 100%;
	}
	.cd-img{
		width: 100%;
		margin: 1.5em 0;
	}
	.cd-roll{
		font-size: 0.9em;
		margin: 0 0 0.5em 0;
		padding: 0.2em 0.2em 0.2em 0;
	}
	.cd-title{
		font-size: 2em;
		line-height: 1.4em;
		margin: 0 0 0.2em -0.6em;
	}
	.cd-title2{
		font-size: 2em;
		line-height: 1.3em;
		margin: 0 0 0.2em -0.2em;
	}
	.cd-artist{
		font-size: 1.2em;
		margin: 0 0 0.5em 0;
	}
	.cd-artist-caption{
		font-size: 0.6em;
		margin: 0 0 0 -0.5em;
	}
	.cd-nav{
		width: 100%;
		margin: 0 0 1em;
	}
	.cd-nav li{
		margin: 0 0 0.5em;
	}
	
	/* 特典 */
	.tokuten-wrap{
		width: 100%;
		margin: 0 auto;
	}
	.tokuten-block,
	.tokutensp-block{
		width: 100%;
		margin: 0.5em 1.5% 1em;
	}
	.tokuten-shop{
		font-size: 1.1em;
	}
	.tokuten-item{
		font-size: 0.9em;
	}
	.tokuten-price{
		font-size: 0.8em;
	}
	.tokuten-img{
		width: 80%;
		margin: 0 auto;
	}
	.music-rendou-img{
		width: 100%;
		margin: 0 0 1em;
	}

}


/*	05.CHARACTER
============================== */
.caption-wrap{
	background: #fff;
	border-radius: 20px;
}
.chara-name{
	font-weight: 100;
}
.chara-line{
	width: 100%;
	height: 4px;
	background-image: linear-gradient(
		90deg, 
		#231815 0 70%, 
		#ffbe00 70% 76%,
		#a54a96 76% 82%,
		#00c2ff 82% 88%,
		#8dda00 88% 94%,
		#ff0012 94%
	);
}
.chara-img-block img,
.chara-nav li img{
	width: 100%;
}

@media all and (min-width: 768px) {
	.character-wrap{
		width: 1030px;
		margin: 0 auto;
		display: flex;
	}
	.chara-img-block{
		width: 470px;
	}
	.chara-caption-block{
		width: 550px;
		margin: 75px 0 0;
	}
	.caption-wrap{
		width: 430px;
		padding: 60px;
	}
	.chara-name{
		font-size: 80px;
		margin: 0 0 20px;
	}
	.chara-cv{
		font-size: 32px;
	}
	.chara-text{
		font-size: 18px;
		line-height: 2em;
	}
	.chara-line{
		margin: 24px 0;
	}
	.chara-nav{
		margin: 12px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.chara-nav li{
		width: 80px;
		margin: 5px;
	}
}


@media all and (max-width: 767px) {
	.character-wrap{
		width: 100%;
		margin: 0 auto;
	}
	.chara-img-block{
		width: 80%;
		margin: 0 auto;
	}
	.chara-caption-block{
		width: 100%;
		margin: 2em 0 0;
	}
	.caption-wrap{
		width: 80%;
		margin: 0 auto;
		padding: 10% 5%;
	}
	.chara-name{
		font-size: 3.2em;
		margin: 0 0 0.2em;
	}
	.chara-cv{
		font-size: 1.5em;
	}
	.chara-text{
		font-size: 0.9em;
		line-height: 2em;
	}
	.chara-line{
		margin: 1em 0;
	}
	.chara-nav{
		width: 80%;
		margin: 1em auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.chara-nav li{
		width: 28%;
		margin: 2%;
	}

}


/*	06.DISC
============================== */

.disc-title{
	font-weight: bolder;
}
.disc-date{
	font-weight: normal;
}
.disc-date span{
	font-size: 130%;
}
.disc-img-main img,
.disc-img-postcard img{
	width: 100%;
}


@media all and (min-width: 768px) {
	.disc-img{
		width: 350px;
		order: 1;
	}
	.disc-img-main{
		width: 350px;
	}
	.disc-title{
		font-size: 32px;
		line-height: 1.4em;
		margin: 0 0 0.4em 0;
	}
	.disc-date{
		font-size: 24px;
		margin: 0 0 0.5em 0;
	}
	.disc-img-postcard{
		width: 400px;
		margin: 1em 0 2em;
	}
}

@media all and (max-width: 767px) {
	.disc-img{
		width: 100%;
	}
	.disc-img-main{
		margin: 1.5em 0;
	}
	.disc-title{
		font-size: 1.8em;
		line-height: 1.3em;
		margin: 0 0 0.4em 0;
	}
	.disc-date{
		font-size: 1.3em;
		margin: 0 0 0.5em 0;
	}
	.disc-img-postcard{
		width: 80%;
		margin: 1em auto 2em;
	}

}


/*	07.ONAIR
============================== */

.onair-h4{
	
}
.stream-list{
	background: rgba(255,255,255,0.5);
}
.stream-list tr{
	border: solid 1px #231815;
}
.stream-list td{
	border: solid 1px #231815;
}
.stream-list td{
	padding: 0.5em 1em;
}

@media all and (min-width: 768px) {
	.onair-h4{
		font-size: 20px;
		margin: 0 0 0.5em;
	}
	.onair-section{
		margin: 3em auto 3em;
	}
	.onair-block{
		width: 700px;
		margin: 0 auto 2em;
	}
	.onair-name{
		font-size: 24px;
		margin: 1em auto 0.5em;
	}
	.onair-text{
		font-size: 24px;
		line-height: 1.5em;
		margin: 0 auto 0.5em;
	}
	.onair-caution{
		font-size: 14px;
		margin: 0 0 0.5em 0
	}
	.onair-url{
		font-size: 14px;
		line-height: 1.4em;
		margin: 0 0 0.5em 0em;
	}
	.onair-text-caution{
		font-size: 12px;
		text-align: center;
	}
	.stream-wrap{
		width: 700px;
		margin: 40px auto 0;
	}
	.stream-block{
		margin: 0 0 40px;
	}
	.stream-list{
		width: 100%;
	}
	.stream-list tr{
		width: 100%;
		padding: 0.5em 1em;	
	}
	.stream-name{
		width: 55%;
	}
	.stream-date{
		width: 45%;
		line-height: 1.5em;
	}

}

@media all and (max-width: 767px) {
	.onair-h4{
		font-size: 1em;
		margin: 0 0 0.5em;
	}
	.onair-section{
		margin: 2em auto 2em;
	}
	.onair-block{
		width: 85%;
		margin: 0 0 2em 15%;
	}
	.onair-name{
		font-size: 1.5em;
		margin: 1em auto 0.5em;
	}
	.onair-text{
		font-size: 1.3em;
		line-height: 1.5em;
		margin: 0 auto 0.3em;
	}
	.onair-caution{
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
	}
	.onair-url{
		font-size: 1em;
		line-height: 1.4em;
		margin: 0 0 0.5em 0em;
	}
	.onair-text-caution{
		font-size: 0.7em;
		text-align: center;
	}
	.stream-wrap{
		width: 95%;
		margin: 0 auto 5%;
	}
	.stream-block{
		margin: 0 0 2em;
	}
	.stream-list{
		width: 100%;
		font-size: 0.8em;
		line-height: 1.4em;
	}
	.stream-list tr{
		width: 100%;
		padding: 0.5em 1em;	
	}
	.stream-name{
		width: 40%;
	}
	.stream-date{
		width: 60%;
		line-height: 1.5em;
	}
}

/*	08.EVENT
============================== */

.event-title{
	font-weight: bolder;
	text-align: center;
}
.event-date{
	font-weight: normal;
	text-align: center;
}
.event-date span{
	font-size: 130%;
}
.event-img img{
	width: 100%;
}
.event-goods-box{
	border-bottom:1px solid #999;
	
}


@media all and (min-width: 768px) {
	.event-img{
		width: 100%;
		margin: 0 0 2em;
		order: 1;
	}
	.event-title{
		font-size: 32px;
		line-height: 1.4em;
		margin: 0 0 0.4em 0;
	}
	.event-date{
		font-size: 28px;
		line-height: 1.4em;
		margin: 0 0 0.5em 0;
	}
	.event-goods-box{
		width: 800px;
		display: flex;
		margin: 0 auto 32px;
	}
	.event-goods-caption{
		width: 430px;
		margin-left: 20px;
		margin-top: 3em;
		order: 2;
	}
	.event-goods-img{
		width: 350px;
		order: 1;
	}
}

@media all and (max-width: 767px) {
	.event-img{
		width: 100%;
		margin: 0 0 1em;
	}
	.event-title{
		font-size: 1.4em;
		line-height: 1.3em;
		margin: 0 0 0.4em 0;
	}
	.event-title span{
		font-size: 80%;
	}
	.event-date{
		font-size: 1.1em;
		line-height: 1.4em;
		margin: 0 0 0.5em 0;
	}

}