@charset "UTF-8";


/* ====================================================================================
+ tgs2020 +
==================================================================================== */
.tgs2020-wrapper{
	width: 948px;
	border: 1px solid #dadcd9;
	background: #282f35;
	color: #ffffff;
}
.tgs2020-wrapper .color-yellow{
	color: #fff25d;
}
/* / tgs2020
================================================================= */


/* ====================================================================================
+ page-head +
==================================================================================== */
.tgs2020-wrapper .page-head{
	min-height: 750px;
	background: url(../../img/camp/tgs2020/bg_pagehead.jpg) center top no-repeat;
}

/* / page-head
================================================================= */


/* ====================================================================================
+ logo-sns +
==================================================================================== */
.tgs2020-wrapper .btn-sns{
	position: relative;
	width: 446px;
	height: 55px;
	margin: 12px auto 0 auto;
}
.tgs2020-wrapper .btn-sns .btn{
	display: block;
	position: absolute;
	width: 220px;
	height: 55px;
}
.tgs2020-wrapper .btn-sns .logo-line{
	display: block;
	left: 0;
	top: 0;
}
.tgs2020-wrapper .btn-sns .logo-twitter{
	display: block;
	right: 0;
	top: 0;
}
/* / logo-sns
================================================================= */


/* ====================================================================================
+ lead +
==================================================================================== */
.tgs2020-wrapper .lead-wrapper{
	margin: 0 60px;
	padding: 8px 0 38px 0;
	text-align: center;
}
.tgs2020-wrapper .lead-wrapper .text{
	padding: 1.4em 0 0 0;
	font-size: 16px;
	text-align: center;
	line-height: 1.7;
}
.tgs2020-wrapper .lead-wrapper .btn-conf{
	display: block;
	margin-top: 24px;
	padding-bottom: 1em;
}
.tgs2020-wrapper .lead-wrapper .text-bottom{
	padding: .2em 0 0 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.tgs2020-wrapper .lead-wrapper .text-bottom .title{
	color: #fff25d;
}
/* / lead
================================================================= */


/* ====================================================================================
+ present-wrapper +
==================================================================================== */
.tgs2020-wrapper .present-wrapper{
	padding: 0 59px 50px 59px;
}
.tgs2020-wrapper .present-area{
	padding: 0 0 44px 0;
	background: #3e4c54 url(../../img/camp/tgs2020/bg_present_wrapper.jpg) center top no-repeat;
	text-align: center;
}
.tgs2020-wrapper .present-wrapper .title{
	height: 146px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
.tgs2020-wrapper .present-wrapper .present-list{
	margin: 0 46px 0 73px;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box{
	display: block;
	margin-top: 50px;
	min-height: 250px;
	position: relative;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box .thumbnail-block{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	height: 250px;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box .thumbnail-block .mark{
	display: block;
	position: absolute;
	left: -30px;
	top: -28px;
	z-index: 2;
	margin: 0;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box .text-block{
	margin: 0 0 0 280px;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box .text-block .title-present{
	padding-top: 0.8em;
	color: #a4ffe4;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.05em;
	text-indent: -0.5em;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box .text-block .title-present.cardface{
	text-indent: 0;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box .text-block .text-present{
	padding-top: .3em;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: -0.04em;
}
.tgs2020-wrapper .present-wrapper .present-list .list-box .text-block .note-present{
	padding-top: .3em;
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: -0.02em;
}
/* / present-wrapper
================================================================= */


/* ====================================================================================
+ content-wrapper +
==================================================================================== */
.tgs2020-wrapper .step-wrapper{
	padding: 40px 0 0 0;	
	background: #1a1f23 url(../../img/camp/tgs2020/bg_stepwrapper) center top no-repeat;
	text-align: center;
}
.tgs2020-wrapper .step-wrapper .step-head{
	padding: 0 0 24px 0;
	min-height: 139px;
	text-align: center;
}
.tgs2020-wrapper .step-wrapper .step-title{
	text-align: center;
}
.tgs2020-wrapper .step-wrapper .step-text{
	padding: 12px 0 0 0;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}
.tgs2020-wrapper .step-wrapper .step-note{
	padding: 6px 0 0 0;
	font-size: 12px;
	text-align: center;
}

.tgs2020-wrapper .content-wrapper{
	padding: 0 0 38px 0;
}
.tgs2020-wrapper .content-wrapper .title-content{
	width: 100%;
	height: 60px;
}
.tgs2020-wrapper .content-wrapper .text-lead-step{
	padding: 1.2em 0 0 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff25d;
}

.tgs2020-wrapper .content-wrapper .bnr-wrapper{
	padding: 20px 0;
	text-align: center;
}
.tgs2020-wrapper .content-wrapper .note-text-yellow{
	padding: 0 0 50px 20px;
	text-align: left;
	font-size: 133.3%;
	color: #ffe362;
	line-height: 1.5;
}
.tgs2020-wrapper .color-yellow{
	color: #ffe362;
}
.tgs2020-wrapper .content-wrapper .accept-times{
	margin: 0 60px;
}
.tgs2020-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%;
}
.tgs2020-wrapper .content-wrapper .accept-times .time{
	padding: 1em 0;
	background-color: #007f6f;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 166.6%;
}
.tgs2020-wrapper .content-wrapper .button-box{
	padding: 32px 0 0 0;
	text-align: center;
}
.tgs2020-wrapper .content-wrapper .text-step{
	padding: 1.5em 84px 0 84px;
	font-size: 16px;
	line-height: 1.7;
	text-align: left;
}
.tgs2020-wrapper .content-wrapper .text-step a.link{
	color: #77baa3;
	text-decoration: underline;
}

.tgs2020-wrapper .content-wrapper .sample-flame{
	margin: 22px 84px 0 84px;
	text-align: center;
	background-color: #efefef;
	border: 3px solid #e3e3e3;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	color: #212121;
}
.tgs2020-wrapper .content-wrapper .sample-flame .lead-sample{
	padding: 32px 0 0 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.tgs2020-wrapper .content-wrapper .sample-flame .text-what{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #77baa3;
	text-decoration: underline;
}
.tgs2020-wrapper .content-wrapper .sample-flame .appbutton-area{
	width: 490px;
	margin: 20px auto 0 auto;
	padding: 0 0 34px 0;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.tgs2020-wrapper .content-wrapper .sample-flame .appbutton-area .btn-app{
	width: 235px;
}
.tgs2020-wrapper .content-wrapper .sample-flame .note{
	padding: 8px 0 0 0;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
}
.tgs2020-wrapper .content-wrapper .sample-flame .img-sample{
	padding: 0 0 14px 0;
	text-align: center;
}
/* / content-wrapper
================================================================= */


/* ====================================================================================
+ tgs2020 attention-wrapper +
==================================================================================== */
.tgs2020-wrapper .attention-wrapper{
	padding: 0 0 40px 0;
}
.tgs2020-wrapper .attention-wrapper .attention-header{
	padding: 40px 0 0 0;
	text-align: center;
}
.tgs2020-wrapper .attention-wrapper .attention-area{
	padding: 18px 80px 0 84px;
}
.tgs2020-wrapper .attention-wrapper .attention-area .list{
	margin-left: 1em;
	text-indent: -1em;
	padding-top: .2em;
	font-size: 12px;
	line-height: 1.5;
}
/* / tgs2020 attention-wrapper
================================================================= */


/* ====================================================================================
+ tgs2020 status-wrapper +
==================================================================================== */
.tgs2020-wrapper .status-wrapper{
	padding: 0 0 40px 0;
}
.tgs2020-wrapper .status-wrapper a{
		color: #77baa3;
	text-decoration: underline;
}
.tgs2020-wrapper .status-wrapper .button-field{
	width: 100%;
	padding: 0 0 20px 0;
	text-align: center;
}
.tgs2020-wrapper .status-wrapper .text-link-field{
	padding: 0 84px 2em 84px;
	text-align: center;
}
.tgs2020-wrapper .status-wrapper .text-field{
	padding: 0 84px 1em 84px;
	text-align: left;
}
.tgs2020-wrapper .status-wrapper .text-link-field .text{
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
}
.tgs2020-wrapper .status-wrapper .text-field .text{
	padding-bottom: 1em;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}
.tgs2020-wrapper .status-wrapper .text-field .text.left{
	text-align: left;
}
.tgs2020-wrapper .status-wrapper .text-field .color-yellow{
}
.tgs2020-wrapper .status-wrapper .text-field .about{
	color: #00d3c7;
}

.tgs2020-wrapper .status-wrapper .text-appbutton{
	padding: 0 84px 1em 84px;
	font-size: 133.3%;
	line-height: 1.5;
	text-align: center;
}
.tgs2020-wrapper .status-wrapper .appbutton-field{
	width: 330px;
	margin: 0 auto;
	padding-bottom: 40px;
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.tgs2020-wrapper .status-wrapper .appbutton-field .btn-app{
	width: 158px;
}

/* / tgs2020 status-wrapper
================================================================= */