
@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.4;}
#gigaContents a.banner{ display:block; margin-bottom:20px;}
#gigaContents p.read{ padding:20px; }

/* コンテンツ */


ul.col3 { margin-bottom:20px;}
ul.col3:after{clear:both; display:block; content:"";}
ul.col3 li { float:left; width:33.3333333332%;}
ul.col3 li a { display:block; padding:2px;}
ul.col3 li a img { width:100%; height:auto;}

/*============================
#cont1
ディセンダント
color1:#ae5da1
color2:#ffebfd
============================*/
div#cont1.d-content { padding-top:20px; margin-bottom:50px;}
div#cont1.d-content h3 { text-align:center; padding-bottom:0px; padding-top:50px}
div#cont1.d-content h3 img { height:25px; width:auto;}
div#cont1.d-content div.d-bg { border-top:1px #ae5da1 solid; background:#ffebfd;}
div#cont1.d-content div.d-bg span { display:block; position:relative; top:-25px; height:0; text-align:center;}
div#cont1.d-content div.d-bg span img { height:50px; width:auto;}
div#cont1.d-content div.d-bg h2 { text-align:center; padding:20px 0 40px;}
div#cont1.d-content div.d-bg h2 img { height:50px; width:auto;}
div#cont1.d-content div.d-bg ul.col2.bk { background:#ae5da1;}
div#cont1.d-content div.d-bg ul.col2 li { width:50%; float:left;}
div#cont1.d-content div.d-bg ul.col4{ background:; margin:0 0px 20px;}
div#cont1.d-content div.d-bg ul.col4 li { width:25%; float:left;}
div#cont1.d-content div.d-bg ul.col4 li.ds{ background:#86C5D8;}
div#cont1.d-content div.d-bg ul.col4 li.ds strong{ color:#fff;}
div#cont1.d-content div.d-bg ul.col4 li.ds p{ color:#fff;}
div#cont1.d-content div.d-bg ul.col2:after{clear:both; display:block; content:"";}
div#cont1.d-content div.d-bg ul.col2 li h4 { padding:20px; font-size:24px; color:#ae5da1;}
div#cont1.d-content div.d-bg h4.ctr{ text-align:center; font-size:20px; color:#ae5da1; padding:10px;}
div#cont1.d-content div.d-bg ul.col2 li h4 img { height:50px; width:auto;}
div#cont1.d-content div.d-bg ul.col2 li p { padding:0 10px 10px 20px;color:#ae5da1;}
div#cont1.d-content div.d-bg ul.col2.bk p {  color:#fff;}
div#cont1.d-content div.d-bg ul.col2 li.bk h4 { padding:20px; text-align:center; font-size:24px; color:#ffffff; background:#ae5da1;}
div#cont1.d-content div.d-bg ul.col2 li img { width:100%; height:auto;}
div#cont1.d-content div.d-bg h5 { text-align:center; padding:30px 0;}
div#cont1.d-content div.d-bg h5 img { height:35px; width:auto;}
div#cont1.d-content div.d-bg p.story { padding:0 30px;}
div#cont1.d-content div.d-bg ul.col2 li strong { display:block; padding:10px 0px 2px; font-size:16px; font-weight:bold; color:#ae5da1; border-bottom:1px #ae5da1 solid; margin-bottom:10px; text-align:center; margin:0 3px 10px; }
div#cont1.d-content div.d-bg ul.col2.bk li strong {color:#fff;}
div#cont1.d-content div.d-bg ul.col2 li.pt20{ padding-top:10px;}



/*============================
#cont2
ワンス・アポン・ア・タイム シーズン3
color1:#ec6941
color2:#fff1ed
============================*/
div#cont2.d-content { padding-top:20px; margin-bottom:50px;}
div#cont2.d-content h3 { text-align:center; padding-bottom:0px; padding-top:50px}
div#cont2.d-content h3 img {height:25px; width:auto;}
div#cont2.d-content div.o-bg { border-top:1px #ec6941 solid; background:#fff1ed;}
div#cont2.d-content div.o-bg span { display:block; position:relative; top:-25px; height:0; text-align:center;}
div#cont2.d-content div.o-bg span img {height:50px; width:auto;}
div#cont2.d-content div.o-bg h2 { text-align:center; padding:20px 0 40px;}
div#cont2.d-content div.o-bg h2 img { height:50px; width:auto;}
div#cont2.d-content div.o-bg ul.col2 {}
div#cont2.d-content div.o-bg ul.col2:after{clear:both; display:block; content:"";}
div#cont2.d-content div.o-bg ul.col2 li {width:50%; float:left;}
div#cont2.d-content div.o-bg ul.col2 li img { width:100%; height:auto;}
div#cont2.d-content div.o-bg ul.col2 li h4 {padding:20px;}
div#cont2.d-content div.o-bg ul.col2 li h4 img { height:50px; width:auto;}
div#cont2.d-content div.o-bg ul.col2 li p {padding:0 20px 10px 20px;color:#ec6941;}
div#cont2.d-content div.o-bg ul.col2.bk { background:#ec6941;}
div#cont2.d-content div.o-bg ul.col2.bk li h4 img.line1 { height:20px; width:auto;}
div#cont2.d-content div.o-bg ul.col2.bk li p { color:#fff;}
div#cont2.d-content div.o-bg h5 {text-align:center; padding:30px 0;}
div#cont2.d-content div.o-bg h5 img { height:35px; width:auto;}
div#cont2.d-content div.o-bg p.story { padding:0 30px;}
div#cont2.d-content div.o-bg ul.chara-list { text-align:center; padding-left:25px; margin-bottom:20px;}
div#cont2.d-content div.o-bg ul.chara-list:after{clear:both; display:block; content:"";}
div#cont2.d-content div.o-bg ul.chara-list li { display:inline-block; float:left; margin:5px; width:180px; text-align:left;}
div#cont2.d-content div.o-bg ul.chara-list li img { width:100%; height:auto;}
div#cont2.d-content div.o-bg ul.chara-list li strong { color:#ec6941; display:block; font-size:14px; text-align:center; padding:10px 0; height:4em; border-bottom:1px solid #ec6941; margin-bottom:5px;}
div#cont2.d-content div.o-bg ul.chara-list li strong.line1{ padding-top:20px;}
div#cont2.d-content div.o-bg ul.chara-list li p {}
div#cont2.d-content div.o-bg ul.chara-list.second{ padding-left:115px;}
div#cont2.d-content div.o-bg div.video {}
div#cont2.d-content div.o-bg div.video h5 { padding-bottom:10px;}
div#cont2.d-content div.o-bg div.video h5 img {}
div#cont2.d-content div.o-bg div.video p { text-align:center; padding-bottom:20px; color:#ec6941; line-height:2;}
div#cont2.d-content div.o-bg div.video p img { height:22px; width:auto;}
div#cont2.d-content div.o-bg div.video a { cursor:pointer; display:block;}
div#cont2.d-content div.o-bg div.video a img { width:100%;cursor:pointer; height:auto;}




/*============================
#cont3
白雪姫
color1:#eb6877
color2:#fff2f3
============================*/
div#cont3.s-content { padding-top:20px; margin-bottom:50px;}
div#cont3.s-content h3 {text-align:center; padding-bottom:0px; padding-top:50px}
div#cont3.s-content h3 img {height:25px; width:auto;}
div#cont3.s-content div.s-bg { border-top:1px #eb6877 solid; background:#fff2f3;}
div#cont3.s-content div.s-bg span { display:block; position:relative; top:-25px; height:0; text-align:center;}
div#cont3.s-content div.s-bg span img {height:50px; width:auto;}
div#cont3.s-content div.s-bg h2 { text-align:center; padding:20px 0 40px;}
div#cont3.s-content div.s-bg h2 img { height:50px; width:auto;}
div#cont3.s-content div.s-bg ul.col2 {}
div#cont3.s-content div.s-bg ul.col2:after{clear:both; display:block; content:"";}
div#cont3.s-content div.s-bg ul.col2 li {width:50%; float:left;}
div#cont3.s-content div.s-bg ul.col2 li.pt20 { padding:20px;}
div#cont3.s-content div.s-bg ul.col2 li.pt20 strong {color:#eb6877; display:block; font-size:14px; text-align:left; padding:10px 0; border-bottom:1px solid #eb6877; margin-bottom:5px;}
div#cont3.s-content div.s-bg ul.col2 li.pt20 p {}
div#cont3.s-content div.s-bg ul.col2.bk {background:#eb6877;}
div#cont3.s-content div.s-bg ul.col2.bk li {background:#eb6877;}
div#cont3.s-content div.s-bg ul.col2.bk li h4 {padding:20px;}
div#cont3.s-content div.s-bg ul.col2.bk li h4 img { height:50px; width:auto;}
div#cont3.s-content div.s-bg ul.col2.bk li p {padding:0 20px 10px 20px;color:#fff;}
div#cont3.s-content div.s-bg ul.col1 {}
div#cont3.s-content div.s-bg ul.col1 li {}
div#cont3.s-content div.s-bg ul.col1 li img { width:100%; height:auto;}
div#cont3.s-content div.s-bg h5 {text-align:center; padding:30px 0;}
div#cont3.s-content div.s-bg h5 img {height:35px; width:auto;}
div#cont3.s-content div.s-bg p.story { padding:0 30px;}



/*============================
#anq
color:#e60012
============================*/
div#anq { padding-top:60px; padding-bottom:30px;
}
div#anq div.content { 
}
div#anq div.content h3 {  margin-bottom:30px;
}
div#anq div.content h3 img { position:relative; top:-56px; height:110px; width:auto;
}
div#anq div.content h3 span{ position:relative; text-align:center;border-radius:50px; background:#13b5b1; color:#fff; padding:20px; font-size:24px; position:relative;  display:inline-block;}
div#anq div.content p {
}
div#anq div.content ul.col2{ margin-bottom:10px; border:4px solid #bfe3e7; padding:10px;}
div#anq div.content ul.col2:after{clear:both; display:block; content:"";}
div#anq div.content ul.col2 li{ float:left;width:50%; padding:10px;}
div#anq div.content ul.col2 li img{ width:100%;}
div#anq div.content ul.col2 li h4{ color:#e60012; font-weight:bold; text-align:left; border-bottom:#e60012 1px solid; padding-bottom:5px; margin-bottom:5px; font-size:22px; position:relative; padding-left:60px;}
div#anq div.content ul.col2 li h4 strong{ border-radius:100%; font-size:11px; background:#e60012; padding:10px; text-align:center; color:#fff; width:50px; height:50px; position:absolute; left:0; top:-10px; line-height:1.2; padding-top:7px;}
div#anq div.content ul.col2 li h4 span{ display:block; font-size:20px;}
div#anq div.content ul.col2 li p{ padding:10px; text-align:left; font-size:16px; line-height:1.8;}
div#anq div.content ul.col2 li.w30{ width:15%}
div.other{ background:#fff; padding:20px; border-radius:8px; margin-bottom:30px; border:4px solid #479489;}
div.other h3{ color: #479489;; text-align:left; padding:10px; margin:0; font-size:24px; height:auto; padding-top:10px; margin-bottom:0px;}
div.other p{ padding:10px;}
div.other p.img{ padding:10px; text-align:center;}
div.other p.img img{}
div.other ul.col2{}
div.other ul.col2 li{ width:70%; float:left;}
div.other ul.col2 li.img{ width:30%;}
div.other ul.col2 li.img img{ width:100%; height:auto}
div.other ul.col2:after{clear:both; display:block; content:"";}



/* 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.w70{ padding: 0 20px;}
#gigaContents .info .col2:after{ clear:both; content:""; display:block;}


h3.infotext{ background:rgba(233,0,3,1.00); font-size:20px; padding:15px; color:#fff; font-weight:bold; margin-bottom:50px;}
h3.infotext span{ display:block; font-size:16px;}
