@charset "utf-8";

/* reset */

/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { 
	border:0;
}

img {
	border:none;
}
*/



/*common (ここはいらない)*/
/*
body{
	font-family:serif;
	text-align: center;
	font-feature-settings : "pkna";
}
	
h2{
	color: #FAFAFA;
	border-bottom: 1px solid #FAFAFA;
	padding: 3em 1em 1em;
	margin-bottom: 1em;
}
*/
/*clearfix*/
/*
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}
*/

/* PC */
@media (min-width:1000px){ 

	/*common (ここはいらない)*/
/*
	#wrapper{
		width: 100%;
	}
	
	#header{
		width: 100%;
		height: 100px;
	}
	
	#contents{
		max-width: 1440px;
		margin: 0 auto;
		clear: both;
	 	overflow: hidden; 
	    position: relative;
	    zoom:1;
	}
	
	#content{
		float: left;
		width: 940px;
		margin: 0 0 0 100px;
		text-align: left;
	}
	
	#content>.inner{
		width: 680px;
		padding: 0 0 4em;
		margin: 0 130px;
	}

	#side{
		float: right;
		width: 300px;
		height: 100%;
		text-align: left;
		padding-bottom: 10000px;
		margin-bottom: -10000px;
	}
	
	#footer{
		width: 100%;
		height: 100px;
		background-color: #ececec;
	}
*/

	/* ここから */
	/* pc common */
	.box3,
	.box2,
	.img_e_1_1,
	.img_e_1_2,
	.img_e_3,
	.img_f,
	.img_f .inner,
	.img_d_1,
	.img_d_2,
	.interview_noimg .item,
	.interview_img_l,
	.interview_img_r,
	.interview_img_l_margin,
	.interview_img_r_margin
	{
		display: flex;
		justify-content:space-between;
	}


	/* box1_l */
	.box1_l{/*p再設定後　再調整*/
		z-index: 10;
		position: relative;
/* 		left: -19%; */
		max-width: 1000px;
		border: 1px solid #FF0000;
	}

	.box1_l img{
		max-width: 100%;
	}

	.box1_l .caption{
		font-size: 0.8em;
	}
	/* box1 */
	.box1{
		width: 100%;
	}
	.box1 img{
		width: 100%;
	}

	/* box1_s */
	.box1_s{
		max-width: 480px;
		margin: 0 100px;
	}

	.box1_s img{
		width: 100%;
	}

	/* box3 */
	.box3 .item{
		width: 30%;
	}
	.box3 .item img{
		max-width: 100%;
	}

	/* box2 */
	.box2 .item{
		width: 47%;
	}
	.box2 .item img{
		max-width: 100%;
	}

	/* .interview_noimg */
	.interview_noimg .item{
		margin: 0 0 1em 0;
	}

	.interview_noimg .speaker{
		/*font-size:15px;/*ここを追加木村*/
		/*min-width: 5em;
		margin: 0.2em 1em;/*ここを変更木村*/
	}

	.interview_noimg .talk{
		text-align: left;
		width: 100%;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:15px;/*ここを変更木村*/
		line-height: 2em;
	}

	/* interview_img_l,
		interview_img_l_margin */
	.interview_img_l .photo, 
	.interview_img_l_margin .photo{
		width: 20%
	}

	.interview_img_l .photo img,
	.interview_img_l_margin .photo img{
		width: 100%
	}

	.interview_img_l .photo .caption,
	.interview_img_l_margin .photo .caption{
		font-size: 0.6em;
	}

	.interview_img_l .items .talk,
	.interview_img_l_margin .items .talk{
		text-align: left;
		width: 100%;
		margin: 0 0 1em 0;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:1.2em;
		line-height: 2em;
	}
	
	.interview_img_l .items,
	.interview_img_l_margin .items{
		width: 77%;
		margin: 0 0 1em 0;
	}


	/* interview_img_r,
		interview_img_r_margin */
	.interview_img_r .items,
	.interview_img_r_margin .items{
		width: 77%;
		margin:0 0 1em 0;
	}

	.interview_img_r .photo, 
	.interview_img_r_margin .photo{
		width: 20%
	}

	.interview_img_r .photo img,
	.interview_img_r_margin .photo img{
		width: 100%
	}

	.interview_img_r .photo .caption,
	.interview_img_r_margin .photo .caption{
		font-size: 0.6em;
	}

	.interview_img_r .items .talk,
	.interview_img_r_margin .items .talk{
		text-align: left;
		width: 100%;
		margin: 0 0 1em 0;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:1.2em;
		line-height: 2em;
	}

	/* information common */
	.event, 
	.production{
		display: flex;
	}

	.artist{
		display: flex;
		flex-wrap: wrap; 
	}

	/* event */
	.event .h4{
		display: none;
	}

	.event .img{
		width: 25%;
		padding: 0 5% 0 0;
	}

	.event .img img{
		width: 100%;
	}

	.event .item{
		width: 70%;
	}

	.event .item .title{
		font-size: 1.4em;
	}

	.event .item .subtitle{
/* 		font-size: 0.8em; */
	}

	.event .item .day{
/* 		font-size: 0.8em; */
	}

	.event .item .place{
/* 		font-size: 0.8em; */
	}

	.event .item .text{
/* 		font-size: 0.8em; */
		line-height: 2em;
	}

	/* production */
	.production .h4{
		display: none;
	}

	.production .img{
		width: 25%;
		padding: 0 5% 0 0;
	}

	.production .img img{
		width: 100%;
	}

	.production .item{
		width: 70%;
	}

	.production .item .title{
		font-size: 1.4em;
	}

	.production .item .detail{
		font-size: 1em;
	}

	.production .item .price{
/* 		font-size: 0.8em; */
	}

	.production .item .text{
/* 		font-size: 0.8em; */
		line-height: 2em;
	}

	/* artist */
	.artist .h4{
		display: none;
	}

	.artist .img{
		width: 25%;
		height: 80px;
		margin: 0 5% 0 0;
	}

	.artist .img img{
		width: 100%;
	}

	.artist .name{
		width: 70%;
		padding: 1em 0 0 0;
		font-size: 1.4em;
	}
	.artist .career{
		width: 70%;
		padding: 4% 0 0 30%;
/* 		font-size: 0.8em; */
	}

	/* score */

	.score_a{
	
	}

	.score_a .item{
		height: 160px;
		overflow-y: scroll; 
		overflow-x: hidden; 
	}

	.score_a .item img{
		width: 680px;	
	}

	.score_b{

	}

	.score_b .item{
		overflow-y: hidden; 
		overflow-x: scroll; 
	}

	.score_b .item img{
		width: 680px;
	}

	/* img_e_1_1 */
	.img_e_1_1 .item{
		width: 47%;
	}
	
	.img_e_1_1 .item img{
		width: 100%;
	}
	
	.img_e_1_1 .text{
		width: 47%;
		font-size: 0.6em;
		position: relative;
	}
	
	.img_e_1_1 .text span{
		position: absolute;
		bottom: 0;
		width: 20em;
	}

	/* img_e_1_2 */
	.img_e_1_2 .item{
		width: 47%;
	}
	
	.img_e_1_2 .item img{
		width: 100%;
	}

	.img_e_1_2 .item p{
		width: 90%;
		margin: 5%;
		font-size: 0.9em;
	}

	/* img_e_3 */
	.img_e_3 .photo{
		width: 23%;
	}

	.img_e_3 .photo img{
		width: 100%;
	}

	.img_e_3 .text{
		width: 23%;
		font-size: 0.9em;
	}

	/* img_d_1 */	
	.img_d_1 .item{
		width: 30%;
		font-size: 0.9em;
	}

	.img_d_1 .item .photo{
		width: 100%;
	}

	.img_d_1 .item .photo .img{
		width: 100%;
	}

	.img_d_1 .item .caption{
		width: 90%;
		margin: 5%;
	}

	.img_d_1 .item .text{
		width: 90%;
		margin: 5%;
	}

	.img_d_1 .item img{
		width: 100%;
	}

	/* img_d_2 */
	.img_d_2 .item{
		width: 30%;
		font-size: 0.9em;
	}

	.img_d_2 .item .photo{
		width: 100%;
	}

	.img_d_2 .item .photo .img{
		width: 100%;
	}

	.img_d_2 .item .caption{
		width: 90%;
		margin: 5%;
	}

	.img_d_2 .item .text{
		width: 90%;
		margin: 5%;
	}

	.img_d_2 .item img{
		width: 100%;
	}

	/* img_f */
	.img_f .inner{
		width: 50%;
	}

	.img_f .item{
		width: 50%;
	}
	
	.img_f .item img{
		width: 100%;
	}
	
	.img_f .text{
		width: 50%;
		font-size: 0.6em;
		position: relative;
	}
	
	.img_f .text span{
		position: absolute;
		bottom: 0;
	}


}

/* SP */
@media (max-width:999px){

	/*common (ここはいらない)*/
/*
	#wrapper{
		width: 100%;
	}
	
	#header{
		width: 100%;
		height: 100px;
	}
	
	#contents{
		width: 100%;
		margin: 0 auto;
		clear: both;
	 	overflow: hidden; 
	    position: relative;
	    zoom:1;
	}
	
	#content{
		margin: 0 1em;
		text-align: left;
	}
	
	#content .inner{
		padding: 0 0 4em;
		margin: 0 1em;
	}

	#side{
		margin: 0 2em;		
		min-height: 400px;
		text-align: left;
		padding-bottom: 10000px;
		margin-bottom: -10000px;
	}
	
	#footer{
		width: 100%;
		height: 100px;
	}
*/

	/* ここから */
	/* sp common */
	.box3,
	.box2,
	.img_e_1_2,
	.img_f .inner,
	.img_d_1 .item,
	.interview_noimg .item
	{
		display: flex;
		justify-content:space-between;
	}

	/* box1_l */
	.box1_l{
		z-index: 10;
		position: relative;
		width: 130%;/* 概算 */
		left: -15%;
	}	

	.box1_l img{
		max-width: 100%;
	}

	.box1_l .caption{
		font-size: 0.8em;
	}

	/* box1 */
	.box1{
		width: 100%;
	}

	.box1 img{
		max-width: 100%;
	}

	.box1 .caption{
		font-size: 0.8em;
	}

	/* box1_s */
	.box1_s{
		width: 100%;
	}

	.box1_s img{
		max-width: 100%;
	}

	.box1_s .caption{
		font-size: 0.8em;
	}
	/* box3 */
	.box3 .item{
		width: 30%;
	}

	.box3 .item img{
		max-width: 100%;
	}

	.box3 .caption{
		font-size: 0.8em;
	}

	/* box2 */
	.box2 .item{
		width: 47%;
	}

	.box2 .item img{
		max-width: 100%;
	}

	.box2 .caption{
		font-size: 0.8em;
	}



	/* interview */

	.interview_noimg,
	.interview_img_l,
	.interview_img_r,
	.interview_img_l_margin,
	.interview_img_r_margin{
		font-size: 0.8em;
		line-height: 2.2em;
	}

	.interview_noimg .item{
		margin: 0 0 1em 0;
	}

	.interview_noimg .speaker{
		/*font-size:13px;1.6em*//*ここを追加木村*/
		/*min-width: 5em;*/
		/*margin: 0.2em 1em;/*ここを追加木村*/
	}

	.interview_noimg .talk{
		margin: 0 0 1em;
		width: 100%;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:13px;/*1.6em*/
		line-height: 2.4em;
	}

	.interviewer_box .interviewer_talk/*ここを追加木村*/{
		font-size:13px;/	
	}
	
	/* interview_img_l,
		interview_img_l_margin */
	.interview_img_l .photo,
	.interview_img_l_margin .photo{
		width: 100%;
		margin: 0 0 2em;
	}

	.interview_img_l .photo img{
		width: 100%
	}

	.interview_img_l .photo .caption,
	.interview_img_l_margin .photo .caption{
		font-size: 0.8em;
		text-align: center;
	}

	.interview_img_l .items .talk,
	.interview_img_l_margin .items .talk{
		margin: 0 0 1em 0;
		width: 100%;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:13px;/*1.6em*/
		line-height: 2.4em;
	}

	/*interview_img_l_margin,interview_img_r_margin */
	.interview_img_l_margin .photo img,
	.interview_img_r_margin .photo img{
		width: 60%;
		margin: 0 20%;
	}

	/* interview_img_l,
		interview_img_l_margin */
	.interview_img_r,.interview_img_r_margin{
		display: flex;
		flex-wrap:wrap;
	}

	.interview_img_r .items,
	.interview_img_r_margin .items{
		order:1;
		width: 100%;
	}

	.interview_img_r .photo,
	.interview_img_r_margin .photo{
		order:-1;
		width: 100%;
		margin: 0 0 2em;
	}

	.interview_img_r .photo img,
	.interview_img_r_margin .photo img{
		max-width: 100%
	}

	.interview_img_r .photo .caption,
	.interview_img_r_margin .photo .caption{
		font-size: 0.8em;
		text-align: center;
	}

	.interview_img_r .items .talk,
	.interview_img_r_margin .items .talk{
		margin: 0 0 1em 0;
		width: 100%;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-feature-settings : "pkna";
		font-size:13px;/*1.6em*/
		line-height: 2.4em;
	}

	/* information common */
	.event, 
	.production, 
	.artist{
		display: flex;
		flex-wrap:wrap;
	}

	/* event production artist common */
	.event .h4,
	.production .h4,
	.artist .h4{
		width: 100%;
		position: relative;
		display: inline-block;
		padding: 0 50px;
		text-align: center;
	}

	.event .h4:before,.event .h4:after,
	.production .h4:before,.production .h4:after,
	.artist .h4:before,.artist .h4:after
	{
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 50px;
		height: 1px;
		background-color: black;
	}

	.event .h4:before,
	.production .h4:before,
	.artist .h4:before
	{
		left:0;
	}
	
	.event .h4:after,
	.production .h4:after,
	.artist .h4:after
	{
		right:0;
	}

	
	/* event */
	.event .img{
		max-width: 60%;
		padding: 0 20%;
		margin: 2em 0;
	}

	.event .img img{
		width: 100%;
	}

	.event .item{
		width: 100%;
	}

	.event .item .title{
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
	}

	.event .item .subtitle{
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
	}

	.event .item .day{
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
	}

	.event .item .place{
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
	}

	.event .item .text{
		font-size: 0.8em;
		line-height: 2.2em;
	}

	/* production */
	.production .img{
		width: 60%;
		padding: 0 20%;
		margin: 2em 0;
	}

	.production .img img{
		width: 100%;
	}

	.production .item{
		width: 100%;
	}

	.production .item .title{
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
	}

	.production .item .detail{
		font-size: 0.8em;
		line-height: 2em;
	}

	.production .item .price{
		font-size: 0.8em;
		line-height: 2em;
	}

	.production .item .text{
		width: 100%;
		font-size: 0.8em;
		line-height: 2.2em;
	}

	/* artist */
	.artist .img{
		width: 25%;
		margin: 0 5% 0 0;
	}

	.artist .img img{
		width: 100%;
	}

	.artist .name{
		width: 70%;
		padding: 2em 0 0 0;
	}
	.artist .career{
		width: 100%;
		font-size: 0.8em;
		line-height: 2.2em;
	}

	/* img_e_1_1 */
	.img_e_1_1 .item{
		width: 100%;
	}
	
	.img_e_1_1 .item img{
		width: 100%;
	}
	
	.img_e_1_1 .text{
		width: 100%;
	}
	
	.img_e_1_1 .text span{
	}

	/* img_e_1_2 */
	.img_e_1_2 .item{
		width: 47%;
	}
	
	.img_e_1_2 .item img{
		width: 100%;
	}

	.img_e_1_2 .item p{
		width: 90%;
		margin: 5%;
		font-size: 0.9em;
	}

	/* img_e_3 */
	.img_e_3 .photo{
		width: 100%;
	}

	.img_e_3 .photo img{
		width: 100%;
	}

	.img_e_3 .text{
		width: 100%;
		font-size: 0.9em;
	}	
	
	/* img_d_1 */
	.img_d_1 .item{
		width: 100%;
		font-size: 0.9em;
		margin: 0 0 3em;
	}

	.img_d_1 .item .photo{
		width: 50%;
	}

	.img_d_1 .item .photo img{
		width: 100%;
	}

	.img_d_1 .item .text{
		width: 45%;
		
	}

	.img_d_1 .item .caption{
		width: 100%; 
	}

	/* img_d_2 */
	.img_d_2 .item{
		width: 100%;
		font-size: 0.9em;
	}

	.img_d_2 .item .photo{
		width: 100%;
	}

	.img_d_2 .item .photo .img{
		width: 100%;
	}

	.img_d_2 .item .caption{
		width: 90%;
		margin: 5%;
	}

	.img_d_2 .item .text{
		width: 90%;
		margin: 5%;
	}

	.img_d_2 .item img{
		width: 100%;
	}

	/* img_f */
	.img_f .item{
		width: 50%;
	}
	
	.img_f .item img{
		width: 100%;
	}
	
	.img_f .text{
		width: 46%;
		
		font-size: 0.6em;
		position: relative;
	}
	
	.img_f .text span{
		position: absolute;
		bottom: 0;
	}

}

/* SP 横向き*/
@media only screen and (max-width :767px){
	
	.score_a{
	
	}

	.score_a .item{
		height: 160px;
		overflow-y: scroll; 
		overflow-x: hidden; 
	}

	.score_a .item img{
		width: 100%;	
	}

	.score_b{

	}

	.score_b .item{
		overflow-y: hidden; 
		overflow-x: scroll; 
	}

	.score_b .item img{
		width: 100%;
	}
}

/* SP 縦向き*/	
@media only screen and (max-width :460px){
		
		/* box3 */
	.box3 {

		display: block;
		justify-content:space-between;
	}
	.box3 .item{
		width: 100%;
	}
	.score_a{
		height: 160px;
		overflow-y: scroll; 
		overflow-x: hidden; 
	}

	.score_a img{
		width: 100%;	
	}

	.score_b{
		overflow-y: hidden; 
		overflow-x: scroll; 
	}

	.score_b img{
		width: 680px;
	}
}