@charset "utf-8";

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *
* *  Basic information:
* *  - CSS guideline: FLOCSS
* *  - Created: 2014-12-22
* *  - Last update: 2014-12-22 by Suzuki
* *
* *  Order of discription:
* *  - Object [ project ]
* *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* ==========================================================================
   Object [ project ]
   ========================================================================== */

/* Main
   ----------------------------------------------------------------- */
body#tv .main__content  {
	padding-top:0;
}

body#tv #main .tv01 ,
body#tv #main .tv02 {
}

body#tv #main .tv01 h4,
body#tv #main .tv02 h4 {
		clear: both;
		position: relative;
		border:#137ec2 dotted 4px;
		border-radius: 10px;
		background-color:#fff;
		padding:26px 26px 20px;
		margin:10px 0 24px;
		text-align:center;
		font-size:24px;
}

body#tv #main .tv01 dl,
body#tv #main .tv02 dl{
		width:48.936%;
		padding-bottom:60px;
}
body#tv #main .tv01 dl.r,
body#tv #main .tv01 dl.l,
body#tv #main .tv02 dl.r,
body#tv #main .tv02 dl.l {
	float:left;
	padding-right:2.127%;
}
body#tv #main .tv01 dl.r,
body#tv #main .tv02 dl.r {
		padding-right:0%;
}
body#tv #main .tv01 dl.last,
body#tv #main .tv02 dl.last{
		padding-bottom:0px;
}
body#tv #main dt {
		width:100%;
		margin:0 auto 10px;
		position: relative;
}
body#tv #main dt img,
body#tv #main dd img {
		width:100%; height:auto;
}

body#tv #main .tv01 dd ,
body#tv #main .tv02 dd {
	width:100%;
}

body#tv #main .tv01 dt a:hover img,
body#tv #main .tv02 dt a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}

.toTop {
		margin-top:50px;
}

@media only screen and (max-width: 946px) {
	body#tv #main .tv01,
	body#tv #main .tv02 {
		margin-right:0px;
	}
}
@media only screen and (max-width: 640px) {

	body#tv #main .tv01 ,
	body#tv #main .tv02 {
		width:96.5%;
	}

	body#tv #main .tv01 h4,
	body#tv #main .tv02 h4 {
		clear: both;
		position: relative;
		border:#137ec2 dotted 4px;
		border-radius: 10px;
		background-color:#fff;
		padding:26px 10px 20px;
		margin-bottom:24px;
		text-align:center;
		font-size:19px;
	}

	body#tv #main .tv01 dl.r,
	body#tv #main .tv01 dl.l,
	body#tv #main .tv02 dl.l,
	body#tv #main .tv02 dl.r {
			float:none;
			padding-right:0%;
			display:block;
	}

	body#tv #main .tv01 dl,
	body#tv #main .tv02 dl {
		width:100%;
		padding-bottom:60px;
	}
	body#tv #main dt {
		width:100%;
		margin:0px auto 10px;
		position: relative;
	}
	body#tv #main .tv01 dt img,
	body#tv #main .tv02 dt img,
	body#tv #main .tv01 dd img,
	body#tv #main .tv02 dd img {
		width:100%; height:auto;
	}
}