@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-color: #fff;
 width: 1000px;
}
/*== footer ================*/
#gecard #footer {
	margin-top: 0;
	padding: 5px 0 25px;
}
/*== section ================*/

/* ge-visualWrap */
#gecard #mainContainer #ge-visualWrap {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#020f39+0,0671b9+100 */
background: #020f39; /* Old browsers */
background: -moz-linear-gradient(left,  #020f39 0%, #0671b9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #020f39 0%,#0671b9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #020f39 0%,#0671b9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020f39', endColorstr='#0671b9',GradientType=1 ); /* IE6-9 */
	padding: 40px 0;
	margin-bottom: 35px;
}
/* ge-contentsSec */
#gecard .ge-sectionWrap {
	padding: 0 40px 50px;
}
#gecard .ge-contentsSec01 {
	margin-bottom: 30px;
}

/* ==================================
	parts
================================== */

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

/* ge-heading01 */
#gecard .ge-heading01 {
	margin-bottom: 10px;
	color: #ff1206;
	font-weight: bold;
	font-size: 3.2rem;
	font-size: 32px;
}
#gecard .ge-heading01 span {
	position: relative;
	display: inline-block;
	color: #fff;
}
#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: 500px;
	background-color: #fff;
	margin: 0 auto;
}
#gecard .ge-date span {
	display: table-cell;
	color: #a5001e;
	font-weight: bold;
	font-size: 1.6rem;
	font-size: 16px;
	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-bottom: 30px;
	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: 30px;
}

/* ==================================
	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;
}


.txtLarge03{
font-size: 2.8rem;
font-size: 28px;
}

/*036 original*/
.cardArea{
    width: 920px;
    margin: 0 auto;
}
.cardArea .cardList{
	float: left;
	width:220px;
	margin-right: 13px;
}
.cardArea .cardList:last-child{
	margin-right: 0;
}
.cardArea .cardList dt{
	margin-bottom: 12px;
}
/* ==================================
	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;
	}
	#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;
		font-size: 28px;
		line-height: 1.5;
	}
	#gecard .ge-heading01 span {
		font-size: 2.5rem;
		font-size: 25px;
		line-height: 1.2;
		padding: 0;
		text-align: center;
	}
	#gecard .ge-heading01 span.stmy {
		font-size: 1.5rem;
		font-size: 15px;
	}

	#ge-visualWrap:before {
	content: none;
	}
	#ge-visualWrap:after {
	content: none;
	}
	/* ge-heading02 */
	#gecard .ge-heading02 {
		border-top: solid 2px #a98933;
		padding: 1.2em 0;
		text-align: center;
		margin-bottom: 1.8em;
	}
	#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: 80%;
	}
	#gecard .ge-date span {
		font-size: 1.1rem;
		font-size: 11px;
	}
	#gecard .ge-lead {
		font-size: 1.3rem;
		font-size: 13px;
		text-align: left;
		padding: 0 5%;
		margin-bottom: 1.2em;
	}
	/*== img ================*/
	#gecard .ge-imgWrap {
		margin-bottom: 40px;
		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;
	}
	/*036 original*/
.cardArea{
    width: 100%;
    padding:0 6.25%;
}
.cardArea .cardList{
	float: none;
	width:100%;
	margin-right: 0;
	margin-bottom: 30px;
}
.cardArea .cardList:last-child{
	margin-right: 0;
}
.cardArea .cardList dt{
	margin-bottom: 12px;
}
}


/* clearfix
------------------------------------------------------ */
.cardArea:after,
#gecard .collaboSec01:after {
	content: "";
	display: block;
	clear: both;
}
#gecard .collaboSec01 {
	zoom: 1;
}