@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/fatesn/fatesn.css
 * ------------------------------------------------------
 * - header
 * - layout
 * - footer
 * - module
 * - component
 * - @media query:max-width: 750px
 * Clearfix
 * Opening Animation
====================================================== */
/* header
------------------------------------------------------ */
#fsn-header {
	background: #321f3d;
}
#fsn-headerLogo {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 7px 30px 7px;
}
#fsn-headerLogo img {
	width: 294px;
}
/* news
------------------------------------------------------ */
.newsBox {
	margin: 10px auto;
	width: 1140px;
	height: 150px;
	overflow-y: hidden;
	color: #222222;
}
.newsBox .newsHdg {
	padding: 9px 0 10px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #b962c3;
	line-height: 1.0;
	text-align: left;
}
.newsBox .content {
	overflow: auto;
	position: relative;
	padding: 5px 0 10px;
	height: 112px;
	background-color: rgb(0, 0, 0, 0.4);
}
.newsBox .contentbox {
	padding: 15px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.newsBox .contentbox li {
	display: table;
	margin-bottom: 10px;
	color: #fff;
}
.newsBox .contentbox li .date {
	display: table-cell;
	width: 140px;
	text-align: center;
}
.newsBox .contentbox li .txt {
	display: table-cell;
	text-align: left;
}
.newsBox .contentbox li a, .newsBox .contentbox li a .txt, .newsBox .contentbox li a:visited, .newsBox .contentbox li a:hover {
	text-decoration: underline;
	color: #635044;
}
.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container {
	margin-right: 15px;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
	margin: 6px 0;
}
.newsBox .mCS-my-theme.mCSB_scrollTools {
	width: 9px;
	background-color: inherit;
	margin: 0px 2px 5px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
	width: 9px;
	background-color: #502881;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 9px;
	margin: 2px 0;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0px;
	right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp, .newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown {
	width: 9px;
	height: 6px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 6px;
	top: 0;
	left: 0;
	background: url("/gecard/fatesn/img-files/fatesn_ic05.png") no-repeat center/100%;
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before {
	position: absolute;
	content: "";
	width: 9px;
	height: 6px;
	bottom: 0;
	left: 0;
	transform: rotate(180deg);
	background: url("/gecard/fatesn/img-files/fatesn_ic05.png") no-repeat center/100%;
}
/* layout
------------------------------------------------------ */
#mainContainer {
	margin-top: 0;
}
#mainContents {
	width: auto;
	margin: 0;
	padding-bottom: 5px;
	background: url(/gecard/fatesn/img-files/fatesn_bg01.png) 0 0 repeat;
}
.fsn-contentsWrap {
	position: relative;
	width: 1200px;
	margin: 0 auto 0;
	padding: 0 30px 55px;
	z-index: 1;
}
.fsn-contentsWrap.type-bonus .fsn-privilege{
	margin-top: 8px;
}
.fsn-contentsWrap02 .fsn-section01 {
	width: 1140px;
	margin: 0px auto 0;
	padding: 60px 0;
}
.fsn-contentsWrap02 #anc03.fsn-section01 {
	padding: 40px 0 70px;
}
.fsn-contentsWrap03{
	margin-top: 60px;
}
.fsn-shadowText {
	margin-top: -2.5em;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
}
.fsn-strong01 {
	font-weight: bold;
	color: #ff2b2b;
}
/* news
------------------------------------------------------ */
.news {
	text-align: center;
}
.news a {
	display: block;
	overflow: hidden;
	padding: 15px 0 20px;
	color: #ffffff;
}
.news a:hover {
	opacity:0.6;
}
.news a span {
	display: block;
	font-size: 2px;
	font-size: 2rem;
	font-weight: bold
}

/* footer
------------------------------------------------------ */
#fsn-footer {
	padding: 20px 0;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	background: #321f3d;
}
#copyright {
	text-align: center;
}
/* module
------------------------------------------------------ */
/* zizen */
.fsn-zizenTxt{
	display: table;
	width: 100%;
	height: 132px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.fsn-zizenTxt span{
	display: table-cell;
	vertical-align: middle;
}
.fsn-zizenNote{
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 30px;
	margin-bottom: 90px;
}
/* ------------------------------------------------------ */

.section03.typeLast {
	margin-top: 35px !important;
	margin-bottom: 35px;
}
.section03.typeLast .colLayout {
	margin-top: 15px;
}
.fsn-headImg03 img{
	width: 548px;
}
.fsn-cb-inline:after {
	display: none;
}
.fsn-txtM {
	margin-top: 5px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
.fsn-txtL {
	font-size: 20px;
	font-size: 2.0rem;
}
.fsn-section01 {
	margin-top: 115px;
}
.fsn-inner01,
.fsn-inner02 {
}
.fsn-inner01 .fsn-flow {
	margin-top: 35px;
}
.fsn-inner02 figure {
	margin-top: 20px;
	text-align: center;
}
.fsn-inner02--typePrica{
	margin-bottom: 80px;
}
.fsn-inner02 .section03 + .section03 {
	margin-top: 95px !important;
}
.fsn-inner02 .section03 {
	margin-top: 10px !important;
}
.fsn-inner02 .section03 h3 {
	padding-bottom: 30px;
	margin-bottom: 25px;
	background: url(/gecard/fatesn/img-files/fatesn_bg07.png) no-repeat 50% 100%;
}
.fsn-hdg01 {
	position: relative;
	padding: 20px 0 8px;
	text-align: center;
}
.fsn-hdg01__btn {
	width: 100%;
	position: absolute;
	bottom: 34px;
	text-align: center;
}
.fsn-hdg01__btn a {
	width: auto;
	display: inline-block;
	border-bottom: 2px solid #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.fsn-hdg01__btn a:hover {
	margin-top: 2px;
	border-bottom-width: 0;
}
.fsn-hdg01__btn a span {
	display: block;
	border: 2px solid #add8fa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.fsn-hdg02 {
	margin-bottom: 15px;
	text-align: center;
}
.fsn-hdg02.type01 {
	margin-top: 30px;
	margin-bottom: 0;
}
.fsn-note01 {
	margin-top: 1.0em;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
}
.fsn-btn01 {
	margin-top: 25px;
	text-align: center;
}
.fsn-btn01 a:hover img {
	opacity: 0.7;
}
.applyBtnChange {
	display: none;
}
.fsn-btn02 {
	margin-top: 15px;
}
.fsn-btn02 a {
	position: relative;
	display: inline-block;
	min-width: 240px;
	background: #ffffff;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	border-bottom: solid 3px #b38d62;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.fsn-btn02 a:hover {
	margin-top: 3px;
	border-bottom-width: 0px;
	color: #fff;
}
.fsn-btn02 a span {
	display: block;
	padding: 15px 12px 12px;
	background: #ffffff;
	border: solid 2px #b38d62;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
}

.fsn-btn02 a:after {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	background: url(/gecard/fatesn/img-files/fatesn_ic04.png) 0 0 no-repeat;
	-webkit-background-size: 20px auto;
					background-size: 20px auto;
	content: "";
}
.fsn-btn03Box{
	margin-top: 70px !important;
}
.fsn-btn03 {
	margin-top: 20px;
}
.fsn-btn03 a {
	position: relative;
	display: block;
	height: 100px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}
.fsn-btn03 a:after {
	position: absolute;
	display: block;
	width: 35px;
	height: 35px;
	top: 50%;
	right: 20px;
	margin-top: -17px;
	background: url(/gecard/fatesn/img-files/fatesn_ic04.png) 0 0 no-repeat;
	content: "";
}
.fsn-btn03 a:hover {
	opacity: 0.7;
}
.fsn-btn03 a > span {
	position: relative;
	display: block;
	height: 100%;
	margin: 0 7px;
	padding: 22px 65px;
	background: url(/gecard/fatesn/img-files/fatesn_bg12.png) 0 0 repeat-x;
}
.fsn-btn03 a > span:before,
.fsn-btn03 a > span:after {
	position: absolute;
	display: block;
	width: 66px;
	height: 100%;
	top: 0;
	content: "";
}
.fsn-btn03 a > span:before {
	left: -7px;
	background: url(/gecard/fatesn/img-files/fatesn_bg11.png) 0 0 no-repeat;
}
.fsn-btn03 a > span:after {
	right: -7px;
	background: url(/gecard/fatesn/img-files/fatesn_bg13.png) 0 0 no-repeat;
}
.fsn-btn03 a em {
	font-style: normal;
	font-size: 27px;
	font-size: 2.7rem;
}
.fsn-btn04 {
	width: 550px;
	margin: 100px auto 20px;
}
.fsn-btn04 a {
	position: relative;
	display: block;
	height: 100px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}
.fsn-btn04 a:after {
	position: absolute;
	display: block;
	width: 35px;
	height: 35px;
	top: 50%;
	right: 20px;
	margin-top: -17px;
	background: url(/gecard/fatesn/img-files/fatesn_ic04.png) 0 0 no-repeat;
	content: "";
}
.fsn-btn04 a:hover {
	opacity: 0.7;
}
.fsn-btn04 a > span {
	position: relative;
	display: block;
	height: 100%;
	margin: 0 7px;
	padding: 22px 65px;
	background: url(/gecard/fatesn/img-files/fatesn_bg12.png) 0 0 repeat-x;
}
.fsn-btn04 a > span:before,
.fsn-btn04 a > span:after {
	position: absolute;
	display: block;
	width: 66px;
	height: 100%;
	top: 0;
	content: "";
}
.fsn-btn04 a > span:before {
	left: -7px;
	background: url(/gecard/fatesn/img-files/fatesn_bg11.png) 0 0 no-repeat;
}
.fsn-btn04 a > span:after {
	right: -7px;
	background: url(/gecard/fatesn/img-files/fatesn_bg13.png) 0 0 no-repeat;
}
.fsn-btn04 a em {
	font-style: normal;
	font-size: 27px;
	font-size: 2.7rem;
}

.fsn-btn05 {
	margin-top: 20px;
	text-align: center;
}
.fsn-btn05 a {
	display: inline-block;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	overflow: hidden;
	border:#e52f4f solid 1px;
	padding-bottom: 2px;
	background: #e52f4f;
}
.fsn-btn05 a:hover {
	margin-top: 1px;
	padding-bottom: 1px;
}
.fsn-btn05 a span {
	display: block;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
		 -moz-border-radius: 0 0 5px 5px;
					border-radius: 0 0 5px 5px;
}
.fsn-btn05 a:hover img {
	opacity: 0.7;
}	

.fsn-figure01 {
	margin-top: 70px;
	text-align: center;
}
.fsn-catch01 {
	margin-top: 35px;
	text-align: center;
}
.fsn-catch01.full-bleed {
	margin-top: 0;
}
.fsn-catch01.full-bleed + * {
	margin-top: 0;
}
.fsn-bgBox01 {
	margin: 30px auto 0;
	padding: 25px 65px;
	background: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
.fsn-bgBox01 .fsn-bgBoxHdg {
	margin-bottom: 20px;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.fsn-bgBox02 {
	margin: 30px 70px 0;
	padding: 25px 20px;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
.fsn-bgBox02 .fsn-bgBoxHdg {
	margin-bottom: 20px;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.fsn-list01 {
	margin-top: 1.0em;
}
.fsn-list01 > li {
	position: relative;
	padding-left: 20px;
	color: #fff;
}
.fsn-list01 > li:before {
	position: absolute;
	content: "";
	top: 0.6em;
	left: 8px;
	width: 3px;
	height: 3px;
	background: #fff;
	-webkit-border-radius: 50%;
		 -moz-border-radius: 50%;
					border-radius: 50%;
}
.fsn-list01 > li + li {
	margin-top: 5px;
}
.fsn-balloon01 {
	margin-bottom: 16px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}
.fsn-balloon01 > span {
	position: relative;
	display: inline-block;
	padding: 7px 18px;
	background: #c5121a;
	-webkit-border-radius: 1.4em;
	-moz-border-radius: 1.4em;
	border-radius: 1.4em;
	color: #fff;
	font-weight: bold;
}
.fsn-balloon01 > span:after {
	position: absolute;
	display: block;
	bottom: -9px;
	left: 50%;
	margin-left: -5px;
	border-top: 9px solid #c5121a;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
}
.fsn-noteBox01 {
	width: 560px;
	margin: 30px auto 0;
	padding: 20px;
	background: #fff;
	border: 1px solid #c5121a;
	font-size: 14px;
	font-size: 1.4rem;
}
.fsn-noteBox01.typeNoBg {
	margin: 30px auto 0;
	padding: 0;
	background: none;
	border: none;
}
.fsn-noteBox01 > *:first-child {
	margin-top: 0 !important;
}
.fsn-noteBox01.typeNoBg .noteList01 li {
	color: #fff;
}
.fsn-noteBox01.typeNoBg .noteList01 li a {
	color: #fff;
}
.fsn-noteBox02 {
	margin: 30px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.fsn-noteBox02 > *:first-child {
	margin-top: 0 !important;
}
.fsn-noteBox02 .noteList01 {
	display: block;
	width: 720px;
	margin: 0 auto;
	padding: 20px 20px;
	background: #fff;
	border: 1px solid #c5121a;
	text-align: left;
}
.fsn_telLink{
	color: #333333 !important;
	text-decoration: none !important;
	pointer-events: none;
}


/* component
------------------------------------------------------ */
/* hero */
.fsn-hero {
	position: relative;
	text-align: center;
	padding: 0 0 20px;
}
.fsn-heroList01 {
	position: absolute;
	left: 50%;
	bottom: 55px;
	width: 1200px;
	margin-left: -600px;
	letter-spacing: -0.4em;
}
.fsn-heroList01 > li {
	display: inline-block;
	width: 50%;
	text-align: center;
	letter-spacing: normal;
}
/* fsn-privilegeBonus */
.fsn-privilegeBonusLeadWrap {
	text-align: center;
}
.fsn-privilegeBonusLeadWrap .fsn-privilegeBonusLeadText01 {
	display: inline-block;
	margin: 40px auto 0;
	font-size: 2.4rem;
	font-weight: bold;
	color: #ff2b2b;
	text-align: center;
	background: rgba(0,0,0,0.3);
	border: 1px solid #7b5159;
	padding: 9px 23px;
}
.fsn-privilegeBonusLeadText02 {
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	line-height: 1.5;
	color: #fff;
}
.fsn-privilegeBonusBoxCol {
	display: flex;
	gap: 30px 30px;
	margin-top: 30px;
}
.fsn-privilegeBonusBox {
	width: calc(50% - 15px);
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 40px 41px 30px;
}
.fsn-privilegeBonusBox::before {
	position: absolute;
	content: "";
	top: 7px;
	left: 7px;
	width: 132px;
	height: 132px;
	background: url("/gecard/fatesn/img-files/fatesn_bg17.png") no-repeat 0 0 / contain;
}
.fsn-privilegeBonusBox::after {
	position: absolute;
	content: "";
	top: 7px;
	right: 7px;
	width: 132px;
	height: 132px;
	background: url("/gecard/fatesn/img-files/fatesn_bg18.png") no-repeat 0 0 / contain;
}
.fsn-privilegeBonusBoxTitle {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.3;
}
.fsn-privilegeBonusBoxImg {
	width: 476px;
	margin-top: 25px;
}
.fsn-privilegeBonusBoxText {
	font-size: 1.6rem;
	margin-top: 23px;
	color: #fff;
}
.fsn-privilegeBonusBoxList01 {
	margin-top: 0;
}
.fsn-privilegeBonusBoxList01 > li {
	position: relative;
	padding-left: 1.2em;
	color: #fff;
}
.fsn-privilegeBonusBoxList01 > li + li {
	margin-top: 5px;
}
.fsn-privilegeBonusBoxList01 > li > .ast {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.fsn-privilegeBonusAccordionBox {
	margin: 35px auto 0;
	padding: 20px 20px;
	background: rgba(0,0,0,0.3);
	
	color: #fff;
}
.fsn-privilegeBonusAccordionBoxInner {
	padding: 24px 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);
}
.fsn-privilegeBonusAccordionHead {
	position: relative;
}
.fsn-privilegeBonusAccordionLead {
	width: fit-content;
	position: relative;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	padding: 0 54px;
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}
.fsn-privilegeBonusAccordionLead.open {
	text-decoration: none;
}
.fsn-privilegeBonusAccordionLead:hover {
	text-decoration: none;
}
.fsn-privilegeBonusAccordionHead .fsn-privilegeBonusAccordionLead::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url("/gecard/fatesn/img-files/fatesn_ic06.png") no-repeat 0 0 / contain;
	transform: rotateZ(180deg);
	transition: 0.3s all ease-out;
}
.fsn-privilegeBonusAccordionHead .fsn-privilegeBonusAccordionLead.open::before {
	transform: none;
}
.fsn-privilegeBonusAccordionBody {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 24px;
	padding-top: 28px;
}
.fsn-privilegeBonusAccordionTitle {
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.fsn-privilegeBonusAccordionText01 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 30px;
}
.fsn-privilegeBonusAccordionTitle + .fsn-privilegeBonusAccordionText01 {
	margin-top: 18px;
}
.fsn-privilegeBonusAccordionText01 + ul {
	margin-top: 0!important;
}
.fsn-privilegeBonusAccordionList01 {
	margin-top: 15px;
}
.fsn-privilegeBonusAccordionList01 > li {
	position: relative;
	font-size: 1.6rem;
	padding-left: 1.2em;
}
.fsn-privilegeBonusAccordionList01 > li + li {
	margin-top: 16px;
}
.fsn-privilegeBonusAccordionList01 > li > .ast {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.fsn-privilegeBonusAccordionList02 {
	margin-top: 12px;
}
.fsn-privilegeBonusAccordionList02 > li {
	position: relative;
	font-size: 1.6rem;
	padding-left: 1.2em;
}
.fsn-privilegeBonusAccordionList02 > li + li {
	margin-top: 3px;
}
.fsn-privilegeBonusAccordionList02 > li > .ast {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.fsn-privilegeBonusAccordionList03 {
	margin-top: 10px;
}
.fsn-privilegeBonusAccordionList03 > li {
	position: relative;
	padding-left: 1.2em;
}
.fsn-privilegeBonusAccordionList03 > li + li {
	margin-top: 0;
}
.fsn-privilegeBonusAccordionList03 > li > .mark {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
li > .fsn-privilegeBonusAccordionListNest >:first-child {
	margin-top: 0 !important;
}
li > .fsn-privilegeBonusAccordionListNest02 >:first-child {
	margin-top: 0 !important;
	margin-left: -1.2em;
}
/* tab */
@media all and (min-width: 751px) {
.fsn-spToggleTrg {
	display: none;
}
.fsn-tabList > li {
	width: 360px;
	float: left;
}
.fsn-tabList > li.active {
	margin-top: 0;
}
.fsn-tabList > li + li {
	margin-left: 20px;
}
.fsn-tabList > li a {
	display: block;
	width: 100%;
	height: 420px;
	background-repeat: no-repeat;
	background-position: 0 40px;
	text-indent: -9999px;
	outline: none;
}
.fsn-tabList > li a:hover {
	opacity: 0.7;
}
.fsn-tabList > li.active a {
	background-position: 0 -380px;
}
.fsn-tabList > li.active a:hover {
	opacity: 1;
}
.fsn-tabList > li.tab01 a { background-image: url(/gecard/fatesn/img-files/fatesn_tab01.png); }
.fsn-tabList > li.tab02 a { background-image: url(/gecard/fatesn/img-files/fatesn_tab02.png); }
.fsn-tabList > li.tab03 a { background-image: url(/gecard/fatesn/img-files/fatesn_tab03.png); }
.fsn-tabList > li.tab04 a { background-image: url(/gecard/fatesn/img-files/fatesn_tab04.png); }
.fsn-tabContent {
	position: relative;
	display: none;
	margin-top: 30px;
	padding: 20px;
}
.fsn-tabContent.tab01 { background: url(/gecard/fatesn/img-files/fatesn_bg08.png) repeat 0 0; }
.fsn-tabContent.tab02 { background: url(/gecard/fatesn/img-files/fatesn_bg09.png) repeat 0 0; }
.fsn-tabContent.tab03 { background: url(/gecard/fatesn/img-files/fatesn_bg10.png) repeat 0 0; }
.fsn-tabContent.tab04 { background: url(/gecard/fatesn/img-files/fatesn_bg15.png) repeat 0 0; }
.fsn-tabContent.active {
	display: block;
}
.fsn-tabContent.active:after {
	position: absolute;
	content: "";
	top: -27px;
	width: 54px;
	height: 27px;
}
.fsn-tabContent.tab01.active:after { background: url(/gecard/fatesn/img-files/fatesn_bg03.png) no-repeat 0 0; }
.fsn-tabContent.tab02.active:after { background: url(/gecard/fatesn/img-files/fatesn_bg04.png) no-repeat 0 0; }
.fsn-tabContent.tab03.active:after { background: url(/gecard/fatesn/img-files/fatesn_bg05.png) no-repeat 0 0; }
.fsn-tabContent.tab04.active:after { background: url(/gecard/fatesn/img-files/fatesn_bg14.png) no-repeat 0 0; }
.fsn-tabContent .fsn-tabContentInner{
	padding-bottom: 45px;
	-webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
					border-radius: 20px;
}
.fsn-tabContent.tab01.active:after { left: 540px; }
.fsn-tabContent.tab02.active:after { left: 685px; }
.fsn-tabContent.tab03.active:after { left: 920px; }
.fsn-tabContent.tab04.active:after { left: 150px; }
.fsn-tabHdg01 {
	text-align: center;
}
.fsn-tabContent.tab01 .fsn-tabHdg01 img { width: 348px; }
.fsn-tabContent.tab02 .fsn-tabHdg01 img { width: 360px; }
.fsn-tabContent.tab03 .fsn-tabHdg01 img { width: 360px; }
.fsn-tabContent.tab04 .fsn-tabHdg01 img { width: 360px; }
.fsn-tabMain {
	padding-top: 40px;
	background: url(/gecard/fatesn/img-files/pc_fatesn_bg03.png) no-repeat 50% 0;
	text-align: center;
}
.fsn-tabMain img {
}
.fsn-spToggleClose {
	display: none;
}
}
/* privilege */
.fsn-privilege {
	margin-top: 55px;
	padding-top: 90px;
	background: url(/gecard/fatesn/img-files/fatesn_bg06.png) no-repeat 50% 0;
}
.fsn-privilegeHdg01 {
	margin-bottom: 30px;
	text-align: center;
}
.fsn-privilegeHdg01 + * {
	margin-top: 0 !important;
}
.fsn-privilegeHdg01 img {
	z-index: 2;
}
.fsn-privilegeHdg03 {
	text-align: center;
}
.fsn-privilegeCol {
	padding: 0 30px;
}
.colLayout.col2.fsn-privilegeCol > .col.imgCol {
	width: 30%;
	margin-right: 0;
}
.colLayout.col2.fsn-privilegeCol > .col.textCol {
	width: 70%;
}
.colLayout > .col > .fsn-textBdBox:first-child {
	margin-top: 65px !important;
}
.fsn-privilegeCol .fsn-textBdBox{
	position: relative;
	width: 92%;
	margin: 65px -10px 0 20px !important;
	padding: 35px 30px 35px 42px;
	border: solid 1px #8e7a79;
}
#tab02 .fsn-privilegeCol .fsn-textBdBox{
	border: solid 1px #7a6882;
}
#tab03 .fsn-privilegeCol .fsn-textBdBox{
	border: solid 1px #8b8f9a;
}
#tab04 .fsn-privilegeCol .fsn-textBdBox{
	border: solid 1px #946583;
}
.fsn-privilegeCol .fsn-textBdBox:before,
.fsn-privilegeCol .fsn-textBdBox:after,
.fsn-privilegeCol .fsn-textBdBox .inner:before,
.fsn-privilegeCol .fsn-textBdBox .inner:after{
	position: absolute;
	content: "";
	top: -41px;
	left: -44px;
	width: 84px;
	height: 84px;
	background: url(/gecard/fatesn/img-files/pc_fatesn_bg11.png) no-repeat 0 0;
}
.fsn-privilegeCol .fsn-textBdBox:after{
	left: auto;
	right: -44px;
	background-position: -84px 0;
}
.fsn-privilegeCol .fsn-textBdBox .inner:before{
	top: auto;
	bottom: -41px;
	background-position: 0 -84px;
}
.fsn-privilegeCol .fsn-textBdBox .inner:after{
	top: auto;
	bottom: -41px;
	left: auto;
	right: -44px;
	background-position: -84px -84px;
}
.fsn-privilegeHdg02 {
	display: table;
	width: 100%;
	color: #fff;
	font-size: 29px;
	font-size: 2.9rem;
	line-height: 1.1;
}
.fsn-privilegeList{
	margin-top: 30px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
.fsn-privilegeList dd{
	margin-top: 0.5em;
}
.fsn-privilege .txtNote01{
	margin-top: 0.2em;
	color: #fff;
}
.fsn-textBdBox .noteList01{
	margin-top: 35px;
}
.fsn-textBdBox .noteList01 li{
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}
.fsn-privilege .applyBtn {
	margin: 30px 0 0;
}
.fsn-privilegeNote {
	margin-top: 20px;
	color: #fff;
	text-align: center;
}
.fsn-privilegeNote > li {
	display: inline-block;
}
/* flow */
.fsn-flow > li {
	float: left;
	width: 255px;
	min-height: 255px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
}
.fsn-flow > li + li {
	margin-left: 40px;
}
.fsn-flow > li.list01 {
	background-image: url(/gecard/fatesn/img-files/pc_fatesn_tx01.png);
}
.fsn-flow > li.list02 {
	background-image: url(/gecard/fatesn/img-files/pc_fatesn_tx02.png);
}
.fsn-flow > li.list03 {
	background-image: url(/gecard/fatesn/img-files/pc_fatesn_tx03.png);
}
.fsn-flow > li.list04 {
	background-image: url(/gecard/fatesn/img-files/pc_fatesn_tx04.png);
}
.fsn-flow > li a {
	color: #fff;
}
.fsn-flow > li .num {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 42px;
}
.fsn-flow .fsn-flowDesc dd {
	padding-top: 145px;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
/* fsn-innerImg */
.fsn-innerImg{
	margin: 60px 0 -55px;
	text-align: center;
}
/* fsn-btnLisrt */
.fsn-btnLisrt{
	background: url(/gecard/fatesn/img-files/fatesn_bg02.png) 0 -130px repeat;
	padding: 60px 0;
}
.fsn-btnLisrt li{
	text-align: center;
}
.fsn-btnLisrt li a:hover{
	opacity: 0.7;
}
.benefitsTxt{
	font-weight: bold;
	font-size: 25px;
	font-size: 2.5rem;
	text-align: center;
	color: #FFFFFF
}
.fatesn-inline{
	display: inline-block;
	color: #FFFFFF
}
/* @media query:max-width: 750px
------------------------------------------------------ */
@media screen and (max-width: 750px) {
	/* header
	------------------------------------------------------ */
	#fsn-header {
	}
	#fsn-headerLogo {
		padding: 8px 10px;
	}
	#fsn-headerLogo img {
		width: 208px;
	}
	/* news
	------------------------------------------------------ */
	.newsBox {
		width: auto;
		height: 104px;
		margin: 20px 10px 20px;
		padding: 0;
		background-size: 73px auto;
		background-position: right 16px bottom -11px;
	}
	.newsBox .newsHdg {
		padding: 0 0 5px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.newsBox .newsHdg img {
		width: 50px;
	}
	.newsBox .content {
		padding: 3px 0;
		height: 60px;
	}
	.newsBox .contentbox {
		padding: 8px 0;
		font-size: 10px;
		font-size: 1.0rem;
	}
	.newsBox .contentbox li {
		margin-bottom: 5px;
	}
	.newsBox .contentbox li .date {
		width: 85px;
		padding-left: 0;
	}
	.newsBox .contentbox li .txt {
		display: table-cell;
	}
	.newsBox .mCSB_inside > .mCSB_container {
		margin-right: 15px;
	}
	.mCSB_scrollTools a + .mCSB_draggerContainer {
		margin: 11px 0 8px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools {
		width: 12px;
		margin: 8px 2px 2px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
		width: 12px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger {
		min-height: 9px !important;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		width: 12px;
		margin: 3px 0;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp, .newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown {
		width: 12px;
		height: 11px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before, .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before {
		border-top-width: 8px;
		border-right-width: 6px;
		border-left-width: 6px;
		position: absolute;
		left: 0;
		width: 12px;
		height: 8px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before {
		top: 0;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before {
		bottom: 0;
	}
	/* layout
	------------------------------------------------------ */
	#mainContainer {
		margin-top: 0;
	}
	#mainContents {
		width: auto;
		margin: 0;
		background: url(/gecard/fatesn/img-files/fatesn_bg01.png) 0 0 repeat;
		background-size:  150px auto;
	}
	.fsn-contentsWrap {
		position: relative;
		width: auto;
		margin: 0;
		padding: 7% 0 30px;
		z-index: 1;
	}
	.fsn-contentsWrap.type-bonus {
		padding-top: 0;
	}
	.fsn-contentsWrap02 {
		margin: 0 -10px;
		padding: 0 10px;
	}
	.fsn-contentsWrap02 .fsn-section01 {
		width: auto;
		margin: 0px auto 0;
		padding: 0 0;
	}
	.fsn-contentsWrap02 #anc03.fsn-section01 {
		padding: 0 0 30px;
	}
	.fsn-contentsWrap02 {
		margin: 0;
		padding: 7% 0 30px;
	}
	.fsn-contentsWrap03{
		margin-top: 30px;
	}

	.fsn-shadowText {
		margin-top: -13%;
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
	
	/* news
	------------------------------------------------------ */
	.news a {
		padding: 0 0 15px;
	}
	
	.news a span {
		font-size: 11px;
		font-size: 1.1rem;
	}
	
	/* footer
	------------------------------------------------------ */
	#fsn-footer {
		padding: 8px 0;
	}
	#copyright {
		font-size: 8px;
		font-size: .8rem;
	}
	/* module
	------------------------------------------------------ */
	/* zizen */
	.fsn-zizenTxt{
		display: table;
		width: 100%;
		height: 50px;
		margin-top: 20px;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
	}
	.fsn-zizenTxt span{
		display: table-cell;
		vertical-align: middle;
	}
	.fsn-zizenNote{
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 35px;
	}
	/* ------------------------------------------------------ */

	img.spOnly {
		display: inline-block !important;
	}
	.section03.typeLast {
		margin-top: 20px !important;
		margin-bottom: 0;
	}
	.fsn-txtM {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.fsn-txtL {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.fsn-section01 {
		margin-top: 20px;
	}
	.fsn-inner01,
	.fsn-inner02 {
		padding-left: 0;
		padding-right: 0;
	}
	.fsn-inner02 {
		padding: 0 10px;
	}
	.fsn-inner02 figure {
		text-align: center;
		margin-top: 0px;
	}
	.fsn-inner02--typePrica{
		margin-bottom: 40px;
	}
	.fsn-inner02 figure img {
		width: 90%;
	}
	.fsn-inner02 .section02 {
		margin-top: 20px !important;
	}
	.fsn-inner02 .section03 {
		margin-top: 0px !important;
	}
	.fsn-inner02 .section03 h3 {
		padding-bottom: 8%;
		margin-bottom: 15px;
		background: url(/gecard/fatesn/img-files/fatesn_bg07.png) no-repeat 50% 100%;
		-webkit-background-size: 100px auto;
						background-size: 100px auto;
	}
	.fsn-inner02 .section03 h3 img {
		width: 208px;
	}
	.fsn-inner02 .section03 + .section03  h3 img {
		width: 182px;
	}
	.fsn-inner02 .section03 + .section03 {
		margin-top: 40px !important;
	}
	.fsn-hdg01 {
		padding: 4px 0 15px;
	}
	.fsn-hdg01__btn {
		top: 52%;
		bottom: inherit;
		left: 2.5%;
		text-align: center;
	}
	.fsn-hdg01__btn a {
		width: 87.6%;
		max-width: 526px;
		border-bottom-width: 1px;
	}
	.fsn-hdg01__btn a:hover {
		margin-top: 0;
		border-bottom-width: 1px;
	}
	.fsn-hdg01__btn a span {
		border-width: 1px;
	}
	.fsn-hdg02 {
		margin-bottom: 25px;
		text-align: center;
	}
	#anc02 .fsn-hdg02 {
		margin-bottom: 20px;
	}
	.fsn-hdg02.type01 {
		margin:5px 0 35px;
	}
	.fsn-btn01 {
		margin-top: 10px;
	}
	.fsn-btn01 a:hover {
		margin-top: 0;
		padding-bottom: 3px;
	}
	.fsn-btn01 a:hover img {
		opacity: 1.0;
	}
	.fsn-btn02 {
		margin-top: 18px;
	}
	.fsn-btn02 a {
		width: 65%;
		padding: 0;
		border-bottom: solid 2px #b38d62;
		min-width: inherit;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.fsn-btn02 a:hover {
		margin-top: 0;
		border-bottom-width: 2px;
	}
	.fsn-btn02 a:after {
		width: 15px;
		height: 15px;
		margin-top: -7px;
		-webkit-background-size: 15px 15px;
						background-size: 15px 15px;
	}
	.fsn-btn02 a span {
		padding: 10px 12px 8px;
	}
	.fsn-btn03Box{
		margin-top: 35px !important;
		margin: 0 10px;
	}
	.colLayout.spLayout.fsn-btn03Box > .col {
		margin-top: 20px;
	}
	.fsn-btn03 {
		margin-top: 20px;
	}
	.fsn-btn03 a {
		position: relative;
		display: block;
		height: 66px;
		color: #fff;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}
	.fsn-btn03 a:after {
		position: absolute;
		display: block;
		width: 17px;
		height: 17px;
		top: 50%;
		right: 15px;
		margin-top: -8px;
		background: url(/gecard/fatesn/img-files/fatesn_ic04.png) 0 0 no-repeat;
		-webkit-background-size: 17px auto;
						background-size: 17px auto;
		content: "";
	}
	.fsn-btn03 a:hover {
		opacity: 0.7;
	}
	.fsn-btn03 a > span {
		position: relative;
		display: block;
		padding: 15px 20px;
		background: url(/gecard/fatesn/img-files/fatesn_bg12.png) 0 0 repeat-x;
		-webkit-background-size: auto 100%;
						background-size: auto 100%;
	}
	.fsn-btn03 a > span:before,
	.fsn-btn03 a > span:after {
		position: absolute;
		display: block;
		width: 42px;
		height: 66px;
		top: 0;
		content: "";
	}
	.fsn-btn03 a > span:before {
		left: -5px;
		background: url(/gecard/fatesn/img-files/fatesn_bg11.png) 0 0 no-repeat;
		-webkit-background-size: auto 100%;
						background-size: auto 100%;
	}
	.fsn-btn03 a > span:after {
		right: -5px;
		background: url(/gecard/fatesn/img-files/fatesn_bg13.png) 0 0 no-repeat;
		-webkit-background-size: auto 100%;
						background-size: auto 100%;
	}
	.fsn-btn03 a > span > span {
		position: relative;
		z-index: 2;
	}
	.fsn-btn03 a em {
		font-style: normal;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.fsn-btn04 {
		width: auto;
		margin: 30px 0 40px;
	}
	.fsn-btn04 a {
		position: relative;
		display: block;
		height: 66px;
		color: #fff;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}
	.fsn-btn04 a:after {
		position: absolute;
		display: block;
		width: 17px;
		height: 17px;
		top: 50%;
		right: 15px;
		margin-top: -8px;
		background: url(/gecard/fatesn/img-files/fatesn_ic04.png) 0 0 no-repeat;
		-webkit-background-size: 17px auto;
						background-size: 17px auto;
		content: "";
	}
	.fsn-btn04 a:hover {
		opacity: 0.7;
	}
	.fsn-btn04 a > span {
		position: relative;
		display: block;
		padding: 15px 40px;
		background: url(/gecard/fatesn/img-files/fatesn_bg12.png) 0 0 repeat-x;
		-webkit-background-size: auto 100%;
						background-size: auto 100%;
	}
	.fsn-btn04 a > span:before,
	.fsn-btn04 a > span:after {
		position: absolute;
		display: block;
		width: 42px;
		height: 66px;
		top: 0;
		content: "";
	}
	.fsn-btn04 a > span:before {
		left: -5px;
		background: url(/gecard/fatesn/img-files/fatesn_bg11.png) 0 0 no-repeat;
		-webkit-background-size: auto 100%;
						background-size: auto 100%;
	}
	.fsn-btn04 a > span:after {
		right: -5px;
		background: url(/gecard/fatesn/img-files/fatesn_bg13.png) 0 0 no-repeat;
		-webkit-background-size: auto 100%;
						background-size: auto 100%;
	}
	.fsn-btn04 a > span > span {
		position: relative;
		z-index: 2;
	}
	.fsn-btn04 a em {
		font-style: normal;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.fsn-note01 {
		margin-top: 1.5em;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.fsn-figure01 {
		margin-top: 20px;
	}
	.fsn-catch01 {
		margin-top: 10px;
	}
	.fsn-catch01.full-bleed {
		margin: 0 -10px 0;
	}
	.fsn-bgBox01 {
		margin: 15px 10px 0;
		padding: 15px 10px;
		color: #fff;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.fsn-bgBox01 .fsn-bgBoxHdg {
		margin-bottom: 15px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.fsn-bgBox01 .fsn-list01 {
		margin-top: 0.5em;
	}
	.fsn-bgBox01 .fsn-list01 > li {
		position: relative;
		padding-left: 15px;
	}
	.fsn-list01 > li::before {
		left: 6px;
	}
	.fsn-bgBox01 .noteList01 {
		margin-top: 10px;
	}
	.fsn-bgBox01 .paragraph01 > li {
		text-indent: -1em;
		margin-left: 1em;
	}
.fsn-bgBox02 {
	margin: 15px auto 0;
	padding: 15px 10px;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
}
.fsn-bgBox02 .fsn-bgBoxHdg {
	margin-bottom: 7px;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}
.fsn-bgBox02 .fsn-list01 {
	margin-top: 0;
}
	.fsn-balloon01 {
		margin-bottom: 16px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.fsn-balloon01 > span {
		display: inline-block;
		padding: 4px 10px;
	}
	.fsn-balloon01 > span:after {
		bottom: -7px;
		left: 50%;
		margin-left: -4px;
		border-top: 7px solid #a10d13;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}
	.fsn-noteBox01 {
		width: 100%;
		margin: 10px auto 0;
		padding: 15px 10px;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: left;
	}
	.fsn-noteBox01.typeNoBg {
		margin: 20px auto 0;
	}
	.fsn-noteBox01 .noteList01 {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.fsn-noteBox01 .noteList01 > li > .ast {
		display: block;
		position: absolute;
	}
	.fsn-noteBox02 {
		margin: 10px 0 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.fsn-noteBox02 .noteList01{
		width: auto;
	}
	.fsn_telLink{
		color: #003399 !important;
		text-decoration: underline!important;
		pointer-events: auto;
	}

	/* component
	------------------------------------------------------ */
	/* hero */
	.fsn-hero {
		margin: 0 -10px;
		padding: 0;
	}
	.fsn-hero img {
		width: 100%;
	}
	.fsn-heroList01 {
		position: static;
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
		padding: 0 10px;
		letter-spacing: normal;
	}
	.fsn-heroList01 > li {
		display: block;
		width: 100%;
		text-align: center;
	}
	.fsn-heroList01 > li + li {
		margin-top: 12px;
	}
	.fsn-heroList01 > li.list01 img {
		width: 233px;
	}
	.fsn-heroList01 > li.list02 img {
		width: 277px;
	}
	/* tab */
	.fsn-tabWrap01 {
		margin-top: 15px;
	}
	.fsn-tabList {
		display: none;
	}
	.fsn-spToggleContent {
		-webkit-border-radius: 3px;
			 -moz-border-radius: 3px;
						border-radius: 3px;
	}
	.fsn-spToggleContent + .fsn-spToggleContent {
		margin-top: 10px;
	}
	.fsn-spToggleTrg {
	}
	.fsn-spToggleTrg a {
		position: relative;
		display: block;
	}
	.fsn-spToggleTrg.active a {
	}
	.fsn-spToggleTrg .fsn-spToggleTtl {
		display: block;
		padding: 5px 50px 10px 10px;
		-webkit-border-radius: 5px;
			 -moz-border-radius: 5px;
						border-radius: 5px;
		vertical-align: middle;
	}
	.fsn-spToggleTrg.active .fsn-spToggleTtl {
		-webkit-border-radius: 5px 5px 0 0;
			 -moz-border-radius: 5px 5px 0 0;
						border-radius: 5px 5px 0 0;
	}
	.fsn-spToggleTrg.toggle01 .fsn-spToggleTtl { background: url(/gecard/fatesn/img-files/fatesn_bg08.png) repeat 0 0; background-size: 150px auto; }
	.fsn-spToggleTrg.toggle02 .fsn-spToggleTtl { background: url(/gecard/fatesn/img-files/fatesn_bg09.png) repeat 0 0; background-size: 150px auto; }
	.fsn-spToggleTrg.toggle03 .fsn-spToggleTtl { background: url(/gecard/fatesn/img-files/fatesn_bg10.png) repeat 0 0; background-size: 150px auto; }
	.fsn-spToggleTrg.toggle04 .fsn-spToggleTtl { background: url(/gecard/fatesn/img-files/fatesn_bg15.png) repeat 0 0; background-size: 150px auto; }
	.fsn-spToggleTrg .fsn-spToggleTtl img {
		width: 100%;
	}
	.fsn-spToggleTrg .fsn-spToggleFig {
		display: table-cell;
		width: 46.3%;
		padding-left: 6px;
		vertical-align: middle;
	}
	.fsn-spToggleTrg .fsn-spToggleFig img {
		width: 100%;
	}
	.fsn-spToggleTrg a i {
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 20px;
		margin-top: -10px;
		background-image: url(/gecard/fatesn/img-files/fatesn_ic01.png);
		background-repeat: no-repeat !important;
		background-position: 0 -20px !important;
		-webkit-background-size: 20px auto !important;
						background-size: 20px auto !important;
	}
	.fsn-spToggleTrg.active a i {
		top: 50%;
		background-position: 0 0 !important;
	}
	.fsn-tabContent {
		position: relative;
		display: none;
		margin-top: 0;
		padding: 0;
	}
	.fsn-tabContent.active:after {
		display: none;
	}
	.fsn-tabHdg01 {
		text-align: center;
	}
	.fsn-tabContent .fsn-tabHdg01 {
		position: relative;
		padding-top: 10px;
		margin: 0 auto;
	}
	.fsn-tabContent.tab01 .fsn-tabHdg01 { width: 190px; }
	.fsn-tabContent.tab02 .fsn-tabHdg01 { width: 190px; }
	.fsn-tabContent.tab03 .fsn-tabHdg01 { width: 190px; }
	.fsn-tabContent.tab04 .fsn-tabHdg01 { width: 190px; }
	.fsn-tabContent .fsn-tabContentInner{
		min-height: 219px;
		padding: 0 10px 20px;
		-webkit-border-radius: 0 0 5px 5px;
			 -moz-border-radius: 0 0 5px 5px;
						border-radius: 0 0 5px 5px;
	}
	.fsn-tabContent.tab01 .fsn-tabContentInner { background: url(/gecard/fatesn/img-files/fatesn_bg08.png) repeat 0 -10%; background-size: 150px auto; }
	.fsn-tabContent.tab02 .fsn-tabContentInner { background: url(/gecard/fatesn/img-files/fatesn_bg09.png) repeat 0 -10%; background-size: 150px auto; }
	.fsn-tabContent.tab03 .fsn-tabContentInner { background: url(/gecard/fatesn/img-files/fatesn_bg10.png) repeat 0 -10%; background-size: 150px auto; }
	.fsn-tabContent.tab04 .fsn-tabContentInner { background: url(/gecard/fatesn/img-files/fatesn_bg15.png) repeat 0 -10%; background-size: 150px auto; }
	.fsn-tabMain {
		padding: 15px 15px 5px;
		background: url(/gecard/fatesn/img-files/sp_fatesn_bg03.png) no-repeat 50% 0;
		-webkit-background-size: auto 100%;
						background-size: auto 100%;
		text-align: center;
	}
	.fsn-spToggleClose {
		margin-top: 20px;
		text-align: center;
	}
	.fsn-spToggleClose a {
		position: relative;
		display: inline-block;
		padding: 0 0 0 25px;
		background: url(/gecard/fatesn/img-files/fatesn_ic02.png) no-repeat 0 50%;
		background-size: 15px auto;
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.fsn-spToggleClose a:after {
		display: none;
	}
	/* privilege */
	.fsn-privilege {
		margin-top: 25px !important;
		padding-top: 45px;
		background: url(/gecard/fatesn/img-files/fatesn_bg06.png) no-repeat 50% 0;
		-webkit-background-size: 126px auto;
						background-size: 126px auto;
	}
	.fsn-contentsWrap.type-bonus .fsn-privilege {
		margin-top: 0!important;
	}
	.fsn-privilegeHdg01 {
		position: relative;
		margin: 0 0 18px;
		padding: 0;
	}
	.fsn-privilegeHdg01 img {
		width: 138px;
	}
	.fsn-privilegeCol {
		padding: 0;
	}
	.fsn-privilegeCol .col + .col {
		margin-top: 0;
	}
	.fsn-privilegeHdg02 {
		display: block;
		margin-bottom: 8px;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.3;
		text-align: center;
	}
	.fsn-privilegeHdg03 {
		position: relative;
		margin: 0 0 18px;
		padding: 0;
	}
	.fsn-privilegeHdg03 img {
		width: 157px;
	}
	.fsn-privilegeList{
		margin-top: 15px;
		color: #fff;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: center;
	}
	.fsn-privilegeList dd{
		display: inline-block;
		margin-top: 0.5em;
	}
	.fsn-privilege .txtNote01{
		margin-top: 20px;
		color: #fff;
		font-size: 11px;
		font-size: 1.1rem;
	}
	.fsn-textBdBox .noteList01{
		margin-top: 15px;
	}
	.fsn-textBdBox .noteList01 li{
		color: #fff;
		font-size: 11px;
		font-size: 1.1rem;
	}
	.fsn-privilegeReplica{
		padding: 0;
		text-align: center;
	}
	.fsn-privilegeGoods {
		padding: 25px 35% 0;
	}
	.fsn-privilegeReplica img{
		width: 177px;
	}
	.colLayout > .col > .fsn-textBdBox:first-child {
		margin-top: 10px !important;
	}
	.fsn-privilegeCol .fsn-textBdBox{
		position: relative;
		width: 90%;
		margin: 10px auto 20px !important;
		padding: 30px 10px 30px;
		border: solid 1px #8e7a79;
	}
	#tab02 .fsn-privilegeCol .fsn-textBdBox{
		border: solid 1px #7a6882;
	}
	#tab03 .fsn-privilegeCol .fsn-textBdBox{
		border: solid 1px #8b8f9a;
	}
	#tab04 .fsn-privilegeCol .fsn-textBdBox{
		border: solid 1px #946583;
	}
	.fsn-privilegeCol .fsn-textBdBox:before,
	.fsn-privilegeCol .fsn-textBdBox:after,
	.fsn-privilegeCol .fsn-textBdBox .inner:before,
	.fsn-privilegeCol .fsn-textBdBox .inner:after{
		position: absolute;
		content: "";
		top: -22px;
		left: -22px;
		width: 42px;
		height: 42px;
		background: url(/gecard/fatesn/img-files/sp_fatesn_bg11.png) no-repeat 0 0;
		background-size: 84px auto;
	}
	.fsn-privilegeCol .fsn-textBdBox:after{
		left: auto;
		right: -22px;
		background-position: -42px 0;
	}
	.fsn-privilegeCol .fsn-textBdBox .inner:before{
		top: auto;
		bottom: -22px;
		background-position: 0 -42px;
	}
	.fsn-privilegeCol .fsn-textBdBox .inner:after{
		top: auto;
		bottom: -22px;
		left: auto;
		right: -22px;
		background-position: -42px -42px;
	}
	.fsn-privilege .applyBtn {
		margin-top: 30px;
	}
	.fsn-privilegeNote {
		margin-top: 20px;
		color: #fff;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
	/* flow */
	.fsn-flow {
		margin-top: 25px;
		margin-bottom: 15px;
		padding: 0 10px;
	}
	.fsn-flow > li {
		position: relative;
		float: none;
		width: 100%;
		min-height: inherit;
		padding-top: 0;
		color: #fff;
		background: none !important;
	}
	.fsn-flow > li + li {
		margin-top: 20px;
		margin-left: 0;
	}
	.fsn-flow > li a {
		color: #fff;
	}
	.fsn-flow > li + li:after {
		position: absolute;
		content: "";
		width: 14px;
		height: 7px;
		top: -13px;
		right: 50%;
		margin-right: -7px;
		background: url(/gecard/fatesn/img-files/fatesn_ic03.png) 0 0 no-repeat;
		-webkit-background-size: 14px auto;
						background-size: 14px auto;
	}
	.fsn-flow > li .num {
		display: none;
	}
	.fsn-flow .fsn-flowDesc {
		display: table;
		width: 100%;
		height: 76px;
		margin-top: 0;
	}
	.fsn-flow .fsn-flowDesc dt {
		display: table-cell !important;
		width: 28%;
		height: auto;
		padding: 0;
		background-size: 100px auto !important;
		background-repeat: no-repeat;
		background-position: 0 50%;
		vertical-align: middle;
	}
	.fsn-flow .fsn-flowDesc dt span {
		display: inline;
	}
	.fsn-flow .fsn-flowDesc dd {
		display: table-cell;
		width: 72%;
		padding: 0 0 0 30px;
		vertical-align: middle;
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: left;
	}
	.fsn-flow .fsn-flowDesc dd span {
		display: inline;
	}
	/* fsn-innerImg */
	.fsn-innerImg{
		margin: 20px 6% -20px;
		text-align: center;
	}
	/* fsn-btnLisrt */
	.fsn-btnLisrt{
		background: url(/gecard/fatesn/img-files/fatesn_bg02.png) 0 0 repeat;
		background-size:  150px auto;
		margin: 0 -10px;
		padding: 30px 10px;
	}
	.fsn-btnLisrt li{
		width: auto;
		margin: 0 auto;
	}
	.benefitsTxt{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.fatesn-inline{
		display: inline-block;
		font-size: 12px;
		font-size: 1.2rem;
		color: #FFFFFF;
	}
	/* sns */
	#mainContents .snsArea {
		margin-top: 0;
		margin-bottom: 25px;
	}
/* fsn-privilegeBonus */
.fsn-privilegeBonusLeadWrap {
	text-align: center;
}
.fsn-privilegeBonusLeadWrap .fsn-privilegeBonusLeadText01 {
	display: inline-block;
	margin: 0 auto 0;
	font-size: 1.8rem;
	font-weight: bold;
	color: #ff2b2b;
	text-align: center;
	background: rgba(0,0,0,0.3);
	border: 1px solid #7b5159;
	padding: 5px 13px;
}
.fsn-privilegeBonusLeadText02 {
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-top: 18px;
	line-height: 1.2;
}
.fsn-privilegeBonusBoxCol {
	display: block;
	margin-top: 13px;
}
.fsn-privilegeBonusBox {
	width: 100%;
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 32px 19px 30px;
}
	.fsn-privilegeBonusBox + .fsn-privilegeBonusBox {
		margin-top: 20px;
	}
.fsn-privilegeBonusBox::before {
	position: absolute;
	content: "";
	top: 7px;
	left: 7px;
	width: 112px;
	height: 112px;
	background: url("/gecard/fatesn/img-files/fatesn_bg17.png") no-repeat 0 0 / contain;
}
.fsn-privilegeBonusBox::after {
	position: absolute;
	content: "";
	top: 7px;
	right: 7px;
	width: 112px;
	height: 112px;
	background: url("/gecard/fatesn/img-files/fatesn_bg18.png") no-repeat 0 0 / contain;
}
.fsn-privilegeBonusBoxTitle {
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
.fsn-privilegeBonusBoxImg {
	width: 100%;
	margin-top: 18px;
}
.fsn-privilegeBonusBoxText {
	font-size: 1.3rem;
	margin-top: 20px;
	color: #fff;
}
.fsn-privilegeBonusBoxList01 {
	margin-top: 0;
}
.fsn-privilegeBonusBoxList01 > li {
	position: relative;
	padding-left: 1.2em;
	font-size: 1.3rem;
	color: #fff;
}
.fsn-privilegeBonusBoxList01 > li + li {
	margin-top: 5px;
}
.fsn-privilegeBonusBoxList01 > li > .ast {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.fsn-privilegeBonusAccordionBox {
	margin: 30px auto 0;
	padding: 10px 10px;
	background: rgba(7,0,3,0.5);
}
	.fsn-privilegeBonusAccordionBoxInner {
		padding: 12px 10px;
	}
.fsn-privilegeBonusAccordionHead {
	position: relative;
}
.fsn-privilegeBonusAccordionLead {
	position: relative;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 0 20px;
	line-height: 1.2;
	text-decoration: underline;
	cursor: pointer;
}
.fsn-privilegeBonusAccordionLead:hover {
	text-decoration: underline;
}
.fsn-privilegeBonusAccordionLead.open {
	text-decoration: none;
}
.fsn-privilegeBonusAccordionHead .fsn-privilegeBonusAccordionLead::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -10px;
	width: 19px;
	height: 19px;
	margin-top: -10px;
	background: url("/gecard/fatesn/img-files/fatesn_ic06.png") no-repeat 0 0 / contain;
	transform: rotateZ(180deg);
	transition: 0.3s all ease-out;
}
.fsn-privilegeBonusAccordionHead .fsn-privilegeBonusAccordionLead.open::before {
	transform: none;
}
.fsn-privilegeBonusAccordionBody {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 13px;
	padding-top: 12px;
}
.fsn-privilegeBonusAccordionTitle {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.fsn-privilegeBonusAccordionTitle + .fsn-privilegeBonusAccordionText01 {
	margin-top: 9px;
}
.fsn-privilegeBonusAccordionText01 {
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 17px;
}
.fsn-privilegeBonusAccordionText01 + ul {
	margin-top: 0!important;
}
.fsn-privilegeBonusAccordionList01 {
	margin-top: 10px;
}
.fsn-privilegeBonusAccordionList01 > li {
	position: relative;
	font-size: 1.3rem;
	padding-left: 1.2em;
}
.fsn-privilegeBonusAccordionList01 > li + li {
	margin-top: 5px;
}
.fsn-privilegeBonusAccordionList01 > li > .ast {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.fsn-privilegeBonusAccordionList02 {
	margin-top: 10px;
}
.fsn-privilegeBonusAccordionList02 > li {
	position: relative;
	font-size: 1.3rem;
	padding-left: 1.2em;
}
.fsn-privilegeBonusAccordionList02 > li + li {
	margin-top: 0;
}
.fsn-privilegeBonusAccordionList02 > li > .ast {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.fsn-privilegeBonusAccordionList03 {
	margin-top: 10px;
}
.fsn-privilegeBonusAccordionList03 > li {
	position: relative;
	padding-left: 1.2em;
}
.fsn-privilegeBonusAccordionList03 > li + li {
	margin-top: 0;
}
.fsn-privilegeBonusAccordionList03 > li > .mark {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
li > .fsn-privilegeBonusAccordionListNest >:first-child {
	margin-top: 0 !important;
}
}

/* Cleafix
------------------------------------------------------ */
.fsn-tabList:after,
.fsn-flow:after {
	display: block;
	clear: both;
	content: "";
}