
/*---------- ayumi_contents----------*/
#ayumi_contents_center {

	max-width:1000px;
	height:auto;
	margin-top: 2em;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	/*font-family: "Sawarabi Gothic", sans-serif;*/
	padding:40px;
	text-align: center;
}


.ayumi_contents .ayumi_contents_panel{
	width:215px;
	margin-bottom:20px;
	margin-right:20px;
	background-color:#e1b187;
	float:left;
	text-align: center;
	color:#fff;
	font-weight: bold;
	cursor:pointer
}

.ayumi_contents .ayumi_contents_panel:hover{
	opacity:0.8;
}



.ayumi_contents li.ayumi_contents_panel:nth-child(4n){
	margin-right:0;
}

.ayumi_contents .ayumi_contents_panel .ayumi_sub_ttl{
	padding:0.8em 0;
}

.ayumi_contents .ayumi_contents_panel .ayumi_thumb{
	width:211px;
	height:289px;
	margin:0 auto;
	background-color:#fff;
}

.ayumi_contents .ayumi_contents_panel .ayumi_thumb img{
	width:100%;
	height:auto;
	vertical-align: middle;
}

.ayumi_contents .ayumi_contents_panel .ayumi_link_text{
	padding:0.8em 0;
	color:#fff;
	display:block;
}

.ayumi_contents .btn_download{
	display: block;
	margin-top:1.4em;
}

.ayumi_contents table{
	width:100%;
	box-sizing: border-box;
	border-collapse: collapse;
	font-size: 0.93rem !important;
	line-height: 150%;
}

.ayumi_contents table.ayumi_contents_newsletter{
	margin-top:2em;	
}

.ayumi_contents table th,.ayumi_contents table td{
	padding:1em 2em;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	vertical-align: middle;	
}

.ayumi_contents table th{
	background-color:#f7ebda;	
	font-weight: bold;
	text-align: center;
}



.ayumi_contents table.ayumi_contents_newsletter th{
	width:20%;	
}

.ayumi_contents table.ayumi_contents_shop th{
	width:30%;	
}

.ayumi_contents table td{
	background-color:#fcf5ea;
	text-align: left;
}

.ayumi_contents table.ayumi_contents_newsletter td.ayumi_contents_newsletter_right{
	text-align: center;
}

.ayumi_contents table.ayumi_contents_newsletter td.ayumi_contents_newsletter_right a.btn_download{
	padding:0.5em 2em;
	border:4px solid #9e3204;
	font-weight: bold !important;
	background-color:#fff;
	text-decoration: none;
	border-radius: 2rem;
}

.ayumi_contents_tex1{
	font-size: 0.93rem !important;
	line-height: 150%;
}

.ayumi_contents_tex1_white{
	font-size: 0.93rem !important;
	line-height: 150%;
	color: #FFF;
}

.ayumi_contents_headline{
	font-size: 1rem !important;
	line-height: 190%;
	color: #FFF;
	background-color: #999;
	
	padding: 6px;
	width: 100%;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 20px;
	/*font-family: 'Sawarabi Gothic', sans-serif;*/
	font-weight: bold;
}


@media (max-width:1050px){
	
	#ayumi_contents_center {
	
		width:100%;	
		height:auto;
		margin-right: auto;
		margin-left: auto;
		background-color: #FFF;
		padding:1rem 0.8rem;
		font-size: 0.88rem !important;
	}
	
	.ayumi_contents .ayumi_contents_container{
		margin-bottom:2em;	
		
	}
	
	.ayumi_contents table th,.ayumi_contents table td{
		width:100% !important;
		border-right: none;
		border-bottom: none;
		text-align: center;
		display: block;	
	}
	
	.ayumi_contents table.ayumi_contents_newsletter td{
		padding-bottom:0;
	}
	
	.ayumi_contents table.ayumi_contents_newsletter td.ayumi_contents_newsletter_right{
		padding-bottom:2em;
		margin-bottom:1em;
	}
	
	.ayumi_contents table.ayumi_contents_shop td{
		padding-bottom:2em;
		margin-bottom:1em;
	}

	
	.ayumi_contents_tex1{
		font-size: 0.8rem !important;
	}
	
	.ayumi_contents_tex1_white{
		font-size: 0.8rem !important;
	}
	
	.ayumi_contents_headline{
		margin-top: 0.4em;
		margin-bottom: 1.4em;
		font-size: 0.88rem !important;
	}

}



/*------------- モーダル中身 -------------*/

.ayumi_modal{
 	max-width:1000px;
 	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	padding:40px;
	line-height: 1.5em;
	text-align: center;
}

.ayumi_modal .main_ttl h2{
	padding-top:2em;
	text-align: center;
	line-height:1.8em;
}

.ayumi_modal .main_ttl p{
	/*padding-top:1em;*/
	text-align: center;
}

.ayumi_modal .main_ttl .ayumi_modal_visual{
	width:200px;
	height:auto;
	margin:0 auto;
	box-sizing: border-box;
}

.ayumi_modal .main_ttl .ayumi_modal_visual img{
	border:1px solid #777;
}


.ayumi_modal .setlist{
	line-height: 1.5em;
}

.ayumi_modal .stage{
	margin-bottom:2em;
	padding-bottom:1.5em;
	border:1px solid #f7ebda;
	box-sizing:border-box;
}

.ayumi_modal .stage.item_empty{
	padding:0;
}

.ayumi_modal .stage_ttl{
	padding-top:1em;
	padding-bottom:1em;
	font-size:1.05em !important;
	font-weight: bold;	
	background:#f7ebda;
	/*color:#fff;*/
}

.ayumi_modal .stage_subttl{
	padding-bottom:1em;
	font-weight: bold;	
}

.ayumi_modal .stage_contents{
	padding-top:1.5em;
}

.ayumi_modal .conductor{
	/*padding:2em;*/
	padding-bottom:1em;
}


.ayumi_modal .font_normal{
	font-weight: normal;
}


.ayumi_modal .program dt{
	padding-bottom:0.7em;
	font-weight: bold;
}

.players_list{
	max-width:500px;
	margin:1em auto;
	text-align: left;
}

.players_list tr{
	margin-top:1em; 	
}

.players_list th{
	max-width:12em;
	font-weight: normal;	
	text-align: right;
}

.players_list td{
	max-width:20em;
	font-weight: normal;	
}

@media (max-width:999px){
	
	.ayumi_modal {
	
		width:100%;	
		height:auto;
		margin-right: auto;
		margin-left: auto;
		background-color: #FFF;
		padding:1rem 0.8rem;
	}
	
	.ayumi_contents .ayumi_contents_panel{
		width:48%;
		margin-bottom:4%;
		margin-right:4%;
	}
	
	.ayumi_contents li.ayumi_contents_panel:nth-child(2n){
		margin-right:0;
	}
	
	.ayumi_contents li.ayumi_contents_panel:nth-child(4n){
		margin-right:0;
	}
	
	.ayumi_contents .ayumi_contents_panel .ayumi_thumb{
		width:98%;
		height:calc(98% * 1.445);
		margin:0 auto;
		background-color:#fff;
	}
	
	.ayumi_modal .main_ttl
		font-size: 0.82rem !important;
	}
	
	.ayumi_modal .setlist{
		font-size: 0.82rem !important;
	}
	
	.ayumi_modal .stage{
		font-size: 0.75rem !important;
	}
	
	.ayumi_modal .conductor{
		font-size: 0.75rem !important;
	}
	
	.ayumi_modal .program{
		font-size: 0.75rem !important;
	}
	
	.ayumi_modal .players_list{
		font-size: 0.75rem !important;
	}
}
