@charset "utf-8";
/* 
=================================================================== */

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

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*ページ内css*/
#gigaContents {
	z-index:2;
	margin-top:-75px; width:1000px;
	position:relative;
	background:#fff;
	color:#222;
}
/* =================================================================== */


/* スマホcss共通=================================================================== */

/*common class*/
.mt20{margin-top: 20px;}
.mt30{margin-top: 20px;}
.mt40{margin-top: 20px;}

.flL{float: left;}
.flR{float: right;}

.nomargin{margin:0 !important;padding:0 !important;}


/*クレジット*/
#gigaContents .cre{height:35px; text-align:right;　color:#999;　font-size:9px;　padding:5px 0 ;}
#gigaContents p.lead{ margin-top: 35px; margin-bottom: 35px; font-size: 18px !important; font-weight: 600;line-height: 1.7;}
#gigaContents p{ font-size:14px !important; line-height:1.5; }

/*タイトル*/
#gigaContents .mainTitle{ font-size: 25px !important; color:#744594; font-weight: bold; margin-bottom: 30px; text-align: center;}
#gigaContents .sectionTitle{font-size: 20px; font-weight: bold; color: #000; text-align: center; /*border-bottom: solid 1px #000;*/ text-align: center; margin-bottom: 30px; padding: 20px 0;}

#gigaContents .sectionTitle-img{margin-bottom: 20px;}

#gigaContents .flex{  align-items: center;
  justify-content: center;}
#gigaContents .contsWrapper__txtBlock{padding: 20px;}
#gigaContents .contsWrapper__phtBlock{   align-items: center;
  justify-content: center;}

/*beautbeastNav*/
.beautbeastNav{ margin-bottom: 30px;}
.beautbeastNav .col{padding:0 !important;}
.beautbeastNav .col--6 img{ width: 98%;}
.beautbeastNav .col--12 img{ width: 100%;}
.beautbeastNav .col--6:first-child{text-align: left;}
.beautbeastNav .col--6 + .col--6{text-align:right;}
.beautbeastNav .col--12{ margin-top: 5px;}


/*beautbeastTitle*/
.beautybeastTitle{ width: 100%; height:151px; background-image: url(bg-ttl.png); background-repeat: no-repeat; background-position: left top; margin-top: 50px;}
.beautybeastTitle h2{ font-size: 36px; font-weight: 600px; color: #ffe486; text-align: center; padding-top: 50px;}

.beautybeastTitle-img{ width: 100%; margin-top: 50px;}

/*profileWrapper*/
.profileWrapper{ background-color: #ead8bd; padding:30px;}
.profileWrapper .prof-photo{}
.profileWrapper .prof-name{ font-weight: bold;}
.profileWrapper .prof-detail{ margin-top: 20px;}


/*座談会*/
#gigaContents .specialBlock{ background-color:#fff; padding: 50px; border: 2px solid #c9a063; margin-top: 50px;}
#gigaContents .title--bgtop{ background-image:url(frame-top.png); background-repeat: no-repeat; background-position: left top;padding-top: 80px;}
#gigaContents .title--bgbottom{ background-image:url(frame-bottom.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 40px;}
#gigaContents .specialBlock__subtitle{ font-size: 20px; font-weight: bold; margin-bottom: 25px;color:#b5843b;}
#gigaContents .specialBlock__titleWrapper{}
#gigaContents .specialBlock__title{ font-size: 34px !important; color:#b5843b; font-weight: bold;text-align: left; padding: 20px 30px 30px 30px;}

#gigaContents .secInterview{ margin-top: 40px; vertical-align: top;}
#gigaContents .secInterview .col{vertical-align: top !important;}

#gigaContents .secInterview p.itr{ color:#b5843b; }

/*コメント*/
#gigaContents .commentsWaku{ border-radius:10px; background-color: #fff3f3; border: 3px solid #d54792; margin-top: 20px; padding: 20px; min-height: 230px;}
#gigaContents .commentsWaku p{ font-size: 20px!important; color: #df75ad; font-weight: bold;}


/*映画の情報*/
#gigaContents .infoBlock{ border:1px solid #eee; margin-top:40px; }
#gigaContents .infoBlock__poster{ margin: 0; padding: 0;}
#gigaContents .infoBlock__poster img{ width: 100%;}
#gigaContents .infoBlock__detail{ padding: 30px;}
#gigaContents .infoBlock__detail__movieTitle{ color: red; font-weight: bold; font-size: 20px; margin-bottom: 30px;}
#gigaContents .infoBlock__detail__movieSummary{}

#gigaContents .dlWrapper{}
#gigaContents .dtItem{ margin-top: 20px; color:#AA9779;}
#gigaContents .ddItem--url{ margin-top: 20px; padding: 5px; display: inline-block; color:#fff; background-color:#AA9779;}
#gigaContents .ddItem--url a{color:#fff;}
#gigaContents .ddItem--copy{ margin-top: 20px; font-size: 12px;}

#gigaContents .launchiInfo{ background:rgba(233,0,3,1.00); font-size:20px; padding:15px; color:#fff; font-weight:bold; margin-bottom:50px; text-align: center;}


/*present*/
.area-title-present{ font-size:20px; font-weight:bold;}
.present-box{ width:600px; margin:20px auto 0; background-color: #ffffe2; border: solid 3px #fbd600;}
.present-box .flL{ padding:20px;}
.present-box .flL p{ margin-top:20px;}
.present-box .flL a.bt-apply{ display:inline-block; padding:10px 40px; text-align:center; background-color:#020202; color:#ffffdb; text-decoration:none; font-weight:bold;}
.present-box .flL a.bt-apply:hover{ text-decoration: underline;}
.present-box .flR{ padding: 10px;}