@charset "shift_jis";

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

/* ==================================
	common
================================== */
* {
	box-sizing:border-box;
}
.txtStrong01 {
    color: #e70012!important;
    font-weight: bold;
}

#pageTopBtn{
	z-index: 11;
}

/* ==================================
	layout
================================== */
#gecard .bgColor{
	background-color: #ffd9d9;
}
/*== header ================*/
#gecard #header #headerContents {
	width: 1000px;
}
/*== container ================*/

#gecard #mainContainer {
	background-color: #efefef;
	margin-top: 0;
	padding: 0 0 80px;
}
#gecard #mainContainer #mainContents {
 background-color: #fff;
 width: 1000px;
}
/*== footer ================*/
#gecard #footer {
	margin-top: 0;
	padding: 5px 0 25px;
}
/*== section ================*/
#gecard .mainContents_inner{
	background-color: #ffd9d9;
    padding-top: 20px;
	}
/* ge-visualWrap */
#gecard #mainContainer #ge-visualWrap {
	margin: 0 20px;
	padding: 28px 0;
	background-color: #fff;
}
/* ge-contentsSec */
#gecard .ge-sectionWrap {
	padding: 0 40px 50px;
}
#gecard .ge-contentsSec01 {
	margin-bottom: 30px;
}
/*カード券面/申し込みボタン*/
#gecard .ge-contentsSec .cardArea{
    width: 800px;
    margin: 0 auto;
}
#gecard .ge-contentsSec .cardArea .cardList{
	float: left;
}
/*カード2枚*/
#gecard .ge-contentsSec .cardArea.card2 .cardList {
	width: 360px;
	margin-right: 80px;
	text-align: center;
}
/*カード3枚*/
#gecard .ge-contentsSec .cardArea.card3 .cardList {
	width: 290px;
	margin-right: 25px;
	text-align: center;
}
/*カード4枚*/
#gecard .ge-contentsSec .cardArea.card4 .cardList {
	width: 220px;
	margin-right: 13px;
}
#gecard .ge-contentsSec .cardArea .cardList:last-child{
	margin-right: 0;
}
#gecard .ge-contentsSec .cardArea .cardList dt{
	margin-bottom: 26px;
}
#gecard .ge-contentsSec .cardArea .cardList dt img{
	width: 100%;
}
/*申し込みボタン*/
#gecard .ge-contentsSec .cardArea .cardList dd a{
	width:360px;
    display: inline-block;
    position: relative;
    padding:18px 50px 12px 30px;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
	background: #fb2d2d; 
    border-bottom: solid 4px #cc0b0b;
    border-radius:16px;
}
#gecard .ge-contentsSec .cardArea .cardList dd a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    height: 27px;
    width: 27px;
    margin-top: -13px;
    background: url(/gecard/news/img-files/045_os_osomatsusan2105_ic01.png) no-repeat 0 / 27px;
}
#gecard .ge-contentsSec .cardArea .cardList dd a:hover{
	border-bottom:0px;
	margin-top: 4px;
}
/* ==================================
	parts
================================== */

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

/* ge-heading01 */
#gecard .ge-heading01 {
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 3.2rem;
	font-size: 32px;
}
#gecard .ge-heading01 span {
	position: relative;
	display: inline-block;
	color: #e21e62;
}
#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;
	margin: 30px auto 0;
}
#gecard .ge-date span {
	display: table-cell;
	color: #333;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	
}
#gecard .ge-lead {
	font-size:24px;
	font-weight: bold;
	margin:0 auto;
	text-align: center;
	line-height: 1.4;
	padding:45px 0;
	width: 920px;
}
#gecard .ge-lead .note{
	display: block;
	font-size: 1.4rem;
	font-size:14px;
	font-weight: normal;
	margin-top: 20px;
	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;
}
/*== ge-sectionWrap_inner ================*/
#gecard .ge-sectionWrap_inner01{
	position: relative;
	z-index: 10;
}
#gecard .ge-sectionWrap_inner02{
	position: relative;
	margin: -52px 0 0;
}
#gecard .ge-sectionWrap_inner01 .linkArea{
	position: absolute;
	bottom: 100px;
	left: 132px;
}
#gecard .ge-sectionWrap_inner02 .linkArea{
	position: absolute;
	bottom: 40px;
	left: 244px;
}
#gecard .ge-sectionWrap_inner01 .linkArea .bnr,
#gecard .ge-sectionWrap_inner02 .linkArea .bnr{
	width: 300px;
	margin: 0 auto;
}
#gecard .ge-sectionWrap_inner01 .linkArea .bnr a:hover{
	opacity: 0.6;
}
#gecard .ge-sectionWrap_inner01 .linkArea .bnr a{
	display: block;
}
#gecard .ge-sectionWrap_inner02 .linkArea .bnr a{
	border:1px solid #dedede;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
	display: block;
}
#gecard .ge-sectionWrap_inner02 .linkArea .bnr a:hover{
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0);
}
#gecard .ge-sectionWrap_inner01 .linkArea .bnr img,
#gecard .ge-sectionWrap_inner02 .linkArea .bnr img{
	width: 100%;
}
#gecard .note01{
	font-size: 16px
}
#gecard .note01L{
	font-size: 18px
}
/*== img ================*/

/* ==================================
	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;
}
.txtLarge03{
font-size: 2.8rem;
font-size: 28px;
}

/*バナーエリア*/
.bnrArea img.pcOnly{
	display: block;
	margin: 0 auto;
}


/* ==================================
	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;
	}
	#gecard .mainContents_inner{
	background-color: #ffd9d9;
	}
	
	/*== section ================*/

	/* ge-visualWrap */
	#gecard #mainContainer #ge-visualWrap {
		padding: 20px 15px;
		margin: 0;
	}
	/* ge-contentsSec */
	#gecard .ge-sectionWrap {
		padding: 0 3% 2em;
	}
	#gecard .ge-sectionWrap.spWFull {
		padding: 0 0 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: 16px;
		line-height: 1.5;
	}
	#gecard .ge-heading01 span {
		font-size: 1.5rem;
		font-size: 15px;
		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{
		margin: 15px auto 0;
	}
	#gecard .ge-date span {
		font-size: 15px;
		padding: 7px 24px 5px;
	}
	#gecard .ge-lead {
		width: 100%;
		font-size: 18px;
		text-align: left;
		padding: 5% 0;
	}
	/*== img ================*/
	#gecard .ge-imgWrap {
		margin-bottom: 40px;
		text-align: center
	}
	/*== link ================*/
	/*カード券面/申し込みボタン*/
#gecard .ge-contentsSec .cardArea{
    width: 100%;
    margin: 0 auto;
	padding: 0;
}
#gecard .ge-contentsSec .cardArea .cardList{
	float: none;
}
#gecard .ge-contentsSec .cardArea.card2 .cardList,
#gecard .ge-contentsSec .cardArea.card3 .cardList,
#gecard .ge-contentsSec .cardArea.card4 .cardList {
	width: 100%;
	margin-right: 0;
	text-align: center;
}
#gecard .ge-contentsSec .cardArea .cardList dt{
	margin-bottom: 20px;
}
/*申し込みボタン*/
#gecard .ge-contentsSec .cardArea .cardList dd a{
	width:100%;
    display: inline-block;
    position: relative;
    padding:16px 40px 14px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    border-radius:8px;

}

#gecard .ge-contentsSec .cardArea .cardList dd a:after{
	content: "";
	position: absolute;
	top: 60%;
	right: 15px;
	height: 20px;
	width: 20px;
	margin-top: -14px;
	background: url(/gecard/news/img-files/041_e_movie2012_ic01.png) no-repeat 0 / 20px;
}
	
	#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*/
	#gecard .ge-contentsSec .cardArea .cardList{
		float: none;
		width:100%;
		margin: 0 0 30px;
	}
	#gecard .ge-contentsSec .cardArea .cardList:last-child{
		margin-right: 0;
	}
	#gecard .ge-contentsSec .cardArea .cardList dt{
		margin-bottom: 12px;
	}
	/*== ge-sectionWrap_inner ================*/
	#gecard .ge-sectionWrap_inner02{
		position: relative;
		margin: -48px 0 0;
	}
	#gecard .ge-sectionWrap_inner01 .linkArea{
		position: absolute;
		bottom: 100px;
		left: 0px;
		padding: 0 24px;
	}
	#gecard .ge-sectionWrap_inner02 .linkArea{
		position: absolute;
		bottom: 40px;
		left: 0px;
		padding: 0 24px;
	}
	#gecard .ge-sectionWrap_inner01 .linkArea .bnr,
	#gecard .ge-sectionWrap_inner02 .linkArea .bnr{
		width: 90%;
		margin: 0 auto;
	}
	#gecard .note01{
		font-size: 14px
	}
	#gecard .note01L{
		font-size: 16px
	}

}
/* ==================================
	Responsive max-width: 320px
================================== */

@media screen and (max-width: 320px) {
		#gecard .ge-sectionWrap_inner01 .linkArea{
			position: absolute;
			bottom: 70px;
			left: 0px;
			padding: 0 20px;
		}
		#gecard .ge-sectionWrap_inner02 .linkArea{
			position: absolute;
			bottom: 36px;
			left: 0px;
			padding: 0 20px;
		}
		#gecard .note01{
			font-size: 13px
		}
		#gecard .note01L{
			font-size: 15px
		}
}
/* clearfix
------------------------------------------------------ */
#gecard .ge-contentsSec .cardArea:after,
#gecard .collaboSec01:after {
	content: "";
	display: block;
	clear: both;
}
#gecard .collaboSec01 {
	zoom: 1;
}