
@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:14px; 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.col2:after{ display:block; clear:both; content:"";}
ul.col4:after{ display:block; clear:both; content:"";}
/*============================
#hibana
============================*/
div#hibana {
}
div#hibana div.youtubewrap {
}
div#hibana div.youtubewrap div.youtube {
}
div#hibana div.youtubewrap div.youtube iframe {
}
div#hibana ul.col2.gray { background:#eee;
}
div#hibana ul.col2.gray li {
}
div#hibana ul.col2.gray li img {
}
div#hibana ul.col2.gray li h2 { color:#ff0000;
}
div#hibana ul.col2.gray li p {
}
div#hibana ul.col2.red { background:#e60012;
}
div#hibana ul.col2.red li {
}
div#hibana ul.col2.red li h2 { color:#fff100;
}
div#hibana ul.col2.red li p { color:#fff;
}
div#hibana ul.col2.red li img {
}
div#hibana ul.col2 {}
div#hibana ul.col2 li {}
div#hibana ul.col2 li img { width:100%;}
div#hibana ul.col2 li h2 { font-size:20px; padding:20px; padding-bottom:0; font-weight:bold; color:#e60012;}
div#hibana ul.col2 li p { padding:12px 20px;
}
div#hibana ul.col4 {
}
div#hibana ul.col4 li { width:25%; float:left;
}
div#hibana ul.col4 li img {
}
div#hibana ul.col4 li h3 { text-align:center; margin-bottom:16px; color:rgba(228,8,12,1.00); font-weight:bold; font-size:20px;
}
div#hibana ul.col4 li hr { width:20%; margin:0 auto; background:rgba(228,8,12,1.00); border:none; height:2px; margin-bottom:16px;
}
div#hibana ul.col4 li p {padding:12px 16px;
}
div#hibana p.netflix { margin:30px auto; padding:30px 0; text-align:center; display:block;
}
div#hibana p a {
}
div#hibana p a img {
}
div#hibana div.zadankai { border:4px solid #13b5b1;  background:#fff;border-radius:0 0 8px 8px;
}
div#hibana div.zadankai h2 { text-align:center;
}
div#hibana div.zadankai h3{ color:#13b5b1; font-size:26px; text-align:center; margin-bottom:20px;}
div#hibana div.zadankai h2 strong {  font-size:30px; background:#13b5b1; color:#fff; padding:10px 20px; 
}
div#hibana div.zadankai ul li{ padding:10px;}
div#hibana div.zadankai ul.col2.read { background:#13b5b1; border-bottom:3px solid #13b5b1;}
div#hibana div.zadankai ul.col2.read li{ padding:0;}
div#hibana div.zadankai ul.col2.read li h2{ padding:40px; font-weight:normal;}
div#hibana div.zadankai ul.col2.read li hr{ border:#fff; width:30px; margin:0 auto; background:#fff; height:2px;}
div#hibana div.zadankai ul.col2.read li p{ color:#fff; padding:40px 30px 0; font-size:16px; border-bottom:none; background:none; border:none;}
div#hibana div.zadankai ul.col2.read li img{ border-radius:0px;}
div#hibana div.zadankai ul.col2 li { padding:20px;
}
div#hibana div.zadankai ul.col2 li img { border-radius:8px;
}
div#hibana div.zadankai ul.col2 li p {padding:10px; border-top:1px solid #ccc;
}
div#hibana div.zadankai ul.col1 { padding:10px 0;
}
div#hibana div.zadankai ul.col1 li {padding:20px;
}
div#hibana div.zadankai ul.col1 li img { width:100%; border-radius:8px;
}
div#hibana div.zadankai ul.col1 li p { padding:10px; border-top:1px solid #ccc;
}

div#hibana div.zadankai ul li p:nth-child(odd){ color:#000; background:#eee;}
div#hibana div.zadankai ul li p:nth-child(even){ color:#666;}



/* 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;}
