@charset "UTF-8";

/* main contents
--------------------------------------------------------- */
#program_area_archive{
	overflow:	hidden;
	padding:	0;
	background:	#eeeeee;
}

/*#program_area_archive a{*/ /*20160519 FMC*/
#program_area_archive>a{
	float: left;
	overflow:	hidden;
	width: 48.5%;
	height:	170px;
	margin:	10px 0 0 10px\9;/* for IE8 */
	padding:	10px;
	background:	#ffffff;
	box-sizing:	border-box;
	border:	none;
}

/*#program_area_archive a:hover{*/ /*20160519 FMC*/
#program_area_archive>a:hover{
	background:	#fac7ce;
}

/*#program_area_archive a:nth-child(odd){*/ /*20160519 FMC*/
#program_area_archive>a:nth-child(odd){
	float:	left;
	margin:	10px 5px 0px 10px;
}

/*#program_area_archive a:nth-child(even){*/ /*20160519 FMC*/
#program_area_archive>a:nth-child(even){
	float:	right;
	margin:	10px 10px 0px 5px;
}

#program_area_archive.program{
	text-align:	left;
}

.program img{
	float:	left;
	width:	200px;
	height:	auto;
	margin:	0 10px 0 0;
}

#program_area_archive.program_caption{
	overflow:	hidden;
	padding:	0;
	color:	#454546;
	}

#program_area_archive h3.program_date{
	margin:	0 0 0.6em 0;
	color:#f44f65;
	font-size:	14px;
	text-align:	left;
	font-family:	'Poppins', sans-serif;
}

#program_area_archive.program_caption h3{
	clear:	both;
	font-size:	14px;
	}


/* text_area
--------------------------------------------------------- */
#text_area	{
	float:	left;
	overflow:	hidden;
	width:	690px;
	margin:	10px 0 0 10px;
	padding:	15px;
	background:	#ffffff;
	box-sizing:	border-box;
	text-align:left; /*20160519 FMC*/
	font-size:14px; /*20160519 FMC*/
	line-height: 1.6; /*20160519 FMC*/
}

#text_area img	{
	width:	660px;
	height:	auto;
	margin:	0 auto 10px auto;
}

#text_area h3	{
	margin:	0 0 50px 0;
	font-size:	24px;
	text-align:	left;
}

#text_area h3.program_date	{
	margin:	0 0 10px 0;
	font-size:	18px;
	font-weight:	normal;
}


#text_area p{
	font-size:	14px;
	margin:	1.6em 0;
}

#hotentry_area{
	overflow:	hidden;
	float:	right;
	width:	280px;
	margin:	20px 10px 0 0;
}


#hotentry_area h3 img{
	margin:	0 0 20px 0;
	width:	280px;
	height:	auto;
}

#hotentry_area a .program{
	clear:	both;
	overflow:	hidden;
	margin:	0 0 10px 0;
	width:	280px;
	height:	auto;
	padding:	10px;
	background:	#ffffff;
	box-sizing:	border-box;
	border:	none;
}

#hotentry_area a:hover .program{
	background:	#fac7ce;
}

#hotentry_area a .program img{
	float:	left;
	width:	260px;
	height:	auto;
	margin:	0 0 10px 0;
}

#hotentry_area a .program_caption{
	float:	left;
	}


/* YouTube
--------------------------------------------------------- */
iframe	{
	width:	600px;
	height:	338px;
/*	margin:	0 0 10px 0;*/
	margin:	0 auto 10px; /* 20160519 FMC */
	display:block; /* 20160519 FMC */
}



/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 1000px){

/* for IE8 */
/*#program_area_archive a{*/ /*20160519 FMC*/
#program_area_archive>a{
	float:	left;
	overflow:	hidden;
	width:	100%;
	height:	auto;
	margin:	10px 0 0 0;
	padding:	10px;
}


/*#program_area_archive a,#program_area_archive a:nth-child(even),#program_area_archive a:nth-child(odd){*/ /*20160519 FMC*/
#program_area_archive>a,
#program_area_archive>a:nth-child(even),
#program_area_archive>a:nth-child(odd){
	float:	left;
	overflow:	hidden;
	width:	100%;
	height:	auto;
	margin:	10px 0 0 0;
	padding:	10px;
}


/*#program_area_archive a:first-child h3,#program_area_archive a h3{*/ /*20160519 FMC*/
#program_area_archive>a:first-child h3,
#program_area_archive>a h3{
	font-size:	16px;
	}

#program_area_archive h3.program_date{
	margin:	0 0 0.2em 0;
	font-size:	14px;
}

#program_area_archive#about_area_top h4{
	margin:	0 0 20px 0;
}

/* text_area
--------------------------------------------------------- */
#text_area	{
	width:	100%;
	margin:	10px 0 0 0px;
}

#text_area img	{
	width:	500px;
	height:	auto;
	margin:	0 auto 20px auto;
}

#hotentry_area{
	clear:	both;
	overflow:	hidden;
	margin:	20px 0 0 0;
	width:	100%;
}

#hotentry_area h3 img{
	margin:	30px 0 20px 0;
}

#hotentry_area a .program{
	float:	left;
	overflow:	hidden;
	margin:	0 10px 10px 0;
	width:	100%;
	height:	auto;
	padding:	10px;
	background:	#ffffff;
	box-sizing:	border-box;
	border:	none;
}

#hotentry_area a .program_caption{
	margin-left:	160px;
}

#hotentry_area a .program img{
	float:	left;
	margin-right:	-160px;
	width:	150px;
}

#hotentry_area a .program h3{
	float:	right;
	width:	100%;
	font-size:	14px;
}

}


/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){

/*#program_area_archive a,#program_area_archive a:first-child,#program_area_archive a:nth-child(even),#program_area a:nth-child(odd){*/ /*20160519 FMC*/
#program_area_archive>a,
#program_area_archive>a:first-child,
#program_area_archive.a:nth-child(even),
#program_area>a:nth-child(odd){
	overflow:	hidden;
	width:	100%;
	height:	auto;
	margin:	10px 0 0 0;
	padding: 10px;
}

/*#program_area_archive a:first-child h3,#program_area_archive a h3{*/ /*20160519 FMC*/
#program_area_archive>a:first-child h3,
#program_area_archive>a h3{
	margin:	0;
	padding:	0;
	height:	auto;
	font-size:	14px;
	}

/*#program_area_archive a img{*/ /*20160519 FMC*/
#program_area_archive>a img{
	float:left;
	width:	100px;
	height:	auto;
	margin:	0 10px 0 0;
}

/* text_area
--------------------------------------------------------- */
#text_area	{
	word-break:	break-all;
	text-align:left; /*20160519 FMC*/
}
#text_area img	{
	width:	250px;
}

#text_area h3	{
	font-weight:	normal;
}


/* YouTube
--------------------------------------------------------- */
iframe	{
	width:	300px;
	height:	180px;
/*	margin:	0 0 10px 0;*/
	margin:	0 auto 10px; /* 20160519 FMC */
	display:block; /* 20160519 FMC */
}



/* hotentry_area
--------------------------------------------------------- */
#hotentry_area a .program_caption{
	margin-left:	110px;
}

#hotentry_area a .program img{
	float:	left;
	margin-right:	-110px;
	width:	100px;
}

#hotentry_area a .program h3{
	float:	right;
	width:	100%;
	font-size:	12px;
}


}



/* pageswitch 20160519 FMC */
.pageswitch {
    clear: both !important;
    color: #bbb;
    padding: 10px;
    text-align: center;
	font-family: "Poppins",sans-serif;
	font-size:15px;
	margin:20px 0;
}
.pageswitch a:link span,
.pageswitch a:visited span {
}
.pageswitch a:hover {
}
.pageswitch strong {
    color: #474848;
    font-weight: bold;
}

/* pulldown 20160519 FMC */
#pulldown {
	margin:30px auto 60px;
	width:300px;
}
#pulldown h3{
    font-family: "Poppins",sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 10px auto 20px;
}
#pulldown div {
	width:300px;
	overflow:hidden !important;
}

/* セレクトボックスカスタマイズ 20160519 FMC */
.customSelect {
	color:#fff;
	-webkit-appearance: none;
	background:#FF546A;
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 22px 0 19px;
}
.customSelect.customSelectHover {
}
.customSelect.customSelectOpen {
}
.customSelect.customSelectFocus {
}
.customSelectInner {
	background:url(../img/arrow_below.png) no-repeat right 16px center;
	background-size:14px 9px;
	width:300px !important;
}
.customSelectInner:before {
}
.styledForm {
	width:300px;
	cursor:pointer;
}