@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;
	background:#fff;
	color:#222;
}
#gigaContents h2{ position:relative;}
#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:15px; line-height:1.8;
	
}

/* info */

#gigaContents .info{  margin:0px; background:#eee; padding-top:0px; border:1px solid #eee; border-bottom:none; border-left:none; }
#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: #856514; padding-top:20px; font-size:20px; font-weight:bold; text-align:left; padding-left:25px;}
#gigaContents .info h5{ color: rgba(233,0,3,1.00); padding-top:20px; font-size:15px; font-weight:bold; text-align:left;  border-bottom:1px solid rgba(251,0,4,1.00); margin:0 25px;}
#gigaContents .info p{ padding:10px; margin:0 15px; 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 .col2 li .col2 li{ float:left; padding:0px ; width:50%; }
#gigaContents .info .col2 li p{ color:#222;}
#gigaContents .info .col2:after{ clear:both; content:""; display:block;}


h3.infotext{ background: #222; font-size:20px; padding:15px; color:#ffba00; font-weight:bold; margin-bottom:10px;}
h3.infotext span{ display:block; font-size:16px;}

ul.col3{ margin-bottom:20px;}
ul.col3 li{ float:left; width:33.3333332%;}
ul.col3 li a{}
ul.col3 li a img{}
ul.col3:after{ content:""; display:block; clear:both;}

.interview{ margin-bottom:30px;}
.interview p.text{ padding:20px; margin-bottom:20px;}
.interview ul.col2{ margin-bottom:0px;}
.interview ul.col2 li{ float:left; width:50%;}
.interview ul.col2 li h3{ border-bottom:1px solid rgba(255,22,97,1.00); color:rgba(255,22,97,1.00); font-weight:bold; padding:5px 10px; margin:10px 10px 0 10px;}
.interview ul.col2 li p{padding:15px 15px;}
.interview ul.col2 li img{ width:100%; height:auto; margin-bottom:0;}
.interview ul.col2:after{ content:""; display:block; clear:both;}
div#p3 .interview ul.col2 li img {margin-bottom:0;}

.interview strong.red{ color:rgba(228,0,3,1.00); font-weight:bold; margin-top:10px;}
.interview strong.blue{ color:rgba(0,152,229,1.00); font-weight:bold;}


/*============================
#p1
============================*/
div#p1 { margin-bottom:4px;}
div#p1 img {}
div#p1 h3 { text-align:center; height:0;}
div#p1 h3 span{position:relative; display:inline-block; padding:10px 20px; border-radius:40px; background:#fff; bottom:-25px;}
div#p1 ul.col2 li.left{ width:50%; float:left; border-right:2px solid #fff; padding:10px;} 
div#p1 ul.col2 li.righr{width:50%; float:right; border-left:2px solid #fff; padding:10px;}
div#p1 ul.col2:after{ content:""; display:block; clear:both;}
div#p1 ul.col2 li.left p,
div#p1 ul.col2 li.righr p {color:#fff; padding:20px; font-size:13px; line-height:1.5;}
div#p1 ul.col2.c1 li.left { background:#c00603;}
div#p1 ul.col2 li.left h2 { color:#fff000; text-align:left; font-size:22px; padding-top:20px; padding-left:20px;}
div#p1 ul.col2 li.righr h2 { color:#fff000; text-align:right; font-size:22px;padding-top:20px; padding-right:20px;}
div#p1 ul.col2.c1 li.righr { background:#176197;}
div#p1 ul.col2.c2 li.left { background:#da0602;}
div#p1 ul.col2.c2 li.righr { background:#4d9dc4;}
div#p1 ul.col2.c3 li.left { background:#d20502;}
div#p1 ul.col2.c3 li.righr { background:#4290ba;}


div.youtube {position: relative;
  width: 100%;
  padding-top: 56.25%;
}
div.youtube iframe {position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
hr.pink-line { margin:50px  auto; border:2px solid #ffe0ed; width:120px;
}

/*============================
#p2
============================*/
div#p2 { margin-bottom:20px;
}
div#p2 h2 {
}
div#p2 h2 img { width:100%;
}
div#p2 div.redw { background:#d20502;
}
div#p2 div.blue { background:#4d9dc4;
}
div#p2 div.redw:after{ content:""; display:block; clear:both;}
div#p2 div.blue:after{ content:""; display:block; clear:both;}
div#p2 div.redw img { float:right; margin-left:20px;
}
div#p2 div.blue img { float:left; margin-right:20px;
}
div#p2 div.redw h3 {color:#fff; text-align:center; padding:30px 15px 1px; font-size:20px;
}
div#p2 div.redw p { color:#fff; font-size:13px; padding:20px;
}
div#p2 div.redw p.clearfix { color:#fff; font-size:13px; padding:20px;
}
div#p2 div.blue h3 {color:#fff; text-align:center; padding:30px 15px 1px; font-size:20px;
}
div#p2 div.blue p { color:#fff; font-size:13px; padding:20px;
}
div#p2 div.blue p.clearfix {
}

/*============================
#p3
============================*/
div#p3 { margin-bottom:20px;
}
div#p3 h2 {
}
div#p3 h2 img {
}
div#p3 div.p3-read { border-radius:8px; border:3px dashed #ffe0ed; padding:20px;color:#e41e74; font-weight:bold; margin-bottom:20px; font-size:15px;
}
div#p3 div.mado { float:left; width:180px; padding:15px; border:1px solid #ddd; margin:0 20px 20px 0;
}
div#p3 div.mado img { width:100%; height:auto;
}
div#p3 div.mado h3 { color:#e41e74; line-height:1.2; font-weight:bold; text-align:center; font-size:16px; padding:0px 0 15px;
}
div#p3 div.mado h3 strong { display:block;
}
div#p3 div.mado p { font-size:12px; line-height:1.5;
}
div#p3 p { line-height:1.5; font-size:13px;
}
div#p3 img { width:100%; height:auto; margin-bottom:15px;
}
#tabs{ width:80%; margin:0 auto 30px;}
#tabs li{ float:left; width:48%; margin:1%; text-align:center;  font-weight:bold; cursor:pointer;}
#tabs li a{ padding:20px; border-radius:50px; color:#e41e74; display:block;border:2px solid #e41e74; }
#tabs li a:hover{ background:#ffe0ed;}
#tabs li.on{ background:#e41e74; color:#fff;}
#tabs:after{ display:block; clear:both; content:"";}
.pppp p.kome{ text-align:center; padding:5px; margin-bottom:20px; background:#eee;}
.pppp { margin-bottom:30px;}
.pppp h2{ color:#e41e74; border-bottom:1px solid #e41e74; padding:20px; margin-bottom:20px; font-size:30px; text-align:center;}
.pppp ul.col3{ margin-bottom:0; padding-bottom:0;}
div#p3 .pppp ul.col3 li img{ margin-bottom:0;}