@charset "UTF-8";


/* ====================================================================================
+ tgs2019 +
==================================================================================== */
.tgs2019-wrapper{
	width: 948px;
	border: 1px solid #dadcd9;
	background: #001b28 url(../../img/camp/tgs2019/bg_tgs2019wrapper.png) 0 10px repeat-y;
	color: #ffffff;
	font-family:"メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.tgs2019-wrapper .link-red{
	color: #ea3c5c;
	text-decoration: underline;
}
/* / tgs2019
================================================================= */


/* ====================================================================================
+ logo-sns +
==================================================================================== */
.tgs2019-wrapper .logo-sns{
	position: relative;
	width: 464px;
	height: 76px;
	margin: 37px auto 0 auto;
	background: url(../../img/camp/tgs2019/bg_sns.png) left top no-repeat;
}
.tgs2019-wrapper .logo-sns .btn-logo{
	display: block;
	position: absolute;
	width: 232px;
	height: 76px;
}
.tgs2019-wrapper .logo-sns .btn-logo:hover{
	opacity: 0.5;
}
.tgs2019-wrapper .logo-sns .logo-line{
	left: 0;
	top: 0;
}
.tgs2019-wrapper .logo-sns .logo-twitter{
	right: 0;
	top: 0;
}
/* / logo-sns
================================================================= */


/* ====================================================================================
+ lead +
==================================================================================== */
.tgs2019-wrapper .lead-wrapper{
	margin: 0 40px;
	padding: 40px 0 45px 0;
}
.tgs2019-wrapper .lead-wrapper .text-area{
	width: 452px;
	float: left;
}
.tgs2019-wrapper .lead-wrapper .text-area .text{
	padding-bottom: 2em;
	font-size: 133.3%;
	line-height: 1.6;
}
.tgs2019-wrapper .lead-wrapper .image-area{
	width: 389px;
	float: right;
}
/* / lead
================================================================= */


/* ====================================================================================
+ content-wrapper +
==================================================================================== */
.tgs2019-wrapper .content-wrapper{
	padding: 0 40px 60px 40px;
}
.tgs2019-wrapper .content-wrapper .title-content{
	height: 40px;
	padding: 0 16px;
	background-color: #06354b;
	border-left: 4px solid #87ffff;
	border-right: 4px solid #87ffff;
	color: #87ffff;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
}
.tgs2019-wrapper .content-wrapper .schedule-info{
	padding: 26px 20px 0 20px;
}
.tgs2019-wrapper .content-wrapper .schedule-info .date{
	font-size: 133.3%;
	line-height: 1.6;
	font-weight: bold;
}
.tgs2019-wrapper .content-wrapper .schedule-info .times{
	font-size: 133.3%;
	line-height: 1.6;
}
.tgs2019-wrapper .content-wrapper .bnr-wrapper{
	padding: 20px 0;
	text-align: center;
}
.tgs2019-wrapper .content-wrapper .note-text-yellow{
	padding: 0 0 50px 20px;
	text-align: left;
	font-size: 133.3%;
	color: #ffe362;
	line-height: 1.5;
}
.tgs2019-wrapper .color-yellow{
	color: #ffe362;
}
.tgs2019-wrapper .content-wrapper .accept-times{
	margin: 0 60px;
}
.tgs2019-wrapper .content-wrapper .accept-times .title{
	padding: .4em 0 .3em 0;
	background-color: #00463d;
	text-align: center;
	color: #65ffca;
	font-weight: bold;
	font-size: 166.6%;
}
.tgs2019-wrapper .content-wrapper .accept-times .time{
	padding: 1em 0;
	background-color: #007f6f;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 166.6%;
}
/* step */
.tgs2019-wrapper .content-wrapper .step-list{
	margin: 0 20px;
}
.tgs2019-wrapper .content-wrapper .step-list .step-title{
	padding: 44px 0 .5em 0;
	background: url(../../img/camp/tgs2019/line_step.png) left bottom no-repeat;
	font-weight: bold;
	font-size: 150%;
	color: #00d3c7;
}
.tgs2019-wrapper .content-wrapper .step-list .step-title:first-child{
	padding: 34px 0 .5em 0;
}
.tgs2019-wrapper .content-wrapper .step-list .step-title .img-steptitle{
	margin-right: 18px;
}
.tgs2019-wrapper .content-wrapper .step-list .step-box{
	padding: 14px 0 0 0;
	font-size: 133.3%;
}
.tgs2019-wrapper .content-wrapper .button-box{
	padding: 32px 0 0 0;
	text-align: center;
}
.tgs2019-wrapper .content-wrapper .text-result{
	padding: 16px 20px 10px 20px;
	font-size: 133.3%;
	line-height: 1.6;
	text-align: left;
}
.tgs2019-wrapper .content-wrapper .text-result:first-of-type{
	padding: 30px 20px 10px 20px;
}

.tgs2019-wrapper .content-wrapper .sample-flame{
	margin: 36px 60px 0 60px;
	text-align: center;
	background-color: #efefef;
	border: 3px solid #e3e3e3;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #000;
}
.tgs2019-wrapper .content-wrapper .sample-flame .lead-sample{
	padding: 40px 0 30px 0;
	text-align: center;
	font-size: 133.3%;
	font-weight: bold;
}
.tgs2019-wrapper .content-wrapper .sample-flame .appbutton-area{
	width: 398px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.tgs2019-wrapper .content-wrapper .sample-flame .appbutton-area .btn-app{
	width: 190px;
}
.tgs2019-wrapper .content-wrapper .sample-flame .title-sample{
	position: relative;
	height: 70px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 26px 24px 0 24px;
	background-color: #3c3c3c;
	text-align: left;
}
.tgs2019-wrapper .content-wrapper .sample-flame .title-sample:before{
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	top: 0;
	width: 3px;
	height: 70px;
	background-color: #3c3c3c;
}
.tgs2019-wrapper .content-wrapper .sample-flame .title-sample:after{
	content: "";
	display: block;
	position: absolute;
	right: -3px;
	top: 0;
	width: 3px;
	height: 70px;
	background-color: #3c3c3c;
}
.tgs2019-wrapper .content-wrapper .sample-flame .title-sample .title{
	padding-left: 8px;
	border-left: 5px solid #f22335;
	font-size: 150%;
	font-weight: bold;
	color: #FFF;
	line-height: 1.1;
}
.tgs2019-wrapper .content-wrapper .sample-flame .text-normal{
	padding: 20px 30px 0 30px;
	font-size: 133.3%;
	line-height: 1.8;
}
.tgs2019-wrapper .content-wrapper .sample-flame .img-sample{
	padding: 24px 0 36px 0;
	text-align: center;
}
.tgs2019-wrapper .content-wrapper .sample-flame .note-account-area{
	padding: 36px 32px 30px 32px;
	background-color: #e3e3e3;
}
.tgs2019-wrapper .content-wrapper .sample-flame .note-account-area .note-account{
	text-indent: -1em;
	margin-left: 1em;
	font-size: 141.6%;
	line-height: 1.8;
}
/* / content-wrapper
================================================================= */


/* ====================================================================================
+ tgs2019 attention-wrapper +
==================================================================================== */
.tgs2019-wrapper .attention-wrapper{
	padding: 36px 0 36px 0;
	background-color: #121212;
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	background-image: url(../../img/camp/tgs2019/line_attention.png), url(../../img/camp/tgs2019/line_attention.png);
	color: #FFF;
}
.tgs2019-wrapper .attention-wrapper .attention-header{
	padding: 0 0 0 0;
	font-size: 133.3%;
	font-weight: bold;
	text-align: center;
}
.tgs2019-wrapper .attention-wrapper .attention-area{
	padding: 0 56px 0 56px;
}
.tgs2019-wrapper .attention-wrapper .attention-area .title{
	padding: 3em 0 .5em 0;
	font-size: 116.6%;
	line-height: 1.4;
}
.tgs2019-wrapper .attention-wrapper .attention-area .text{
	padding-top: 2em;
	font-size: 116.6%;
	line-height: 1.4;
}
.tgs2019-wrapper .attention-wrapper .attention-area .list{
	margin-left: 1em;
	text-indent: -1em;
	padding-top: .5em;
	font-size: 116.6%;
	line-height: 1.4;
}
/* / tgs2019 attention-wrapper
================================================================= */


/* ====================================================================================
+ tgs2019 status-wrapper +
==================================================================================== */
.tgs2019-wrapper .status-wrapper{
	padding: 40px 0 80px 0;
}
.tgs2019-wrapper .status-wrapper .button-field{
	width: 100%;
	padding: 0 0 20px 0;
	text-align: center;
}
.tgs2019-wrapper .status-wrapper .text-link-field{
	padding: 0 50px 2em 60px;
	text-align: center;
}
.tgs2019-wrapper .status-wrapper .text-field{
	padding: 0 50px 2em 60px;
	text-align: left;
}
.tgs2019-wrapper .status-wrapper .text-link-field .text{
	text-align: center;
	font-size: 133.3%;
	line-height: 1.5;
}
.tgs2019-wrapper .status-wrapper .text-field .text{
	text-align: left;
	font-size: 133.3%;
	line-height: 1.5;
}
.tgs2019-wrapper .status-wrapper .text-field .color-yellow{
	padding: 1em 0;
}
.tgs2019-wrapper .status-wrapper .text-field .about{
	color: #00d3c7;
}

.tgs2019-wrapper .status-wrapper .text-appbutton{
	padding: 80px 50px 2em 60px;
	font-size: 133.3%;
	line-height: 1.5;
}
.tgs2019-wrapper .status-wrapper .appbutton-field{
	width: 330px;
	margin: 0 auto;
	padding-bottom: 40px;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.tgs2019-wrapper .status-wrapper .appbutton-field .btn-app{
	width: 158px;
}



/* / tgs2019 status-wrapper
================================================================= */


/* ====================================================================================
+ tgs2019 gameinfo-wrapper +
==================================================================================== */
.tgs2019-wrapper .gameinfo-wrapper{
	width: 100%;
	min-height: 500px;
	background: url(../../img/camp/tgs2019/bg_gameinfowrapper.jpg) 0 0 no-repeat;
}
.tgs2019-wrapper .gameinfo-wrapper .info-area{
	padding: 75px 0 0 142px;
}
.tgs2019-wrapper .gameinfo-wrapper .info-area .logo-ffvii{
	float: left;
	padding-right: 62px;
}
.tgs2019-wrapper .gameinfo-wrapper .info-area .table-area{
	float: left;
	padding: 7px 0 0 0;
}
.tgs2019-wrapper .gameinfo-wrapper .info-area .table-area .table{
	border-collapse: collapse;
}
.tgs2019-wrapper .gameinfo-wrapper .info-area .table-area .table th{
	padding-bottom: 14px;
}
.tgs2019-wrapper .gameinfo-wrapper .info-area .table-area .table th .label{
	min-width: 100px;
	display: inline-block;
	padding: 4px 0;
	text-align: center;
	background-color: #002a3e;
	color: #FFF;
	font-size: 133.3%;
	font-weight: normal;
}
.tgs2019-wrapper .gameinfo-wrapper .info-area .table-area .table td{
	padding-bottom: 14px;
	padding-left: 10px;
	font-size: 133.3%;
}
.tgs2019-wrapper .gameinfo-wrapper .button-wrapper{
	width: 500px;
	margin: 46px auto 0 auto;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.tgs2019-wrapper .gameinfo-wrapper .text-small{
	padding: 44px 0 0 0;
	text-align: center;
	line-height: 1.5;
}
.tgs2019-wrapper .gameinfo-wrapper .text-small2{
	padding: 1em 0 40px 0;
	text-align: center;
	line-height: 1.5;
}


/* / tgs2019 gameinfo-wrapper
================================================================= */