@charset "shift_jis";
/* ======================================================
 * /common-files/css/cardlineup/cardlineup.css
 * ------------------------------------------------------
 * /cardlineup/index.html
 * Clearfix
====================================================== */


/* /cardlineup/index.html
------------------------------------------------------ */
body#cardlineup {
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
}
/* ----- lineupRec01 ----- */
body#cardlineup .lineupRec01 {
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}
body#cardlineup .lineupRec01.gps-loading:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/common-files/img/com_loader_ic01.gif) 50% 50% no-repeat #fffbe8;
	-webkit-background-size: 110px 130px;
	background-size: 110px 130px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 5px solid #ffffff;
	content: "";
}
body#cardlineup .lineupRec01.gps-loading .lineupEpocket {
	display: none;
}
body#cardlineup .lineupRec01 > a {
	display: block;
	padding: 9px 9px 10px 9px;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-bottom-width: 3px;
	color: #222222;
	text-decoration: none;
}
body#cardlineup .lineupRec01:hover {
	padding-top: 2px;
}
body#cardlineup .lineupRec01 > a:hover {
	border-bottom-width: 1px;
}
body#cardlineup .lineupRec01 > a:hover img {
	opacity: 0.7;
}
body#cardlineup .lineupRec01 .inner {
	padding: 35px 20px 30px 225px;
	background: #fffbe8;
}
body#cardlineup .lineupRec01 .lineupEpocket {
	position: absolute;
	top: -9px;
	left: 30px;
}
body#cardlineup .lineupRec01 > a:hover .lineupEpocket {
	top: -7px;
}
body#cardlineup .lineupRec01 > a:hover .lineupEpocket img {
	opacity: 1;
}
body#cardlineup .lineupRec01 .lineupLayout01 {
	padding-right: 55px;
	background: url(/img-files/top_lineup_ic02.png) 100% 50% no-repeat;
}
body#cardlineup .lineupRec01 .lineupLayout01 .cardImg {
	float: left;
	margin-right: 29px;
}
body#cardlineup .lineupRec01 .lineupLayout01.gps-check .cardImg {
	width: 240px;
	height: 152px;
}
body#cardlineup .lineupRec01 .lineupLayout01 .cardDetail {
	width: 610px;
	float: left;
}
body#cardlineup .lineupRec01 .cardDesc01 > dt,
body#cardlineup .lineupRec01 .gps-check .cardDesc01 > p {
	margin-bottom: 10px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
body#cardlineup .lineupRec01 .cardDesc01 > dt.recomIcon {
	padding-left: 88px;
	background: url(/img-files/top_lineup_ic01.png) 0 50% no-repeat;
}
body#cardlineup .lineupRec01 .cardDesc01 > dd {
	font-size: 16px;
	font-size: 1.6rem;
}
body#cardlineup .lineupRec01 .benefitDesc01 {
	display: table;
	margin-top: 20px;
	width: 100%;
}
body#cardlineup .lineupRec01 .benefitDesc01 > dt {
	display: table-cell;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	background: url(/img-files/top_lineup_tx01.gif) 0 0 no-repeat;
	vertical-align: middle;
}
body#cardlineup .lineupRec01 .benefitDesc01 > dd {
	display: table-cell;
	width: 570px;
	height: 45px;
	padding-left: 12px;
	background: #ffffff;
	border: 1px solid #9a6c15;
	border-left: none;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	color: #a5001e;
	vertical-align: middle;
}

/* ----- lineupCol4 ----- */
body#cardlineup .lineupCol1,
body#cardlineup .lineupCol3,
body#cardlineup .lineupCol4 {
	margin-top: 20px;
}
body#cardlineup .lineupCol1 > .col {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0 15px 15px;
	border: solid 1px #dddddd;
}
body#cardlineup .lineupCol3 > .col {
	float: left;
	width: calc((100% - 48px)/3);
	position: relative;
	margin-right: 24px;
	padding: 0 15px 15px;
	border: solid 1px #dddddd;
}
body#cardlineup .lineupCol4 > .col {
	float: left;
	width: 282px;
	position: relative;
	margin-right: 24px;
	padding: 0 15px 15px;
	border: solid 1px #dddddd;
}
body#cardlineup .lineupCol3 > .col:nth-child(3n),
body#cardlineup .lineupCol4 > .col:nth-child(4n) {
	margin-right: 0;
}
body#cardlineup .lineupCol1 > .col:nth-child(n+2),
body#cardlineup .lineupCol3 > .col:nth-child(n+4),
body#cardlineup .lineupCol4 > .col:nth-child(n+5) {
	margin-top: 20px;
}
body#cardlineup .lineupCol1 > .col.designCol,
body#cardlineup .lineupCol3 > .col.designCol,
body#cardlineup .lineupCol4 > .col.designCol {
	padding-bottom: 160px;
}
body#cardlineup .lineupCol1 > .col.new:after,
body#cardlineup .lineupCol3 > .col.new:after,
body#cardlineup .lineupCol4 > .col.new:after {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	display: block;
	width: 53px;
	height: 53px;
	background: url(/cardlineup/img-files/index_new_ic01.png) no-repeat 0 0;
}
body#cardlineup .lineupCol1 > .col .colTitle {
	display: table;
	width: calc(100% + 30px);
	height: 84px;
	margin: 0 -15px;
	padding: 10px;
	border-top: solid 2px #a5001e;
}
body#cardlineup .lineupCol3 > .col .colTitle {
	display: table;
	width: calc(100% + 30px);
	height: 84px;
	margin: 0 -15px;
	padding: 10px;
	border-top: solid 2px #a5001e;
}
body#cardlineup .lineupCol4 > .col .colTitle {
	display: table;
	width: 282px;
	height: 84px;
	margin: 0 -15px;
	padding: 10px;
	border-top: solid 2px #a5001e;
}
body#cardlineup .lineupCol1 > .col.designCol .colTitle,
body#cardlineup .lineupCol3 > .col.designCol .colTitle,
body#cardlineup .lineupCol4 > .col.designCol .colTitle {
	margin: 0 -16px;
	padding: 0;
	border-top: none;
}
body#cardlineup .lineupCol1 > .col.designCol .colTitle img {
	width: calc(100% - 2px);
}
body#cardlineup .lineupCol3 > .col.designCol .colTitle img {
	width: calc((100% - 48px)/3 - 2px);
}
body#cardlineup .lineupCol4 > .col.designCol .colTitle img {
	width: 280px;
}
body#cardlineup .lineupCol1 > .col .colTitle > a,
body#cardlineup .lineupCol3 > .col .colTitle > a,
body#cardlineup .lineupCol4 > .col .colTitle > a {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 0 20px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
body#cardlineup .lineupCol1 > .col .colTitle > span,
body#cardlineup .lineupCol3 > .col .colTitle > span,
body#cardlineup .lineupCol4 > .col .colTitle > span {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 0 20px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
body#cardlineup .lineupCol1 > .col .colTitle > a[target="_blank"]:after,
body#cardlineup .lineupCol3 > .col .colTitle > a[target="_blank"]:after,
body#cardlineup .lineupCol4 > .col .colTitle > a[target="_blank"]:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 11px;
	margin-top: -2px;
	margin-left: 3px;
	background: url(/common-files/img/com_blank_ic01.png) 0 0 no-repeat;
	vertical-align: middle;
}
body#cardlineup .lineupCol1 > .col .colTitle > a[href*=".pdf"]:after,
body#cardlineup .lineupCol3 > .col .colTitle > a[href*=".pdf"]:after,
body#cardlineup .lineupCol4 > .col .colTitle > a[href*=".pdf"]:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -2px;
	margin-left: 3px;
	background: url(/common-files/img/com_pdf_ic02.png) 0 0 no-repeat;
	vertical-align: middle;
}
body#cardlineup .lineupCol1 > .col.designCol .colTitle > a[target="_blank"]:after,
body#cardlineup .lineupCol3 > .col.designCol .colTitle > a[target="_blank"]:after,
body#cardlineup .lineupCol4 > .col.designCol .colTitle > a[target="_blank"]:after {
	display: none;
}
body#cardlineup .lineupCol1 > .col .cardImg,
body#cardlineup .lineupCol3 > .col .cardImg,
body#cardlineup .lineupCol4 > .col .cardImg {
	display: table;
	height: 120px;
	width: 100%;
	position: relative;
}
body#cardlineup .lineupCol1 > .col .cardImg.single img,
body#cardlineup .lineupCol3 > .col .cardImg.single img,
body#cardlineup .lineupCol4 > .col .cardImg.single img {
	width: 190px;
}
body#cardlineup .lineupCol1 > .col .cardImg.single.vertical img,
body#cardlineup .lineupCol3 > .col .cardImg.single.vertical img,
body#cardlineup .lineupCol4 > .col .cardImg.single.vertical img {
	width: auto;
	height: 190px;
}
body#cardlineup .lineupCol1 > .col.designCol .cardImg,
body#cardlineup .lineupCol3 > .col.designCol .cardImg,
body#cardlineup .lineupCol4 > .col.designCol .cardImg {
	height: 215px;
}
body#cardlineup .lineupCol1 > .col .cardImg a:hover,
body#cardlineup .lineupCol3 > .col .cardImg a:hover,
body#cardlineup .lineupCol4 > .col .cardImg a:hover {
	opacity: 0.7;
}
body#cardlineup .lineupCol1 > .col .cardImg.new,
body#cardlineup .lineupCol3 > .col .cardImg.new,
body#cardlineup .lineupCol4 > .col .cardImg.new a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
body#cardlineup .lineupCol1 > .col .cardImg.new a:before,
body#cardlineup .lineupCol3 > .col .cardImg.new a:before,
body#cardlineup .lineupCol4 > .col .cardImg.new a:before {
	position: absolute;
	display: block;
	top: 0;
	left: -3.2em;
	padding: 2px 5px;
	background: #d51036;
	font-weight: bold;
	color: #ffffff;
	content: "NEW";
}
body#cardlineup .lineupCol1 > .col .cardImg.vertical.new a:before,
body#cardlineup .lineupCol3 > .col .cardImg.vertical.new a:before,
body#cardlineup .lineupCol4 > .col .cardImg.vertical.new a:before {
	left: -4.0em;
}
body#cardlineup .lineupCol1 > .col .cardImg.campaign:after,
body#cardlineup .lineupCol3 > .col .cardImg.campaign:after,
body#cardlineup .lineupCol4 > .col .cardImg.campaign:after {
	content: "";
	position: absolute;
	bottom: -32px;
	left: 50%;
	display: block;
	width: 190px;
	height: 24px;
	margin-left: -95px;
	background: url(/cardlineup/img-files/index_ic02.png) no-repeat 0 0;
}

body#cardlineup .lineupCol1 > .col.designCol .cardImg.campaign:after,
body#cardlineup .lineupCol3 > .col.designCol .cardImg.campaign:after,
body#cardlineup .lineupCol4 > .col.designCol .cardImg.campaign:after {
	bottom: 0;
}
body#cardlineup .lineupCol1 > .col .cardImg.campaign02:after,
body#cardlineup .lineupCol3 > .col .cardImg.campaign02:after,
body#cardlineup .lineupCol4 > .col .cardImg.campaign02:after {
	content: "";
	position: absolute;
	bottom: -32px;
	left: 50%;
	display: block;
	width: 190px;
	height: 24px;
	margin-left: -95px;
	background: url(/cardlineup/img-files/index_ic03.png) no-repeat 0 0;
}

body#cardlineup .lineupCol1 > .col.designCol .cardImg.campaign02:after,
body#cardlineup .lineupCol3 > .col.designCol .cardImg.campaign02:after,
body#cardlineup .lineupCol4 > .col.designCol .cardImg.campaign02:after {
	bottom: 0;
}
body#cardlineup .lineupCol1 > .col .cardImg.campaign03:after,
body#cardlineup .lineupCol3 > .col .cardImg.campaign03:after,
body#cardlineup .lineupCol4 > .col .cardImg.campaign03:after {
	content: "";
	position: absolute;
	bottom: -32px;
	left: 50%;
	display: block;
	width: 190px;
	height: 24px;
	margin-left: -95px;
	background: url(/cardlineup/img-files/index_ic04.png) no-repeat 0 0;
}

body#cardlineup .lineupCol1 > .col.designCol .cardImg.campaign03:after,
body#cardlineup .lineupCol3 > .col.designCol .cardImg.campaign03:after,
body#cardlineup .lineupCol4 > .col.designCol .cardImg.campaign03:after {
	bottom: 0;
}
body#cardlineup .lineupCol1 > .col .cardImg > span,
body#cardlineup .lineupCol3 > .col .cardImg > span,
body#cardlineup .lineupCol4 > .col .cardImg > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


body#cardlineup .lineupCol1 > .col.designCol .designDetail,
body#cardlineup .lineupCol3 > .col.designCol .designDetail,
body#cardlineup .lineupCol4 > .col.designCol .designDetail {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px 15px 80px;
	background: #f2f2f2;
}
body#cardlineup .lineupCol1 > .col.designCol .designDetail .btnLink01,
body#cardlineup .lineupCol3 > .col.designCol .designDetail .btnLink01,
body#cardlineup .lineupCol4 > .col.designCol .designDetail .btnLink01 {
	margin: 0;
	position: absolute;
	width: 252px;
	left: 15px;
	bottom: 15px;
}
body#cardlineup .lineupCol1 > .col.designCol .designDetail .btnLink01 a,
body#cardlineup .lineupCol3 > .col.designCol .designDetail .btnLink01 a,
body#cardlineup .lineupCol4 > .col.designCol .designDetail .btnLink01 a {
	width: 100%;
}
body#cardlineup .lineupCardwrap[data-pc-reverse="true"] >:first-child {
	order: 2;
}
body#cardlineup .lineupCardwrap[data-pc-reverse="true"] >:nth-child(2) {
	order: 1;
}

/* lineupTable */
body#cardlineup .lineupTable {
	width: 100%;
	margin-top: 40px;
}
body#cardlineup .lineupTable th,
body#cardlineup .lineupTable td {
	padding: 4px 10px;
	border: solid 1px #ffffff;
	font-weight: normal;
}
body#cardlineup .lineupTable th {
	background: #e8e8e8;
	text-align: center;
}
body#cardlineup .lineupTable td {
	background: #f2f2f2;
	text-align: left;
}

/* privilege */

body#cardlineup .privilege {
	margin-top: 20px;
}
body#cardlineup .privilege > dt {
	padding: 3px 0 3px 35px;
	background: url(/cardlineup/img-files/index_ic01.png) no-repeat 0 0;
	color: #976302;
	font-weight: bold;
}
body#cardlineup .privilege > dd {
	font-weight: bold;
}

/*cardLink*/

body#cardlineup .cardLinkWrap {
	padding-top: 50px;
}
body#cardlineup .cardLinkWrap .cardLink {
	margin: 0 auto 20px;
}
body#cardlineup .cardLinkWrap .cardLink li {
	float: left;
	margin: 0 1% 2%;
	width: 23%;
}
body#cardlineup .cardLinkWrap .cardLink li a {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 35px 30px;
	background: #ffffff;
	border: solid 2px #dbdbdb;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	color: #000000;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
body#cardlineup .cardLinkWrap .cardLink li a .img {
	height: 110px;
	margin-top: 34px;
}
body#cardlineup .cardLinkWrap .cardLink li a:after {
	position: absolute;
	content: "";
	width: 22px;
	height: 22px;
	top: 50%;
	right: 10px;
	background: url(/common-files/img/com_btn_ic13.png) no-repeat 0 0;
	background-size: 22px auto;
	margin-top: -11px;
}


/* end */
.end{
	position:relative;
}
.end>*:first-child {
	margin-top:0;
}
.end .endTextBox{
	display:table; width:100%; height: 100%;
			}
.end .endText{
	display:table-cell; 
	width:100%;
	height: 100%; 
	vertical-align: middle; 
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
}
.end .endbox{
		position:absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height:100%; 
		background: rgba(255,255,255,0.7);    
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*lineup-heading*/
body#cardlineup .lineup-heading01{
	font-weight: bold;
	font-size: 32px;
	font-size: 3.2rem;
}

body#cardlineup .lineup-heading02--wrap{
	position: relative;
	min-height: auto;
	margin: 70px 0 60px;
	padding-left: 50px;
	text-align: left;
}
body#cardlineup .lineup-heading02--wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 100%;
}
body#cardlineup .lineup-heading02--wrap.standard::before {
	background-color: #d5d5d5;
}
body#cardlineup .lineup-heading02--wrap.business::before {
	background-color: #0268CC;
}
body#cardlineup .lineup-heading02--wrap.gecard::before {
	background-color: #efc500;
}
body#cardlineup .lineup-heading02--wrap.sustainable::before {
	background-color: #7ec150;
}
body#cardlineup .lineup-heading02--wrap.facility::before {
	background-color: #c1875f;
}
body#cardlineup .lineup-heading02--wrap.onlyone::before {
	background-color: #fa807c;
}
body#cardlineup .lineup-heading02--wrap .lineup-heading02--title{
	display: inline-block;
	font-weight: bold;
	font-size: 34px;
	font-size: 3.4rem;
}
/*lineupCardwrap*/
body#cardlineup .lineupCardwrap {
	display: flex;
	flex-flow: row wrap;
	position: relative;
}
body#cardlineup .lineupCard {
	position: relative;
	margin-right: 30px;
	padding: 10px 10px 70px;
	width: calc(100% / 3 - 20px);
	border-top: 2px solid #008191;
	background-color: #fff;
	box-shadow: 0px 3px 16px 4px rgba(0, 0, 0, 0.05),inset 0px 2px 0px 0px rgba(69, 170, 185, 0.004);
	color: inherit;
	text-decoration: none;
	transition: 0.3s all ease-out;
}
body#cardlineup .lineupCard:hover {
	opacity: 0.7;
}
body#cardlineup .lineupCardwrap.is-animation .lineupCard {
	opacity: 1;
	animation-name: fadeInOut;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
body#cardlineup .lineupCard.is-new {
	position: relative;
}
body#cardlineup .lineupCard.is-new::before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 0;
	height: 0;
	border-top: 50px solid #008191;
	border-right: 50px solid transparent;
}
body#cardlineup .lineupCard.is-new::after {
	content: 'NEW';
	position: absolute;
	top: 10px;
	left: 5px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	transform: rotate(-45deg);
}
body#cardlineup .lineupCard:nth-of-type(3n) {
	margin-right: 0!important;
}
body#cardlineup .lineupCard:nth-of-type(n+4) {
	margin-top: 40px;
}
body#cardlineup .lineupCard .lineupCardTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 80px;
	text-align: center;
}
body#cardlineup .lineupCard .lineupCardTitle .lineupCardTitleText {
	font-size: 2.4rem;
	font-weight: bold;
}
body#cardlineup .lineupCard .lineupCardTitle .lineupCardTitleText .small {
	font-size: 1.8rem;
}
body#cardlineup .lineupCard .lineupCardTitle .lineupCardTitleText .twoLine {
	display: none;
}
body#cardlineup .lineupCard .lineupCardImage {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 240px;
	margin: 20px auto 0!important;
}
body#cardlineup .lineupCardwrap .lineupCardImage[data-ticket="2"] {
	max-width: 320px;
}
body#cardlineup .lineupCard .lineupCardImage.lineupCardMedia {
	max-width: 320px;
}
body#cardlineup .lineupCard .lineupCardImage[data-direction="vertical"] {
	max-width: 152px;
}
body#cardlineup .lineupCard .lineupCardImage figure figcaption {
	text-align: right;
	font-size: 1rem;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="row"] {
	display: flex;
	flex-flow: row wrap;
	margin-top: 10px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] {
	display: block;
	margin-top: 10px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="row"] .lineupCardMediaHead {
	flex-shrink: 0;
	width: 37%;
	margin-left: 1%;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] .lineupCardMediaHead {
	text-align: center;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="row"] .lineupCardMediaBody {
	width: 62%;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="row"] .lineupCardMediaBody[data-align="middle"] {
	display: flex;
	align-items: center;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="row"] .lineupCardMediaImage {
	margin-right: 20%;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] .lineupCardMediaImage {
	max-width: 240px;
	margin: 0 auto;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] .lineupCardMediaImage[data-ticket="2"] {
	max-width: 320px;
	margin: 0 auto;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] .lineupCardMediaBody {
	width: 100%;
	margin-top: 13px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] .lineupCardMediaBody:not(.alC) {
	padding: 0 28px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"][data-card="heral"] .lineupCardMediaHead {
	padding-top: 30px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"][data-card="heral"] .lineupCardMediaBody {
	margin-top: 60px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"][data-card="minden"] .lineupCardMediaBody {
	margin-top: 40px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"][data-card="paralyn"] .lineupCardMediaHead {
	padding-top: 30px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"][data-card="paralyn"] .lineupCardMediaBody {
	margin-top: 63px;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="row"] .lineupCardMediaText {
	font-size: 1.6rem;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] .lineupCardMediaText02 {
	font-size: 1.6rem;
}
body#cardlineup .lineupCard .lineupCardMedia[data-media="col"] .lineupCardMediaText {
	margin-top: 20px;
	font-size: 1.6rem;
}
body#cardlineup .lineupCard .lineupCardMedia .lineupCardMediaList > li {
	position: relative;
	padding-left: 14px;
	font-size: 1.6rem;
}
body#cardlineup .lineupCard .lineupCardMedia .lineupCardMediaList > li + li {
	margin-top: 10px;
}
body#cardlineup .lineupCard .lineupCardMedia .lineupCardMediaList > li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 5px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #222;
}
body#cardlineup .lineupCard .lineupCardBoxWrap {
	margin-top: 40px;
}
body#cardlineup .lineupCard .lineupCardBoxWrap .lineupCardBox {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
body#cardlineup .lineupCard .lineupCardBox >:first-child,
body#cardlineup .lineupCard .lineupCardBox > .lineupCardBoxItem[data-width="half"]:nth-child(2) {
	margin-top: 0!important;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxItem {
	display: flex;
	width: 100%;
	min-height: 67px;
	margin-top: 7px;
	padding: 10px 6px;
	border: 2px solid #008191;
	border-radius: 10px;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxItem.privilegeBox {
	min-height: 90px;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxItem[data-align="middle"] {
	align-items: center;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxItem.type-benefits {
	display: block;
	width: 100%;
	min-height: 212px;
	padding: 10px 15px;
	border: 2px solid #008191;
	border-radius: 10px;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxItem[data-width="half"] {
	width: calc(50% - 5px);
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxIcon {
	flex-shrink: 0;
	width: 14%;
	margin-right: 2%;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxIcon[data-icon="min"] {
	flex-shrink: 0;
	width: 9%;
	margin-right: 5%;
	margin-left: 2%;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxItem[data-width="half"] .lineupCardBoxIcon {
	width: 24%;
	margin-right: 5%;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxText {
	margin-top: 5px;
	font-size: 1.4rem;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxTextWrap >:first-child {
	margin-top: 0!important;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxText .lineupCardBoxTextColor {
	color: #008191!important;
}

body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxText .lineupCardBoxTextSmall {
	font-size: 1.2rem!important;
	line-height: 1!important;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxText .lineupCardBoxTextLarge {
	font-size: 2.2rem!important;
	line-height: 1!important;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxNoteText {
	position: relative;
	font-size: 1.2rem;
	padding-left: 10px;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxNoteText .mark {
	position: absolute;
	top: 0;
	left: 0;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxNoteText02 {
	position: relative;
	font-size: 1.2rem;
	margin-top: 5px;
	padding-left: 10px;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxNoteText02.type-red {
	color: #ff0000!important;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxNoteText02 .mark {
	position: absolute;
	top: 0;
	left: 0;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxList {
	margin-top: 5px;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxList > li {
	position: relative;
	padding-left: 10px;
	font-size: 1.4rem;
}
body#cardlineup .lineupCard .lineupCardBox .lineupCardBoxList > li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 5px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #222;
}
body#cardlineup .lineupCardLink {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: fit-content;
	padding-right: 32px;
	text-align: right;
	font-size: 2rem;
	color: #008191;
	text-decoration: underline;
	background: url("/cardlineup/img-files/com_ic09.png") no-repeat right 50% / 24px 24px;
}
body#cardlineup .lineupCard:hover .lineupCardLink {
	text-decoration: none;
}
body#cardlineup .lineupCardBoxtitle {
	position: relative;
	padding-left: 30px;
	font-size: 1.4rem;
	font-weight: bold
}
body#cardlineup .lineupCardBoxtitle::before {
	content: '';
	position: absolute;
	top: -4px;
	left: 0;
	width: 17px;
	height: 23px;
	background: url("/cardlineup/img-files/com_ic14.png") no-repeat;
}
body#cardlineup .lineupCardBoxOrderList {
	margin-top: 10px;
}
body#cardlineup .lineupCardBoxOrderList li {
	position: relative;
	padding-left: 25px;
	font-size: 1.4rem;
}
body#cardlineup .lineupCardBoxOrderList li + li {
	margin-top: 10px;
}
body#cardlineup .lineupCardBoxOrderList li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}
body#cardlineup .lineupCardBoxOrderList li:nth-of-type(1)::before {
	background: url("/cardlineup/img-files/com_ic11.png") no-repeat;
}
body#cardlineup .lineupCardBoxOrderList li:nth-of-type(2)::before {
	background: url("/cardlineup/img-files/com_ic12.png") no-repeat;
}
body#cardlineup .lineupCardBoxOrderList li:nth-of-type(3)::before {
	background: url("/cardlineup/img-files/com_ic13.png") no-repeat;
}
body#cardlineup .lineupCardBoxOrderList li .lineupCardBoxOrderListColor01 {
	color: #008191!important;
}
/*columnChange*/
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCard {
	width: calc(25% - 9px);
	margin-right: 12px;
	padding-top: 25px;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCard:nth-of-type(3n) {
	margin-right: 12px!important;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCard:nth-of-type(4n) {
	margin-right: 0!important;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCard:nth-of-type(4) {
	margin-top: 0 !important;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCard:nth-of-type(n+5) {
	margin-top: 40px !important;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardTitle .lineupCardTitleText {
	font-size: 2.2rem;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardTitle .small {
	font-size: 1.6rem;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardTitle .lineupCardTitleText .twoLine {
	display: block;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardTitle .lineupCardTitleText .twoLine {
	display: block;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia[data-media="row"] {
	display: block;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia[data-media="row"] .lineupCardMediaHead {
	width: 100%;
	margin-left: 0;
	text-align: center;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 240px;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia[data-media="row"] .lineupCardMediaImage {
	display: flex;
	max-width: 263px;
	margin: 0 auto;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia .lineupCardMediaImage[data-direction="vertical"] {
	max-width: 152px;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardImage {
	min-height: 240px;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardImage[data-ticket="2"] {
	display: flex;
	max-width: 264px;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia .lineupCardMediaBody {
	display: none!important;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia .lineupCardMediaImage[ data-ticket="2"] {
	display: flex;
	max-width: 264px;
	max-height: 240px;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardMedia[data-media="col"] .lineupCardMediaImage[data-ticket="2"] {
	max-width: 264px;
	max-height: 240px;
	margin: 0 auto;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardBoxWrap {
	display: none!important;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardLink {
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
body#cardlineup .lineupCardwrap.lineup-columnChange .lineupCardLink a {
	margin-left: 25px;
	font-size: 2rem;
}
/*lineup-nav--wrap*/
body#cardlineup .lineup-nav--wrap{
	margin-top: 35px;
}
body#cardlineup ul.lineup-nav{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row wrap;
	overflow: hidden;
}
body#cardlineup ul.lineup-nav > li{
	margin-right: 20px;
}
@media screen and (min-width: 751px) {
	body#cardlineup ul.lineup-nav > li.lineup-nav_separate{
		margin-right: 70px;
	}
}
body#cardlineup ul.lineup-nav > li:last-child{
	margin-right: 0;
}
body#cardlineup ul.lineup-nav .lineup-nav_button{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-flow: row wrap;
	width: 175px;
	height: 160px;
	margin: 0 0 4px;
	border-radius: 10px;
	border: 2px solid #999999;
	box-shadow: 0 4px 0 0 #999999;
	padding: 0;
	background: no-repeat left 50% top 16px/138px auto;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.4;
	color: #444444;
}
body#cardlineup ul.lineup-nav .lineup-nav_button .small{
	font-size: 0.8em;
}
body#cardlineup ul.lineup-nav .lineup-nav_button .small.block{
	display: block;
	width: 100%;
}
body#cardlineup ul.lineup-nav .lineup-nav_button:hover{
	margin: 4px 0 0;
	box-shadow: 0 -4px 0 0 #999999;
}
body#cardlineup ul.lineup-nav .lineup-nav_button:active,
body#cardlineup ul.lineup-nav .lineup-nav_button.on{
	margin: 4px 0 0;
	border-color: #dddddd;
	box-shadow: 0 -4px 0 0 #999999;
	background-color: #dddddd;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.all_card{
	border-color: #008191;
	box-shadow: 0 4px 0 0 #008191;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.1;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.all_card:hover{
	box-shadow: 0 -4px 0 0 #008191;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.all_card:active,
body#cardlineup ul.lineup-nav .lineup-nav_button.all_card.on{
	border-color: #45a2b0;
	box-shadow: 0 -4px 0 0 #008191;
	background-color: #45a2b0;
	color: #ffffff;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.all_card .small{
	font-size: 0.8em;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.standard{
	border-color: #96cdd5;
	box-shadow: 0 4px 0 0 #669999;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.standard:hover{
	box-shadow: 0 -4px 0 0 #669999;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.standard:active,
body#cardlineup ul.lineup-nav .lineup-nav_button.standard.on{
	border-color: #96cdd5;
	box-shadow: 0 -4px 0 0 #669999;
	background-color: #96cdd5;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.like{
	border-color: #efc500;
	box-shadow: 0 4px 0 0 #EEBE00;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.like:hover{
	box-shadow: 0 -4px 0 0 #EEBE00;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.like:active,
body#cardlineup ul.lineup-nav .lineup-nav_button.like.on{
	border-color: #efc500;
	box-shadow: 0 -4px 0 0 #EEBE00;
	background-color: #efc500;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.contribution{
	border-color: #7ec150;
	box-shadow: 0 4px 0 0 #649940;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.contribution:hover{
	box-shadow: 0 -4px 0 0 #649940;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.contribution:active,
body#cardlineup ul.lineup-nav .lineup-nav_button.contribution.on{
	border-color: #7ec150;
	box-shadow: 0 -4px 0 0 #649940;
	background-color: #7ec150;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.online{
	border-color: #ff7b7b;
	box-shadow: 0 4px 0 0 #d45858;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.online:hover{
	box-shadow: 0 -4px 0 0 #d45858;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.online:active,
body#cardlineup ul.lineup-nav .lineup-nav_button.online.on{
	border-color: #ff7b7b;
	box-shadow: 0 -4px 0 0 #d45858;
	background-color: #ff7b7b;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.shop{
	border-color: #c1875f;
	box-shadow: 0 4px 0 0 #a06e4c;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.shop:hover{
	box-shadow: 0 -4px 0 0 #a06e4c;
}
body#cardlineup ul.lineup-nav .lineup-nav_button.shop:active,
body#cardlineup ul.lineup-nav .lineup-nav_button.shop.on{
	border-color: #c1875f;
	box-shadow: 0 -4px 0 0 #a06e4c;
	background-color: #c1875f;
}
/*cardlineup-nav--wrap*/
body#cardlineup .cardlineup-nav--wrap{
		margin-top: 35px;
	}
body#cardlineup .cardlineup-nav{
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-flow: row wrap;
	width: 175px;
	height: 175px;
	margin: 0 0 4px;
	background-color: #fff;
	border-radius: 10px;
	border: 2px solid;
	padding: 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 2rem;
	color: #444;
	line-height: 1.4;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button:hover{
	margin-top: 4px;
	margin-bottom: -4px;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.on{
	margin-top: 4px;
	margin-bottom: -4px;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button:not(.all_card){
	padding-top: 100px;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.all_card{
	border-color: #008191;
	box-shadow: 0 4px 0 0 #008191;
	font-size: 2.4rem;
	line-height: 1.1;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.all_card.on{
	border-color: #45a2b0;
	background: #45a2b0;
	box-shadow: 0 -4px 0 0 #008191;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button.all_card:hover{
	box-shadow: 0 -4px 0 0 #008191;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.standard{
	background: url(/cardlineup/img-files/com_ic02.png) no-repeat #fff top 26px center / 126px;
	border-color: #999999;
	box-shadow: 0 4px 0 0 #999999;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.standard.on{
	background: url(/cardlineup/img-files/com_ic02_on.png) no-repeat #999999 top 26px center / 126px;
	box-shadow: 0 -4px 0 0 #999999;
	color: #fff;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button.standard:hover{
	box-shadow: 0 -4px 0 0 #999999;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.gecard{
	background: url(/cardlineup/img-files/com_ic01.png) no-repeat #fff top 28px center / 71px;
	border-color: #EEBE00;
	box-shadow: 0 4px 0 0 #EEBE00;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.gecard.on{
	background: url(/cardlineup/img-files/com_ic01_on.png) no-repeat #EEBE00 top 28px center / 71px;
	box-shadow: 0 -4px 0 0 #EEBE00;
	color: #fff;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button.gecard:hover{
	box-shadow: 0 -4px 0 0 #EEBE00;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.business{
	background: url(/cardlineup/img-files/com_ic03.png) no-repeat #fff top 29px center / 64px;
	border-color: #0268CC;
	box-shadow: 0 4px 0 0 #0268CC;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.business.on{
	background: url(/cardlineup/img-files/com_ic03_on.png) no-repeat #0268CC top 29px center / 64px;
	box-shadow: 0 -4px 0 0 #0268CC;
	color: #fff;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button.business:hover{
	box-shadow: 0 -4px 0 0 #0268CC;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.facility{
	background: url(/cardlineup/img-files/com_ic05.png) no-repeat #fff top 30px center / 49px;
	border-color: #a06e4c;
	box-shadow: 0 4px 0 0 #a06e4c;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.facility.on{
	background: url(/cardlineup/img-files/com_ic05_on.png) no-repeat #a06e4c top 30px center / 49px;
	box-shadow: 0 -4px 0 0 #a06e4c;
	color: #fff;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button.facility:hover{
	box-shadow: 0 -4px 0 0 #a06e4c;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.sustainable{
	background: url(/cardlineup/img-files/com_ic04.png) no-repeat #fff top 29px center / 60px;
	border-color: #649940;
	box-shadow: 0 4px 0 0 #649940;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.sustainable.on{
	background: url(/cardlineup/img-files/com_ic04_on.png) no-repeat #649940 top 29px center / 60px;
	box-shadow: 0 -4px 0 0 #649940;
	color: #fff;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button.sustainable:hover{
	box-shadow: 0 -4px 0 0 #649940;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.onlyone{
	background: url(/cardlineup/img-files/com_ic17.png) no-repeat #fff top 24px center / 77px;
	border-color: #d45858;
	box-shadow: 0 4px 0 0 #d45858;
}
body#cardlineup .cardlineup-nav .cardlineup-nav_button.onlyone.on{
	background: url(/cardlineup/img-files/com_ic17_on.png) no-repeat #d45858 top 24px center / 77px;
	box-shadow: 0 -4px 0 0 #d45858;
	color: #fff;
}
body#cardlineup .cardlineup-nav a.cardlineup-nav_button.onlyone:hover{
	box-shadow: 0 -4px 0 0 #d45858;
}
/* ----- changeBtn ----- */
body#cardlineup .lineup-changeBtnWrap {
	position: relative;
	margin-top: 40px;
	text-align: right;
}
body#cardlineup .lineup-heading02--wrap + .lineup-changeBtnWrap {
	margin-top: -60px;
}
body#cardlineup .lineup-changeBtnWrap + .lineupCardwrap {
	margin-top: 20px !important;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtnBubble {
	position: absolute;
	bottom: 50px;
	right: 2px;
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #c8e9ef;
	font-size: 1.8rem;
	text-align: left;
	animation-name: fadeDownAnime;
	animation-duration: 5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtnBubble::before {
	content: '';
	position: absolute;
	bottom: -8px;
	right: 27px;
	width: 0;
	height: 0;
	border-top: 8px solid #c8e9ef;
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn {
	display: flex;
	justify-content: flex-end;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnOneLine {
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px;
	border-right: 1px solid #bfbfbf;
	font-size: 0;
	text-indent: -9999px;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnOneLine span,
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnTwoLine span {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #bfbfbf;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnOneLine.is-active span,
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnTwoLine.is-active span {
	background-color: #45a2b0;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnTwoLine {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	padding: 5px;
	font-size: 0;
	text-indent: -9999px;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnTwoLine::before,
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnTwoLine::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 4px;
	top: 50%;
	left: 0;
	right: 0;
	margin: -2px auto 0;
	background-color: #fff;
}
body#cardlineup .lineup-changeBtnWrap .lineup-changeBtn .lineup-changeBtnTwoLine::after {
	transform: rotate(90deg);
}
body#cardlineup .cardlineup-allBtn {
	margin-top: 41px;
}
body#cardlineup .cardlineup-allBtn .cardlineup-allBtnText {
	width: 600px;
	font-size: 2.4rem;
	color: #444;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 80px;
	padding: 5px 60px;
	box-shadow: 0 -4px 0 0 #008191;
	border-radius: 40px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	background-color: #45a2b0;
}
body#cardlineup .cardlineup-allBtn.type02 .cardlineup-allBtnText {
	width: 600px;
	font-size: 2.4rem;
	color: #444;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 80px;
	padding: 5px 60px;
	border: 2px solid #008191;
	box-shadow: 0 4px 0 0 #008191;
	border-radius: 40px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 auto;
	background-color: #fff;
}
body#cardlineup .cardlineup-allBtn.type02 .cardlineup-allBtnText:hover {
	transform: translateY(3px);
	box-shadow: 0 -4px 0 0 #008191;
	background-color: #45a2b0;
	border: none;
}
@keyframes fadeDownAnime{
	0% {
		opacity: 0;
		transform: translateY(-100px);
	}
	20% {
		opacity: 1;
		transform: translateY(0px);
	}
	80% {
		opacity: 1;
		transform: translateY(0px);
	}
	99% {
		bottom: 50px;
		opacity: 0;
		transform: translateY(-100px);
	}
	100% {
		bottom: 9999px;
	}
}
@keyframes fadeInOut{
	0% {
		opacity: 1;
	}
	25% {
		opacity: 0;
	}
	75% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* ----- cardLineupBtn ----- */
body#cardlineup .cardLineupBtnWrap {
	display: flex;
	flex-flow: row wrap;
	margin-top: 20px;
}
body#cardlineup .cardLineupBtn {
	width: calc(50% - 10px);
}
body#cardlineup .cardLineupBtn:nth-of-type(2n+1) {
	margin-right: 20px;
}
body#cardlineup .cardLineupBtn:nth-of-type(n+3) {
	margin-top: 15px;
}
body#cardlineup .cardLineupBtn a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 20px 40px 20px 30px;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	color: #4c4c4c;
	text-decoration: none;
}
body#cardlineup .cardLineupBtn a:hover {
	opacity: 0.7;
}
body#cardlineup .cardLineupBtn a::before {
	content: '';
	position: absolute;
	right: 7px;
	bottom: 8px;
	width: 24px;
	height: 24px;
	background: url("/common-files/card-img/cardlineup/com_ic01.png") no-repeat;
}
body#cardlineup .cardLineupBtn .cardLineupBtnHead {
	width: 60%;
	margin-right: 6%;
}
body#cardlineup .cardLineupBtn .cardLineupBtnBody {
	width: 34%;
	text-align: center;
}
body#cardlineup .cardLineupBtn .cardLineupBtnLeadText {
	font-size: 3rem;
	font-weight: bold;
	color: #008191;
}
body#cardlineup .cardLineupBtn .cardLineupBtnText {
	font-size: 2rem;
}
body#cardlineup .cardLineupBtn02 {
	width: 800px;
	margin: 40px auto 0;
}
body#cardlineup .cardLineupBtn02 a {
	display: block;
	position: relative;
	padding: 15px 70px;
	background-color: #e0bd3b;
	border-bottom: 4px solid #765d00;
	border-radius: 10px;
	font-size: 3rem;
	text-align: center;
	line-height: 1.1;
	font-weight: bold;
	color: #4c4c4c;
	text-decoration: none;
}
body#cardlineup .cardLineupBtn02 a .small {
	font-size: 2.6rem;
}
body#cardlineup .cardLineupBtn02 a:hover {
	margin-top: 43px;
	border-bottom: 1px solid #765d00;
}
body#cardlineup .cardLineupBtn02 a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 30px;
	width: 29px;
	height: 29px;
	margin-top: -14.5px;
	background: url("/common-files/card-img/cardlineup/com_ic02.png") no-repeat;
}
body#cardlineup .cardLineupLead {
	margin-top: 80px;
	font-size: 3.4rem;
	font-weight: bold;
}
body#cardlineup .applicationMethodWrap {
	display: none;
	margin-top: 20px;
}
body#cardlineup .applicationMethodImage {
	width: 600px;
	margin: 20px auto 0;
}
/* Clearfix
------------------------------------------------------ */
body#cardlineup .lineupLayout01:after,
body#cardlineup .lineupCol1:after,
body#cardlineup .lineupCol3:after,
body#cardlineup .lineupCol4:after,
body#cardlineup .cardLinkWrap:after,
body#cardlineup .cardLinkWrap .cardLink:after {
	content: "";
	display: block;
	clear: both;
}

body#cardlineup .lineupLayout01,
body#cardlineup .lineupCol1,
body#cardlineup .lineupCol3,
body#cardlineup .lineupCol4,
body#cardlineup .cardLinkWrap,
body#cardlineup .cardLinkWrap .cardLink{
	zoom: 1;
}