@charset "utf-8";
/* ******************************************************************
 *	File name		: ch.css
 *	Summary			: 111 ch CSS
 * ******************************************************************
 */
 
/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

main{
	display:block;
	position:relative;
}

.contents_ch{
	position:relative;
	width:1010px;
	margin:0 auto;
}
/* --- responsive --- */
@media(max-width:767px){
	.contents_ch{
		width:100%;
		padding:0 20px;
	}
}

/* -----------------------------------------------------------------
   title
----------------------------------------------------------------- */

#ch_title{
	position:relative;
	width:100%;
	background:#0A4E97;
}
#ch_title h2{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	width:1000px;
	height:auto;
	margin:0px auto !important;
	padding:12px 225px 12px 15px;
	background:#0A4E97;
	}
	#ch_title #twitteryoutube{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:absolute;
		top:20px;
		left:calc(50% + 290px);
		width:210px;
		height:125px;
	}
	#ch_title #twitteryoutube #ty_twitter,
	#ch_title #twitteryoutube #ty_youtube{
		position:relative;
		width:210px;
		margin:0 0 10px;
}
/* --- responsive --- */
@media(max-width:767px){
	#ch_title h2{
		width:100%;
		padding:12px 15px 12px 15px;
	}
	#ch_title #twitteryoutube{
		position:relative !important;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
		padding:0px 15px;
	}
	#ch_title #twitteryoutube #ty_twitter,
	#ch_title #twitteryoutube #ty_youtube{
		width:48% !important;
	}
}

/* ch_info */
#ch_title #ch_info{
	position:relative;
	margin:0 auto 20px;
	background:* rgba(10,78,151,0.07);
	background:#EEF3F8;/* rgba(10,78,151,0.07);*/
	}
	#ch_title #ch_info #ch_info_contents{
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:1010px;
		margin:0 auto;
		padding:10px 0;
	}
	#ch_title #ch_info p{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		margin-bottom:0px !important;
		padding-top:2px;
		font-size:0.9em;
		font-weight:bold;
		color:#0A4E97;
		line-height:1.5;
}
#ch_title #ch_info #calendar{
	background:#EBB;
	border:1px solid rgba(200,0,0,0.7);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}
	#ch_title #ch_info #calendar a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		padding:6px 15px 4px 45px;
		font-weight:bold;
		font-size:0.8em;
		color:#000;
		background:url(../../image/base/pdf.png) no-repeat 5px center;
		text-decoration:none;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	#ch_title #ch_info #calendar a:hover{
		font-size:0.8em;
		color:#FFF;
		background:url(../../image/base/pdf.png) no-repeat 5px center rgba(200,0,0,0.7);
}


/* pnkz */
#pnkz{
	position:relative;
	margin:0px;
	text-align:left;
	background:#DAE5F0;/*rgba(10,78,151,0.15);*/
	border-bottom:1px solid rgba(10,78,151,0.7);
	line-height:1.3;
	}
	#pnkz ul{
		width:1010px;
		max-width:100%;
		margin:0 auto;
		padding:3px 0 0 0;
	}
	#pnkz ul li{
		display:inline-block;
		margin:0 0 5px;
		font-weight:bold;
		font-size:0.75em;
	}
	#pnkz ul li:after{
		content:">";
		margin:0 7px;
	}
	#pnkz ul li:last-child:after{
		display:none;
}
/* --- responsive --- */
@media(max-width:767px){
	#ch_title #ch_info{
		border-bottom:1px solid rgba(10,78,151,0.7);
	}
	#ch_title #ch_info #ch_info_contents{
		width:100%;
		padding:10px 20px;
	}
	#ch_title #ch_info p{
		width:100%;
		margin-bottom:10px !important;
		text-align:center;
	}
	#ch_title #ch_info #calendar{
		margin:0 auto;
	}
	#pnkz{
		display:none;
	}
}

/* -----------------------------------------------------------------
   contents
----------------------------------------------------------------- */

#ch111_list{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	}
	#ch111_list li{
		position:relative;
		width:450px;
		margin:0 0 40px;
		text-align:left;
	}
	#ch111_list li h3{
		position:relative;
		width:100%;
		margin:0 0 13px;
		padding:17px 12px 15px;
		font-size:1.37em;
		line-height:1.2;
		text-align:left;
		background:#0A4E97;
		color:#FFF;
}
/* --- responsive --- */
@media(max-width:767px){
	#ch111_list li h3{
		font-size:1.1em;
	}
}

/* ch_photo */
#ch111_list li .ch_photo{
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	width:100%;
	background:#000;
	}
	#ch111_list li .ch_photo:before{
		content:" ";
		display:inline-block;
		position:relative;
		width:0px;
		height:0px;
		padding-top:56%;
		background:#F00;
	}
	#ch111_list li .ch_photo img{
		width:100%;
		height:auto;
}

/* ch_data */
#ch111_list li .ch_data{
	margin:0 0 10px;
	}
	#ch111_list li .ch_data p{
		margin:0 0 7px;
		font-size:1.0em;
		font-weight:bold;
		line-height:1.35;
	}
	#ch111_list li .ch_data p span:first-child{
		display:inline-block;
		margin-right:7px;
		color:#0075BD;
	}
	#ch111_list li .ch_data .time{
		position:relative;
		top:-3px;
		margin:0 3px 0 10px;
}
/* --- responsive --- */
@media(max-width:767px){
	#ch111_list li .ch_data p{
		font-size:0.85em;
	}
}

/* detail */
#ch111_list li p.detail{
	margin:0 0 10px;
	padding:12px 17px;
	font-size:0.95em;
	text-align:left;
	background:#E4E3F1;
	color:#000;
	line-height:1.35;
}
/* --- responsive --- */
@media(max-width:767px){
	#ch111_list li p.detail{
		font-size:0.8em;
		line-height:1.5;
	}
}


/* link */
#ch111_list li .link{
	margin:0 0 10px;
	}
	#ch111_list li .link a{
		position:relative;
		display:inline-block;
	}
	#ch111_list li .link a:hover::after{
		content:" ";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}

#ch111_list li.new::after,
#ch111_list li.test::after{
	content:" ";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:35px;
	}
	#ch111_list li.new::after{background:url(../../image/base/new.jpg) no-repeat;background-size:contain;}
	#ch111_list li.test::after{background:url(../../image/base/test.jpg) no-repeat;background-size:contain;}

#ch111_list li p.pickup,
#ch111_list li p.pickup2{
	content:" ";
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	padding:5px 12px 4px;
	font-weight:bold;
	font-size:0.85em;
	text-align:center;
	background:#FF0;
	color:#000;
	line-height:1.5;
	z-index:100;
	}
	#ch111_list li p.pickup2{
		font-weight:bold;
		font-size:0.85em;
		background:#FF7F00;
		color:#FFF;
}

/* tokuban */
#ch111_list li.tokuban h3{
	background:#B00;
}

/* right */
#ch111_list li.right::after{
	float:none !important;
	right:0px !important;
	left:auto !important;
}

/* -----------------------------------------------------------------
   alert_bn
----------------------------------------------------------------- */

#alert_bn{
	width:100%;
	margin:0 0 40px;
	text-align:center;
}
/* --- responsive --- */
@media(max-width:767px){
	#alert_bn{
		padding:0 10px;
	}
}