@charset "shift_jis";

/* 
 * gecard.css
 * 
 * common
 * layout
 * components
 * other
 * 
 * Responsive(max-width: 750px)
 */
 

/* ==================================
	common
================================== */


/* ==================================
	layout
================================== */
/*== header ================*/
#gecard #header #headerContents {
	width: 1000px;
}
/*== container ================*/

#gecard #mainContainer {
	background-color: #efefef;
	margin-top: 0;
	padding: 30px 0 80px;
}
#gecard #mainContainer #mainContents {
 background: url(/gecard/news/img-files/042_g_thefinal2101_bg01.png);
 width: 1000px;
}
/*== footer ================*/
#gecard #footer {
	margin-top: 0;
	padding: 5px 0 25px;
}
/*== section ================*/

/* ge-visualWrap */
#gecard #mainContainer #ge-visualWrap {
	padding: 40px;
	background: url(/gecard/news/img-files/pc_042_g_thefinal2101_im01.png) no-repeat;
	text-align: center;
}
/* ge-contentsSec */
#gecard .ge-sectionWrap {
	padding: 0 40px 50px;
}
#gecard .ge-contentsSec01 {
	margin-bottom: 30px;
}
#gecard .bgBox01 {
  background: #ffffff;	
}
/* ==================================
	parts
================================== */

/*== heading ================*/

/* ge-heading01 */
#gecard .ge-heading01 {
	margin-bottom: 10px;
}
#gecard .ge-heading01 span {
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 3.2rem;
	font-size: 32px;
}
#ge-visualWrap {
	position: relative;
}

/* ge-heading02 */
#gecard .ge-heading02 {
	background-color: #f9f7d5;
	border-top: solid 4px #a98933;
	padding: 15px 0;
	margin-bottom: 30px;
	text-align: center;
}
#gecard .ge-heading02 span {
	font-size: 2.2rem;
	font-size: 22px;
	font-weight: bold;
}
#gecard .ge-heading02 .heading02Num {
	display: inline-block;
	color: #fff;
	background-color: #a98933;
	width: 34px;
	height: 34px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
}
#gecard .ge-heading02 .heading02Tag {
	display: inline-block;
	color: #fff;
	background-color: #a98933;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 7px 30px 3px;
}
#gecard .ge-heading02 .heading02Txt {
	color: #55400a;
	margin-left: 10px;
}

#gecard .ge-heading02.ge-heading02-01 {
	background-color: #fff2f5;
	border-top: solid 4px #a5001e;
	padding: 15px 0;
}
#gecard .ge-heading02.ge-heading02-01 span {
	font-size: 2.2rem;
	font-size: 22px;
}
#gecard .ge-heading02.ge-heading02-01 .heading02Tag {
	background-color: #a5001e;
}

#gecard .ge-heading02.ge-heading02-01 .heading02Txt {
	color: #a5001e;
	font-size: 2.6rem;
	font-size: 26px;
}
/* ge-heading03 */
#gecard .ge-heading03 {
	font-size: 2.0rem;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 1px  #bbb;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

/*== paragraph ================*/

#gecard .ge-date {
	display: table;
  width: 678px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 22px;
  margin: 0 auto;
  position: absolute;
  bottom: 42px;
  left: 143px;
  height: 63px;
}
#gecard .ge-date span {
    display: table-cell;
    color: #a5001e;
    font-weight: bold;
    font-size: 2.0rem;
    font-size: 20px;
    text-align: center;
    padding: 5px 0;
    vertical-align: middle;
}
/*#gecard .ge-date span.txtNormal {
	color: #222222;
	font-weight: normal;
	font-size: 1.4rem;
	font-size: 14px;
	padding: 4px 0;
}*/
#gecard .ge-lead {
font-size: 2.4rem;
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
    line-height: 1.4;
}
/*== list ================*/
#gecard .noteList01 {
	margin-top: 0;
}
#gecard .linkTxt02 li.noLink {
	background: url(/gecard/news/img-files/com_ic03.png) no-repeat 0 0.2em;
	font-size: 1.4rem;
	font-size: 14px;
	text-decoration: none;
	padding:1px 0 2px 25px;
}
#gecard .listTitle {
	margin-top: 10px;
}
/*== link ================*/
#gecard .linkTxt02 a {
	background: url(/gecard/news/img-files/com_ic03.png) no-repeat 0 0.2em;
	font-size: 1.4rem;
	font-size: 14px;
	text-decoration: none;
}
#gecard .btnLink01 {
	position: relative;
}
#gecard .btnLink01 a {
	font-size: 2.1rem;
	font-size: 21px;
	padding: 25px 20px 23px 0px;
	min-width: 280px;
}
#gecard .btnLink01 a:after {
	right: 14px;
}
#gecard .btnLink02 {
	position: relative;
}
#gecard .btnLink02 a {
	font-size: 2.2rem;
	font-size: 22px;
	padding: 25px 75px 23px;
}
#gecard .btnLink02 a:after {
	right: 14px;
}
#gecard .endcollabo .btnLink01 {
	position: relative;
}
#gecard .endcollabo .btnLink02:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 766px;
	height: 105px;
	top: 50%;
	left: 50%;
	margin-top: -53px;
	margin-left: -383px;
	background: url(/gecard/news/img-files/pc_024_k_atelier_im03.png) no-repeat;
	z-index: 1!important
}
#gecard .btnText {
	position: relative;
}
#gecard .btnText {
	display: inline-block;
	position: relative;
	padding: 19px 60px 17px 50px;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	background-color: #a5001e;
	border-bottom: solid 3px #760015;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
#gecard .endcollabo .btnText:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	height: 32px;
	width: 32px;
	margin-top: -14px;
	background: url(/common-files/img/com_btn_ic01.png) no-repeat 0 0;
}

/*== img ================*/
#gecard .ge-imgWrap {
	margin-bottom: 20px;
}

/* ==================================
	other
================================== */

/*== pageTop ================*/
#gecard #pageTopBtn a {
	width: 60px;
	height: 60px;
	background: url(/gecard/news/img-files/com_ic04.png) 0 0 no-repeat;
	outline: 0;
}
#gecard #pageTopBtn a:hover {
	background: url(/gecard/news/img-files/com_ic04.png) 0 -60px no-repeat;
}

/* ---------------------------------------- endBox ----------------------------------- */
#gecard.end .mainVisual .visualInner{
	padding-top:75px;
}

#gecard.end .collaboSec01.endcollabo{
    position: relative;
}

#gecard.end .endTextBox{
	display:table; width:100%; height: 100%;
			}
#gecard.end .endText{
	display:table-cell; 
	width:100%;
	height: 100%; 
	vertical-align: middle; 
	text-align:center;
	font-size:2.8rem;
	font-weight:bold;
}
#gecard.end .endbox{
		position:absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height:100%; 
		background: rgba(255,255,255,0.8);    
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*--------5月31日追加----------*/
#gecard .cardImg01 img{
	width: 80%;
}
#gecard .copyright {
	margin: 10px 40px 0;
	text-align: right;
	font-size: 12px;
}
#gecard .collaboWrap01 { 
	margin: 0 10px;
}
#gecard .collaboWrap01 .readTx {
	font-weight: bold;
	font-size: 22px;
}
#gecard .collaboWrap01 .collaboSec01 .btnLink01 {
	width: calc(100% / 3);
	float: left;
}

/*--------2019年8月20日追加----------*/
.txtLarge03{
font-size: 2.4rem;
font-size: 24px;
}


/*2020年12月24日追加*/

#gecard .ge-heading01 > img {
	width: 60%;
	margin: auto;
}

		#gecard .campaignArea {
			margin-top: 30px;
			padding: 17px 0;
		background-color: rgba( 255, 255, 255, 0.70 );
	}

#gecard .gtBtnBox01 {
margin-top: 20px;
}
#gecard .gtBtnBox01 .gtBtn01 > a {
	display: block;
	border-bottom: solid 5px #0f4473;
	margin-bottom: 5px;
}
#gecard .gtBtnBox01 .gtBtn01 > a:hover,
#gecard .cardList01 .gtBtn02 > a:hover{
	border-bottom: none;
	margin-top: 5px;
}
#gecard .cardList01 .gtBtn02 > a {
	display: block;
	border-bottom: solid 5px #97a0a8;
	margin-bottom: 5px;
	padding-top: 20px;
}

#gecard .floatBox01::after,
#gecard .floatBox02::after {
	display: block;
	clear: both;
	content: "";
}
#gecard .floatBox01 .floatLeft,
#gecard .floatBox02 .floatLeft{
	float: left;
}
#gecard .floatBox01 .floatRight {
	float: right;
}
#gecard  .floatBox01 .cardList01{
   width: 290px;
    float: left;
    margin: 0 30px 40px 0;
    text-align: center;
	
}
#gecard  .floatBox01 .cardList01:nth-child(3n) {
	margin-right: 0;
}
#gecard  .floatBox01 .cardList01:nth-child(4) {
	margin-left: 160px;
}

#gecard .cardBox01 {
	width: 930px;
	margin: 40px auto 0
}
#gecard .logoBox01 {
	width: 719px;
	margin: 40px auto 80px;
}
#gecard .logoBox01 .floatLeft {
	width: 186px
}
#gecard .logoBox01 > .floatLeft:nth-child(2) {
	margin: 0 50px;
}

#gecard .logoBox02 {
	width: 885px;	
	margin: 60px auto 40px;
}
#gecard .logoBox02 .logo {
	width: 125px;
	margin: 0 auto 15px;
}
#gecard .logoBox02 > .floatLeft:nth-child(2) {
	margin: 0 20px;
}

#gecard .campaignBox02 {
	width: 280px;
	height: 260px;
	padding: 25px;
	position: relative;
	border-radius: 25px;
	background: #e0ebf7;
}

#gecard .campaignBox02 .btn01 > a {
    color: #1a75c6;
    padding: 10px 52px 10px 43px;
    border: solid 2px #1a75c6;
    border-radius: 10px;
	  background: #ffffff;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    bottom: 26px;
    right: 43px;
}
#gecard .campaignBox02 .btn01 > a::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
   background: url(/gecard/news/img-files/042_g_thefinal2101_ic01.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
	position: absolute;
  top: 14px;
  right: 18px;
}

#gecard .TVtext01 {
	font-size: 20px;
	margin-top: 30px;
}

#gecard  .tvArea .noteList01 {
	margin-left: 40px;
}
#gecard .colorRed {
	color: #D91D20;
}
/* ==================================
	Responsive max-width: 750px
================================== */

@media screen and (max-width: 750px) {
		/* ==================================
		common
	================================== */
	
	
	/* ==================================
		layout
	================================== */
	
	/*== header ================*/
	#gecard #header {
		padding: 15px 6.25%;;
	}
	#gecard #header #headerContents {
		width: 100%;;
	}
	/*== container ================*/
	#gecard #mainContainer {
		margin-top: 0;
		width: 100%;
		overflow: hidden;
		padding: 0;
	}
	#gecard #mainContainer #mainContents {
		width: auto;
		padding: 0;
	}
	
	/*== section ================*/

	/* ge-visualWrap */
	#gecard #mainContainer #ge-visualWrap {
		padding: 1.8em 0 1.2em;
		margin-bottom: 1.2em;
	}
	/* ge-contentsSec */
	#gecard .ge-sectionWrap {
		padding: 0 6.25% 2em;
	}
	#gecard .ge-contentsSec01 {
		margin-bottom: 1.2em;
	}
	
	/*== footer ================*/
	#gecard #footer {
		padding: 0;
	}
	#gecard #footer #footerContents {
			margin: 0;
			padding: 1.5rem 10px;
			width: 100%;
	}
	#gecard #footer #footerContents .copyright {
		margin-top: 0;
		color: #555555;
	}
	
	/* ==================================
		parts
	================================== */
	
	/*== heading ================*/
	
	/* ge-heading01 */
	#gecard .ge-heading01 {
		margin-bottom: 0.6em;
	}
	#gecard .ge-heading01 span {
		font-size: 1.9rem;
		font-size: 19px;
		line-height: 1.2;
		padding: 0;
		text-align: center;
	}
	#gecard .ge-heading01 span.stmy {
		font-size: 1.5rem;
		font-size: 15px;
	}
	#gecard .ge-heading01 span:before {
		content: "";
		position: absolute;
		display: inline-block;
		top: -20px;
		left: -20px;
		background: url(/gecard/news/img-files/com_ic01.png) no-repeat 0 0/35px 25px;
		width: 35px;
		height: 25px;
	}
	#gecard .ge-heading01 span:after {
		content: "";
		position: absolute;
		display: inline-block;
		top: -20px;
		background: url(/gecard/news/img-files/com_ic02.png) no-repeat 0 0/35px 25px;
		width: 35px;
		height: 25px;
		right: -20px;
	}
	/* ge-heading02 */
	#gecard .ge-heading02 span {
		font-size: 1.5rem;
		font-size: 15px;
	}
	#gecard .ge-heading02 .heading02Num {
		width: 1.8em;
	  height: 1.8em;
		padding-top: 0.2em;
		margin-bottom: 0.4em;
	}
	#gecard .ge-heading02 .heading02Tag {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 7px 1.8em 3px;
		margin-bottom: 0.6em;
	}
	#gecard .ge-heading02.ge-heading02-01 {
		border-top: solid 2px #a5001e;
		padding: 1em 0;
	}
	#gecard .ge-heading02.ge-heading02-01 span {
		font-size: 1.5rem;
		font-size: 15px;
	}
	
	#gecard .ge-heading02.ge-heading02-01 .heading02Txt {
		font-size: 1.7rem;
		font-size: 17px;
	}
	/* ge-heading03 */
	#gecard .ge-heading03 {
		font-size: 1.5rem;
		font-size: 15px;
		padding-bottom: 0.2em;
		margin-bottom: 0.8em;
	}
	
	/*== paragraph ================*/
	#gecard .ge-date{
		width: 90%;
    height: 32px;
    left: 15px;
    bottom: 50px;
	}
	#gecard .ge-date span {
		font-size: 1.1rem;
		font-size: 11px;
	}
	#gecard .ge-lead {
		font-size: 1.6rem;
		font-size: 16px;
		text-align: left;
		padding: 0 5%;
		margin-bottom: 1.2em;
	}
	/*== img ================*/
	#gecard .ge-imgWrap {
		margin-bottom: 1.8em;
		text-align: center
	}
	/*== link ================*/
	#gecard .linkTxt02 a {
		font-size: 1.4rem;
		font-size: 14px;
	}
	#gecard .btnLink01 a {
		font-size: 1.5rem;
		font-size: 15px;
		padding: 10px 40px 8px 30px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	#gecard .btnLink02 a {
		font-size: 1.5rem;
		font-size: 15px;
		padding: 10px 40px 8px 30px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	#gecard .btnText {
		padding: 5% 10%;
		font-size: 15px;
		font-size: 1.5rem;
	}
	#gecard .endcollabo .btnLink02:before {
		content: "";
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		background: url(/gecard/news/img-files/sp_024_k_atelier_im03.png) no-repeat center/100%;
		z-index: 2 !important;
	}
	#gecard .endcollabo .btnLink02:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		background: #000000;
		opacity: 0.8;
		z-index: 1 !important;
	}
	#gecard .endcollabo .btnText::after {
    	background-image: url(/common-files/img/sp_com_btn_ic01.png);
    	-webkit-background-size: 20px 20px;
    	background-size: 20px 20px;
	}
	
/*--------5月31日追加----------*/
	#gecard .copyright {
		margin: 10px 0px 0;
		text-align: center;
		font-size: 10px;
	}
	#gecard .collaboWrap01 { 
		margin: 0px;
	}
	#gecard .collaboWrap01 .readTx {
		font-weight: bold;
		font-size: 16px;
	}
	#gecard .collaboWrap01 .collaboSec01 .btnLink01 {
		width: 100%;
		float: none;
		margin-top: 10px;
	}

	/* ==================================
	other
	================================== */
	
	/*== pageTop ================*/
	#gecard #pageTopBtn {
		bottom: 50px;
	}
	#gecard #pageTopBtn a {
		width: 46px;
		height: 46px;
		background: url(/gecard/news/img-files/com_ic04.png) 0 0 no-repeat;
		background-size: 46px 92px;
		outline: 0;
	}
	#gecard #pageTopBtn a:hover {
		background: url(/gecard/news/img-files/com_ic04.png) 0 -46px no-repeat;
		background-size: 46px 92px;
	}
	/*--------2019年8月20日追加----------*/
	.txtLarge03{
	font-size: 2.0rem;
	font-size: 20px;
	}
	
	/*--------2020年12月24日追加----------*/
	
#gecard .swap {
	width: 100%;
	margin: auto;
}
	
#gecard .gtBtnBox01 {
padding: 0 15px;
}
	
#gecard .cardBox01 {
	width: 100%;
	margin: 40px auto 0
}	
#gecard #mainContainer #ge-visualWrap {
	background: url(/gecard/news/img-files/sp_042_g_thefinal2101_im01.png) no-repeat;
}

		#gecard .campaignArea {
			margin: 15px;
			padding: 17px 0;

	}
#gecard .bgBox01 {
    background: #ffffff 100vh 100vw;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
   padding: 0 6.25% 2em;
}
#gecard .gtBtnBox01 .gtBtn01 > a {
	display: block;
	border-bottom: solid 5px #0f4473;
	margin-bottom: 5px;
}
#gecard .gtBtnBox01 .gtBtn01 > a:hover,
#gecard .cardList01 .gtBtn02 > a:hover{
	border-bottom: none;
	margin-top: 5px;
}

#gecard .cardList01 .gtBtn02 > a {
	display: block;
	border-bottom: solid 5px #97a0a8;
	margin-bottom: 5px;
	padding-top: 20px;
}

#gecard .floatBox01 .floatLeft,
#gecard .floatBox01 .floatRight{
	float: none;
}
	
#gecard .gtBtnBox01 .gtBtn01:nth-child(2) {
margin-top: 10px;
}
#gecard .floatBox01 .floatRight {
	float: none;
}
#gecard  .floatBox01 .cardList01{
   width: 100%;
    float: none;
    margin: 30px auto;
	padding: 0 15px;
	
}
#gecard  .floatBox01 .cardList01:nth-child(3n) {
	margin-right: 0;
}
#gecard  .floatBox01 .cardList01:nth-child(4) {
	margin-left: 0;
}
#gecard .logoBox01 {
	width: 100%;
	margin: 40px 0 80px -10px;
}
#gecard .logoBox01 .floatLeft {
	width: 100%;
}
#gecard .logoBox01 > .floatLeft:nth-child(2) {
	margin: 0;
}
	
#gecard .floatBox02  {
	width: 100%;
	text-align: center;
}
	
	#gecard .floatBox02  .floatLeft:nth-child(2) {
	margin: 0 5%;
}
	
	#gecard .floatBox02 > .floatLeft {
	width: 30%;
		display: inline-block;
}

#gecard .logoBox02 {
	width: 100%;
	margin: 0 auto 40px;
}
#gecard .logoBox02 .logo {
	width: 125px;
	margin: 0 auto 15px;
}
#gecard .logoBox02 > .floatLeft:nth-child(2) {
	margin: 0;
}
	
#gecard  .tvArea .noteList01 {
	margin-left: 0;
}

	#gecard .campaignBox01{
		margin-top: 50px;
	}
	
#gecard .campaignBox02 {
	width: 100%;
	height:100%;
	padding: 25px 25px 50px 25px;
	border-radius: 25px;
	position: static;
}
#gecard .campaignBox02 .btn01 > a {
		position: relative;
    top: 20px;
    right: -31px;
    width: 75%;
}
	
#gecard .campaignBox02 .btn01 > a::after {
    width: 15px;
    height: 23px;
    background: url(/gecard/news/img-files/042_g_thefinal2101_ic01.png) no-repeat;
    top: 13px;
    right: 32px;
}


#gecard .TVtext01 {
	font-size: 20px;
	margin-top: 30px;
}
	
	
	
	
	
	
	
	
	
	
	
	
/* clearfix
------------------------------------------------------ */
#gecard .collaboSec01:after {
	content: "";
	display: block;
	clear: both;
}
#gecard .collaboSec01 {
	zoom: 1;
}
		
		
	}