@charset "utf-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
.thm-page-special .gigaindex .detail{ width:1000px; position:relative; top:-60px;}
.thm-page-special .gigaindex .head{ border-bottom:none;}
.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;}
.colorbarLong9,#gigaindexName,.colorbarLong4 {z-index:1;	}
#gigaContents {z-index:2;margin-top:-75px; width:1000px;position:relative;background:#fff;color:#222;}
#gigaContents h2.title-sp{ position:relative; text-align:center; background:#C80003; color:#fff; padding:10px; font-weight:bold; font-size:30px; margin-top:30px;}
#gigaContents h2 a{ position:absolute; bottom:20px; right:0;}
#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:15px; line-height:1.6;}
#gigaContents a.banner{ display:block; margin-bottom:20px;}
#gigaContents p.read{ padding:20px; }

/* コンテンツ */

ul.col2 li{ width:50%; float:left;}
ul.col3 li{ width:33.3333333333332%; float:left;}
ul.col4 li{ width:25%; float:left;}
ul.col2:after{ display:block; clear:both; content:"";}
ul.col3:after{ display:block; clear:both; content:"";}
ul.col4:after{ display:block; clear:both; content:"";}
/*============================
#oinb
#f39800
============================*/
div#oinb {
}
div#oinb ul.col3navi { margin-bottom:16px;
}
div#oinb ul.col3navi li {
}
div#oinb ul.col3navi li a { display:block; padding:5px;
}
div#oinb ul.col3navi li a img { width:100%;
}
div#oinb h3 { text-align:center;margin-bottom:32px; padding-top:64px;
}
div#oinb h3 img {
}
div#oinb hr { background:#f39800; border:none; width:40px; margin:0 auto; height:4px; margin-bottom:32px;
}
div#oinb ul.col2 {
}
div#oinb ul.col2 li {
}
div#oinb ul.col2 li img.ph { width:100%;
}
div#oinb ul.col2 li h4 { padding:32px 0; text-align:center;
}
div#oinb ul.col2 li h4 img { }
div#oinb ul.col2 li p { padding:16px 32px; padding-top:0; font-size:15px;
}
div#oinb div.chara { background:#222; padding:16px; border-radius:4px; margin-bottom:32px;
}
div#oinb div.chara ul.col4 { margin-bottom:16px;
}
div#oinb div.chara ul.col4:last-child{ margin-bottom:0;}
div#oinb div.chara ul.col4 li {
}
div#oinb div.chara ul.col4 li img { width:100%;
}
div#oinb div.chara ul.col4 li h4 { color:#f39800; font-size:18px; padding:16px; padding-bottom:0; text-align:center;
}
div#oinb div.chara ul.col4 li h4 span { font-size:13px; display:block;
}
div#oinb div.chara ul.col4 li p { color:#fff; padding:16px; font-size:14px;
}
div#oinb ul.col3 { margin-bottom:32px;
}
div#oinb ul.col3 li { text-align:center;
}
div#oinb ul.col3 li img { margin-bottom:16px;
}
div#oinb ul.col3 li h4 {color:#f39800; font-size:16px; text-align:center; font-size:18px; font-weight:bold;
}
div#oinb ul.col3 li p { padding:16px; text-align:left;
}
div#oinb div.comment { margin-bottom:64px;
}
div#oinb div.comment h4 { font-size:18px; font-weight:bold; margin-bottom:32px;
}
div#oinb div.comment ul.col2 { margin-bottom:32px;
}
div#oinb div.comment ul.col2 li { padding:5px 16px;
}
div#oinb div.comment ul.col2 li img{ width:100%;border-radius:8px; }
div#oinb div.comment ul.col2 li p { border-radius:8px; padding:10px; margin-bottom:18px; font-size:13px; line-height:1.4;
}
div#oinb p.netflix { text-align:center; margin-bottom:32px;
}
div#oinb p.netflix a {
}
div#oinb p.netflix a img {
}


.arrow_box {
	position: relative;
	background: #fff;
	border: 4px solid #f39800;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(243, 152, 0, 0);
	border-top-color: #f39800;
	border-width: 16px;
	margin-left: -16px;
}


/* info */
#gigaContents .info{  margin:0px; background:#fff; padding-top:0px; border:1px solid #eee; }
#gigaContents .info .ph{ text-align:left; padding:0; display:block; padding-right:20px;}
#gigaContents .info .ph img{ width:300px; float:left; margin-right:20px;}
#gigaContents .info h4{ color: rgba(233,0,3,1.00); padding-top:20px; font-size:20px; font-weight:bold; text-align:left; padding-left:25px;}
#gigaContents .info p{ padding:10px; font-size:13px;}
#gigaContents .info p.min{ font-size:11px;}
#gigaContents .info p span{ color:#AA9779;}
#gigaContents .info p.c{  font-size:11px; color:#ccc;}

#gigaContents .info ul.col2{ background:#fff; margin-bottom:0;}
#gigaContents .info ul.col2 li h4{ color: rgba(233,0,3,1.00); background:#fff; padding-top:20px; font-size:20px; font-weight:bold; text-align:left; padding-left:10px;}
#gigaContents .info .col2 li{ margin:0;}
#gigaContents .info .col2 li .col2 li{ float:left; padding:0px ; width:50%; }
#gigaContents .info .col2 li ul li{ float:none; width:100%;}
#gigaContents .info .col2 li.w30{ width:30%;}
#gigaContents .info .col2 li.w70{ padding: 0 20px; width:70%;}
#gigaContents .info .col2:after{ clear:both; content:""; display:block;}


h3.infotext{ background:#ff0000; font-size:24px; padding:15px; color:#fff; font-weight:bold; margin-bottom:50px; text-align:center;}
h3.infotext span{ display:block; font-size:24px;}