@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
.thm-page-special .gigaindex .detail{ width:1000px; position:relative; top:-60px;}
.thm-page-special .gigaindex .head{ border-bottom:none;}

.colorbarLong9,
#gigaindexName,
.colorbarLong4 {
	z-index:1;	
}
#gigaContents {
	z-index:2;
	margin-top:-75px; width:1000px;
	position:relative;
}
#gigaContents h2{ position:relative; padding-left:20px;}
#gigaContents h2 a{ position:absolute; bottom:20px; right:0;}
#gigaContents h2 a img{}

#gigaContents p a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";	
}
.clearfix:before{clear:both; display:block; content:"";}

#gigaContents .cre {
    height:35px;
	text-align:right;
	color:#999;
	font-size:9px;
	padding:5px 0 ;
}
#gigaContents p {
	
	font-size:14px;
	
}
.youtubebox{ padding:15px; background:#000;}
.youtube{ background:#000; position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}


.col1{ background:#000; color:#eee;}
.col1 li h2{ padding-bottom:20px;}
.col1 li h2 img{ width:auto; max-width:100%;}

.col3{ color:#eee; background:#000; padding:0 15px 15px;}
.col3 li{ float:left; padding:15px ; width:33.33333%;}
.col3 li img{ width:auto; max-width:100%; margin-bottom:0px;}
.col3 li p{ padding:0px; color:#eee;}
.col3:after{ clear:both; content:""; display:block;}
.col3 li h3{ font-weight:normal; text-align:center; margin-bottom:10px; background:#333; color:#fff; padding:10px; font-size:16px;}
.col3 li h3 span{ font-size:11px; display: block;}
.col3 li h2{ text-align:center !important; padding-left:0 !important;}
.col3 li h2 img{ width:auto; max-width:100%; margin:0; padding:0;}



.col4{ color:#eee;}
.col4 li{ float:left; padding:10px ; width:25%;}
.col4 li img{ width:100%; margin-bottom:15px;}
.col4 li p{ padding:5px 25px; color:#eee;}
.col4:after{ clear:both; content:""; display:block;}
.col4 li h3{ font-weight:bold;}

.col2{ padding-bottom:0px; background:#000000; color:#eee;}
.col2.mb0{ margin-bottom:0;}
.col2 li{ float:left; padding:0px ; width:50%; padding-bottom:10px;}
/*.col2 li:nth-child(odd){ padding-right:10px;}
.col2 li:nth-child(even){padding-left:10px;}*/
.col2 li img{ width:100%; margin-bottom:0px;}
.col2 li p{ padding:5px 25px; line-height:1.3; margin-bottom:0; color:#eee;}
.col2 li .youtube{ margin-bottom:10px;}
.col2:after{ clear:both; content:""; display:block;}
.col2 li h2 img{ width:auto; max-width:100%;}
.col2 li h3{ background:#000; color:#fff; text-align:center; padding:10px; margin-bottom:0;}
.col2 li h3{ font-weight:normal; text-align:center; margin-bottom:10px; background:#333; color:#fff; padding:10px; font-size:16px;}
.col2 li h3 span{ font-size:11px; display: block;}

.col2 li.w60{ width:60%;}
.col2 li.w40{ width:40%;}
.col2 li.w30{ width:30%;}
.col2 li.w70{ width:70%;}

/* info */

#gigaContents .info{ border:1px solid #eee; margin:0px;}
#gigaContents .info .ph{ text-align:center; padding:0; display:block; float:left; width:300px; margin-right:20px;}
#gigaContents .info .ph img{ width:100%;}
#gigaContents .info h4{ color:#da1f68; padding-top:20px !important; font-size:24px; font-weight:bold; text-align:left; padding-left:25px;}
#gigaContents .info p{ padding:10px 20px;}
#gigaContents .info p.c{ padding:0 20px 20px;}
h3.infotext{ background:#fde500; font-size:20px; padding:10px; color:#000;}