@charset "shift_jis";

/* ======================================================
 * /common-files/css/goldcard/main.css
 * ------------------------------------------------------
 * LAYOUT SETTING
 * SECTION PARTS
 * CONTENTS PARTS
 * BUTTON PARTS
 * TEXT PARTS
 * INQUIRY PARTS
 * OTHER SETTING
 * Clearfix
====================================================== */
/* LAYOUT SETTING
------------------------------------------------------ */
body{ font-family: "Heebo","Noto Sans CJK JP"; }
.mb-10{
	margin-bottom: -10px !important;
}
img.logo_oioi{
	vertical-align: baseline
}
#mainContainer{
	margin-top: 0;
}
#mainContents{
	width: auto;
	margin: auto;
}
.innerBox{
	width: 1200px;
	margin: 0 auto;
}
#pageTopBtn{
	bottom: 270px !important;
	z-index: 10000;
}
#chatbotBtn{
	bottom: 183px !important;
}
#footerContainer #footerRights{
	padding-bottom: 70px;
}
.main-KV{
	padding: 120px 0 30px;
}
.contentArea{
	position: relative;
	padding: 30px 0 0;
	background-color: #fff;
	min-height: 460px;
}
.contentArea + .contentArea{
	border-top: solid 2px #faebd4;
}
.contentArea .bgImg{
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 0;
	overflow: hidden;
	max-height: 460px;
}
.contentArea .bgImg.typeL{
	left: 0;
}
.contentArea .bgImg.typeR{
	right: 0;
}
.contentArea .bgImg:before{
	content: "";
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 1;
	height: 100%;
}
.contentArea .bgImg.typeL:before{
	left: 52%;
	box-shadow: -92px 0px 24px -50px #fff inset;
}
.contentArea .bgImg.typeR:before{
	right: 50%;
	box-shadow: 92px 0px 24px -60px #fff inset;
}
.contentArea .bgImg img{
	width: 100%;
	height: auto;
	min-width: 900px;
	min-height: 460px;
}
.contentArea .bgImg + .innerBox {
	position: relative;
	z-index: 3;
}
.contentArea .topBlock{
	padding-bottom: 30px;
}
.contentArea .underBlock{
	margin-top: 30px;
	padding-bottom: 105px;
}
.contentArea .toggleContent > .underBlock{
	margin-top: 30px !important;
}
.contentArea .topBlock .figureCol > .txt{
	position: relative;
	height: 366px
}
.type-owner .contentArea .topBlock .figureCol > .txt{
	position: relative;
	height: 382px;
	transform: translateY(40px);
}
.type-owner .contentArea .topBlock .figureCol > .txt .block {
	position: static;
	transform: none;
	height: 100%;
}
.type-owner .contentArea .topBlock .figureCol > .txt .block img {
	height: 100%;
}
.contentArea .topBlock .figureCol > .txt .block{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translateX(-50%) translateY(-50%);
}
.contentArea .topBlock .figureCol > .txt .block img{
	max-width: none;
}
#anc17.contentArea{
	min-height: 630px;
}
#anc17.contentArea .topBlock .figureCol > .imgR,
#anc17.contentArea .topBlock .figureCol > .imgL{
	height: 500px;
}
#anc17.contentArea .topBlock .figureCol > .txt{
	height: 500px;
}
#anc17.contentArea .bgImg{
	max-height: 628px;
}
#anc17.contentArea .toggleContent > .underBlock{
	margin-top: 110px !important;
}
.contentArea .topBlock .figureCol > .imgR,
.contentArea .topBlock .figureCol > .imgL{
	position: relative;
	width: 50%;
	height: 400px;
}
.contentArea .topBlock .figureCol > .imgR{
	padding-left: 60px;
}
.contentArea .topBlock .figureCol > .imgL{
	padding-right: 60px;
}
.contentArea .topBlock .figureCol > .imgR .block,
.contentArea .topBlock .figureCol > .imgL .block{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.contentArea .topBlock .figureCol > .imgR .block{
	left: 60px;
}
.contentArea .topBlock .figureCol > .imgL .block{
	right: 60px;
}

.contentArea .topBlock .figureCol .block.tsWhite{
	text-shadow:
		1px 1px 6px #fff,
		-1px 1px 6px #fff,
		1px -1px 6px #fff,
		-1px -1px 6px #fff;
	color: #222;
}
.contentArea .topBlock .figureCol .block.tsBlack{
	text-shadow:
		0 0 18px #000;
	color: #fff;
}
.contentArea .topBlock .figureCol .block .catch{
	position: relative;
	display: inline-block;
	padding: 0 16px;
	font-size: 20px;
	font-size: 2rem;
	color: #a56641;
	font-weight: bold;
}
.contentArea .topBlock .figureCol .block .catch::before,
.contentArea .topBlock .figureCol .block .catch::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -3px;
	width: 7px;
	height: 7px;
	background-color: #a56641;
}
.contentArea .topBlock .figureCol .block .catch::before{
	left: 0;
}
.contentArea .topBlock .figureCol .block .catch::after{
	right: 0;
}
.contentArea .topBlock .figureCol .imgR .block .paragraph01,
.contentArea .topBlock .figureCol .imgL .block .paragraph01{
	margin-top: 15px;
}
.contentArea .topBlock .figureCol .imgR .block,
.contentArea .topBlock .figureCol .imgL .block{
	font-size: 20px;
	font-size: 2.0rem;
}
.contentArea .topBlock .figureCol .block .text{
	margin-top: 15px;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.8;
}
.contentArea .topBlock .figureCol .block .note{
	position: relative;
	margin-top: 20px;
	padding-left: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
.contentArea .topBlock .figureCol .block .note .mark{
	position: absolute;
	top: 0;
	left: 0;
}

.contentArea .underBtn{
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
}
.contentArea .underBtn .btnLink01.type02.txtSmall a{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.contentArea01{
	position: relative;
	z-index: 3;
	padding: 60px 0;
	background-color: #ffffff !important;
}
.contentArea02{
	position: relative;
	z-index: 3;
	padding: 60px 0;
}
.contentArea02.gold-main_lead{
	background-color: #f9f2e1;
}

/* SECTION PARTS
------------------------------------------------------ */
.section02.type-gold{
	margin-top: 130px !important;
}
.section02.type-gold + .section02.type-gold{
	margin-top: 0 !important;
}
.section02.type-gold02{
	margin-top: 0 !important;
	padding: 60px 0;
}
.section03.type-gold{
	margin-top: 90px !important;
}
.section03.type-gold.mt0{
	margin-top: 0 !important;
}
.conversionArea > .toggleWrap + .section03.type-gold{
	margin-top: 25px !important;
}
.heading02{
	text-align: center;
	border-top: 0;
	background:  none;
	font-size: 40px;
	font-size: 4rem;
	color: #a56641;
}
.heading02:before{
	content: none;
}
.heading02.type02{
	padding-top: 40px;
	background: url(/goldcard/img-files/gold_ex02.png) repeat-x left top;
}
.heading02.type-gold{
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 40px;
	background-color: #a2633f;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	letter-spacing: 0;
}
.heading02.type-gold:before{
	content: "";
	width: 48%;
	margin-top: -5em;
	border-bottom-width: 10em;
	border-bottom-color: #a86943;
	border-left-width: 10em;
	border-left-color: #a2633f;
}
.heading02.type-gold .caption{
	display: inline-block;
	position: relative;
	padding: 0 40px;
	font-size: 25px;
	font-size: 2.5rem;
	z-index: 2;
}
.heading02.type-gold .caption:before,
.heading02.type-gold .caption:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 11px;
	height: 11px;
	margin-top: -8px;
	background-color: #fff;
	transform: rotateZ(45deg);
	z-index: 2;
}
.heading02.type-gold .caption:before{
	left: 0;
}
.heading02.type-gold .caption:after{
	right: 0;
}
.heading02.type-gold .head{
	margin-top: 15px;
	display: inline-block;
	font-size: 45px;
	font-size: 4.5rem;
}
.heading02.type-gold .head.oneline{
	margin-top: 30px;
}
.heading03.type-gold{
	padding-bottom: 25px;
	background: url("/goldcard/img-files/gold_ex01.png") repeat-x left bottom;
	font-size: 40px;
	font-size: 4rem;
	color: #a56641;
	text-align: center;
}
.heading03.type-gold::before,
.heading03.type-gold02::before,
.heading04.type-gold::before{
	content: none;
}
.heading04.type-gold{
	position: relative;
	padding: 0.2em 0 12px;
	border-radius: 1.0em;
	font-size: 20px;
	font-size: 2.0rem;
	color: #a56641;
	text-align: center;
}
.heading04.type-gold::after{
	position: absolute;
	content: "";
	width: 50px;
	height: 1px;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	background-color: #a56641;
}
.heading03.type-gold02{
	margin-bottom: 30px;
	padding-bottom: 15px;
	background: url("/goldcard/img-files/gold_ex02.png") repeat-x left bottom;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: normal;
	text-align: center;
}
/* CONTENTS PARTS
------------------------------------------------------ */

/* ----- heroVisual ----- */
#heroVisual{
	overflow: hidden;
	position: relative;
	height: 710px;
}
#heroVisual .main_heroHeadInner{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -187px;
	z-index: 9999;
}
#heroVisual .main_sliderTextBox01 {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 382px;
	height: 253px;
	overflow: hidden;
	margin-left: -191px;
	z-index: 9999;
	text-align: center;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea {
	display: table;
	height: 253px;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea > figure {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea > figure img{
	display: inline;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea > figure img.spOnly{
	display: none;
}
#heroVisual .main_sliderTextBox02 {
	position: absolute;
	bottom: 95px;
	left: 50%;
	width: 250px;
	height: 33px;
	overflow: hidden;
	margin-left: -125px;
	z-index: 9999;
	text-align: center;
}
#heroVisual .main_sliderTextBox02 .sliderTextArea figure {
	text-align: center;
}
#heroVisual .main_sliderTextBox02 .sliderTextArea figure img{
	display: inline;
}
#heroVisual .heroVisualInner {
	position: absolute;
	width: 1800px;
	height: 710px;
	left: 50%;
	transform: translateX(-50%);
}
#heroVisual .main_sliderImg img {
	height: 710px;
}
#heroVisual .main_sliderImg img.pcOnly {
	display: block;
}
#heroVisual .main_sliderImg img.spOnly {
	display: none;
}




.btnGold > a{
	display: inline-block;
	position: relative;
	min-width: 180px;
	margin-top: 25px;
	padding: 11px 40px 9px;
	border: 1px solid #a56641;
	font-size: 15px;
	color: #a56641;
	text-decoration: none;
	background-color: #ffffff;
}
.btnGold > a.open{
	color: #a56641;
	background-color: #faf8f5;
}
.btnGold > a:before,
.btnGold > a:after{
	content: "";
	position: absolute;
	top: 50%;
	background-color: #a56641;
}
.btnGold > a:before{
	right: 26px;
	height: 15px;
	width: 1px;
	margin-top: -8px;
}
.btnGold > a:after{
	right: 19px;
	height: 1px;
	width: 15px;
	margin-top: -1px;
}
.btnGold > a.open:before{
	content: none;
}
.btnGold > a.open .openTxt{
	display: inline;
}
.btnGold > a .openTxt{
	display: none;
}
.btnGold > a.open .closeTxt{
	display: inline;
}
.btnGold > a.open .closeTxt{
	display: none;
}
.gold-sliderBox{
	width: 100%;
	overflow-x: hidden;
}
.gold-support_slider{
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 0 calc((100vw - 100%) / 2);
}
.gold-support_slider .slider_item {
	width: 980px;
	margin: 0 15px;
	background-color: #ffffff;
}
.gold-support_slider .slider_item .item_wrap {
	position: relative;
	padding: 40px 30px 82px;
}
.gold-support_slider .slider_item .bottomBtn {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}
.gold-support_slider .slider_item .layout {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.gold-support_slider .slider_item .layout .img,
.gold-support_slider .slider_item .layout .text {
	display: table-cell;
	vertical-align: middle;
}
.gold-support_slider .slider_item .layout .img {
	width: 188px;
	padding-right: 24px;
}
.gold-support_slider .slider_item .text .head {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
.gold-support_slider::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: calc((100% - 1040px)/2);
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 3;
}
.gold-support_slider::after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: calc((100% - 1040px)/2);
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 3;
}
.gold-support_slider .slick-prev {
	background: url(/img-files/top_slick_arw_ic01.png) no-repeat;
	left: 50%;
	width: 15px;
	height: 25px !important;
	margin-left: -512px;
	border: none;
}
.gold-support_slider .slick-next {
	background: url(/img-files/top_slick_arw_ic02.png) no-repeat;
	right: 50%;
	width: 15px;
	height: 25px !important;
	margin-right: -512px;
	border: none;
}
.btnList01.loungeList01 > li {
	float: left;
	width: calc((100% - 69px)/ 4);
	margin-left: 23px;
}
.btnList01.loungeList01 > li + li {
	margin-top: 0;
}
.btnList01.loungeList01 > li:nth-child(4n+1) {
	margin-left: 0;
}
.btnList01.loungeList01 > li:nth-child(n+5) {
	margin-top: 1.2%;
}
.btnList01.loungeList01 > li > a {
	width: 100%;
	padding: 15px 40px 13px 30px;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-bottom-color: #a5a5a5;
	background: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	color: #222222;
	display: flex;
	justify-content: center;
	align-items: center;
}
.btnList01.loungeList01 > li > a:hover {
	margin-top: 1px;
	border-bottom-color: #dbdbdb;
}
.btnList01.loungeList01 > li > a:after {
	height: 27px;
	width: 27px;
	background-size: 100% 100%;
}
.table01.type-gold,
.table01.type-gold .headingCell01,
.table01.type-gold .detailCell01{
	border-color: #e3d8c6;
}
.table01.type-gold .headingCell01{
	padding: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	background-color: #fff;
}
.table01.type-gold .lv01{
	 background-color: #f1ebe2;
}
.table01.type-gold .detailCell01.lv01{
	padding: 14px 30px;
	font-size: 20px;
	font-size: 2.0rem;
}
.txtLarge01.type-gold{
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.8;
}
.txtStrong01,
.txtLarge01.type-gold > .txtColor01{
	color: #DC322C;
}
.sp_smallList01{
	margin-top: 30px;
}

.section02.type-gold02 .responsiveTable01,
.section02.type-gold02 .responsiveTable01 .headingCell01,
.section02.type-gold02 .responsiveTable01 .detailCell01{
	border-color: #e3d8c6;
}
.section02.type-gold02 .responsiveTable01 .headingCell01{
	background-color: #f1ebe2;
}
.section02.type-gold02 .responsiveTable01 .detailCell01{
	background-color: #fff;
}
@media print, screen and (min-width: 768px) and (max-width: 1200px){
	.gold-support_slider {
		margin-right: 0;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
.gcAnnualFee02{
	font-size: 27px;
	font-size: 2.7rem;
}
.qaBox01{
	padding: 30px 0 !important;
	font-size: 16px;
	font-size: 1.6rem;
}
.qaBox01 + .qaBox01{
	margin-top: 0;
	border-top: 1px solid #a56641;
}
.qaBox01:last-of-type{
	border-bottom: 1px solid #a56641;
}
.qaBox01 .question a,
.qaBox01 .question span{
	padding-top: 8px;
	padding-left: 50px;
	font-weight: normal;
}
.qaBox01 .question a:after,
.qaBox01 .question span:after{
	height: 35px;
	width: 35px;
	background: url("/goldcard/img-files/gold_ic05.jpg") no-repeat 0 0;
}
.qaBox01 .answer{
	padding-left: 50px;
}
.qaBox01 .answer:after{
	height: 35px;
	width: 35px;
	background: url("/goldcard/img-files/gold_ic06.jpg") no-repeat 0 0;
}
.question.toggleTrigger{
	position: relative;
	padding-left: 0;
	padding-right: 20px;
	color: #222;
	}
.toggleTrigger{
	padding-left: 0;
}
.toggleTrigger:before {
	position: absolute;
	top: 50%;
	right: 7px;
	content: "";
	width: 1px;
	height: 15px;
	margin-top: -8px;
	background: #000;
}
.toggleTrigger.open:before {
	content: none;
}
.toggleTrigger:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 15px;
	height: 1px;
	margin-top: -1px;
	background: #000;
}
.InquiryBox {
	margin-top: 60px;
}
.InquiryBox .InquiryHead {
	margin-bottom: 10px;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: bold;
	color: #222222;
	text-align: center;
}
.InquiryBox .InquiryDesc {
	text-align: center;
}
.InquiryBox .InquiryDesc > dt {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
.InquiryBox .InquiryDesc > dt > .sub {
	font-size: 19px;
	font-size: 1.9rem;
}
.InquiryBox .InquiryDesc > dd {
	letter-spacing: -0.4em;
}
.InquiryBox .InquiryDesc > dd > p {
	display: inline-block;
	letter-spacing: normal;
}
.InquiryBox .InquiryDesc > dd > p + p {
	margin-left: 54px;
}
.InquiryBox .InquiryDesc > dd > p .area {
	margin: 0 10px 0 0;
	padding: 0.2em 10px 0;
	font-size: 16px;
	font-size: 1.6rem;
	background: #a56641;
	color: #ffffff;
	vertical-align: middle;
}
.InquiryBox .InquiryDesc > dd > p .telLink {
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
}
#cvFloating .conversionInner {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 90;
}
#cvFloating .conversionInner .innerLayout{
	width: 1200px;
	margin: 0 auto;
}
#cvFloating .conversionTxt.conversion_detail{
	background: #a56641 !important;
	padding: 18px 0;
}
#cvFloating .conversionTxt span {
	display: inline-block;
	padding: 0 18px;
	position: relative;
}
#cvFloating .conversionTxt span::before,
#cvFloating .conversionTxt span::after{
	position: absolute;
	top: 50%;
	content: "";
	width: 7px;
	height: 7px;
	background: #b88d50;
	margin-top: -5px;
	transform: rotateZ(45deg);
}
#cvFloating .conversionTxt span::before{
	left: 0;
}
#cvFloating .conversionTxt span::after{
	right: 0;
}
#cvFloating .innerLayout .conversion_detail {
	margin-top: 0;
	background-color: #faf1e4;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	padding: 16px calc((100vw - 100%) / 2);
}
#cvFloating .innerLayout .toggleTrigger::before,
#cvFloating .innerLayout .toggleTrigger::after{
	content: none;
}
@media print, screen and (min-width: 768px) and (max-width: 1220px){
	#cvFloating .innerLayout .conversion_detail {
		margin-right: 0;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
.btnLink01.typeImg01 a,
.btnLink01.typeImg02 a{
	padding: 7px 60px 7px 7px;
	font-size: 18px;
	font-size: 1.8rem;
}
.btnLink01.typeImg01 a img,
.btnLink01.typeImg02 a img{
	max-width: 135px !important;
}
.btnLink01.typeImg02 a{
	text-align: left;
}
.btnLink01.typeImg02 a .tx{
	display: inline-block;
	width: calc(100% - 155px);
	text-align: center;
}
.cvBtn01{
	max-width: 585px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border-bottom: solid 3px #7e0000;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.cvBtn01:hover{
	margin-top: 0;
	border-bottom-width: 1px;
	padding-top: 2px;
}
.cvBtn01 > a{
	margin-top: 0px;
	background-color: #dd342d;
	border-bottom: solid 1px #dd342d;
	color: #ffffff;
}
.cvBtn01 > a{
	width: 100%;
	margin-top: 0;
	padding: 30px 60px 27px 50px;
	background-color: #dd342d;
	border: solid 2px #dd342d;
}
.cvBtn01 > a:hover{
	margin-top: 0;
	background-color: #dd342d;
	border: solid 2px #dd342d;
	color: #ffffff;
}
.cvBtn01.typeWhite > a{
	background-color: #FFFFFF;
	color: #dd342d;
}
.cvBtn01.twoLine > a{
	padding: 15px 60px 14px 50px;
}
.btnLink01.cvBtn01 > a::after{
	background-image: url(/goldcard/img-files/gold_ic07.png);
	background-size: 100% 100%;
}
.cvBtn01.typeWhite > a::after{
	background-image: url(/goldcard/img-files/main_ic09.png);
	background-size: 100% 100%;
}
.cvBtn01.typeB {
	position: relative;
}
.cvBtn01.typeB .cpTxt{
	font-size: 24px;
}
.cvBtn01.typeB .sub{
	font-size: 16px;
}
.cvBtn01.typeB.icon01 a::before{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto 0;
	width: 38px;
	background: url(/goldcard/img-files/gold_ic10.png) no-repeat 5% 50%;
}
.cvBtn01.typeB.icon02 a::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto 0;
	width: 52px;
	background: url(/goldcard/img-files/gold_ic09.png) no-repeat 3% 50%;
}

.detailLead {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
 .detailLead .integer {
	font-size: 38px;
	font-size: 3.8rem;
}


.ic-question{
	display: inline-block;
	padding: 5px 22px 2px 35px;
	background: url(/goldcard/img-files/gold_ic08.png) no-repeat left;
	color: #0079a1 !important;
}
.ic-question.toggleTrigger{
	text-decoration: underline;
}
.ic-question.toggleTrigger:before{
	height: 11px;
	margin-top: -6px;
}
.ic-question.toggleTrigger:after{
	width: 11px;
	right: 2px;
}
.type_httk{
	font-size: 16px;
	font-size: 1.6rem;
}
.type_httk > .colLayout{
	margin-top: 16px;
}
.type_httk > .colLayout >.col:first-child{
	width: auto;
	margin-right: 25px;
}
.type_httk > .colLayout >.col:first-child{
	width: auto;
	margin-right: 25px;
}
.type_httk > .gold-pre_title{
	font-size: 20px;
	font-size: 2.0rem;
}
.type_httk > .colLayout >.col .btnLink01.txtSmall a{
	width: 100%;
}

.btnLink01.gl-btnLink01{
	margin-top: 20px;
	text-align: center;
}
.btnLink01.gl-btnLink01 a{
	width: 300px;
	padding: 12px 0;
	border: 2px solid #333333;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	color: #333;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.btnLink01.gl-btnLink01 a:hover{
	margin: 0;
	border: 2px solid #333333;
	opacity: 0.7;
}
.btnLink01.gl-btnLink01 a:after,
.btnList01.gl-btnLink01 > li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	height: 12px;
	width: 7px;
	margin-top: -6px;
	background: url(/platinum/img-files/pc_main_ic07.png) no-repeat 0 0;
	background-size: 100% auto;
}
.btnLink01.gl-btnLink01.gl-blank a:after,
.btnList01.gl-btnLink01.gl-blank > li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	height: 11px;
	width: 12px;
	margin-top: -6px;
	background: url(/platinum/img-files/pc_main_ic10.png) no-repeat 0 0;
	background-size: 100% auto;
}
.btnLink01.gl-btnLink01.gl-pdf a:after,
.btnList01.gl-btnLink01.gl-pdf > li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 16px;
	height: 32px;
	width: 32px;
	margin-top: -16px;
	background: url(/common-files/img/com_btn_ic03.png) no-repeat 0 0;
	background-size: 100% auto;
}
.btnLink01.gl-btnLink01.gl-pdf a,
.btnList01.gl-btnLink01.gl-pdf > li a,
.btnLink01.gl-btnLink01.gl-imgBtn a,
.btnList01.gl-btnLink01.gl-imgBtn > li a{
	width: auto;
	padding: 10px 60px 10px 10px;
}
.btnLink01.gl-btnLink01.gl-imgBtn a img,
.btnList01.gl-btnLink01.gl-imgBtn > li a img{
	max-width: 135px;
	margin-right: 20px;
}
.btnLink01.gl-btnLink01.type_httk{margin-top: 60px;}
.btnLink01.gl-btnLink01.type-R a{
	border-color: #d0372c;
	font-size: 26px;
	font-size: 2.6rem;}


/* SIDENAV PARTS
------------------------------------------------------ */
.gold-sidenav {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 11000;
}
.gold-sidenav.active {
}
.gold-sidenav .gold-sidenav_btn{
	position: fixed;
	display: none;
	top: 27px;
	right: 0;
	width: 261px;
	height: 54px;
	background: #7c4710;
	cursor: pointer;
	z-index: 100;
	box-shadow: 3px 3px 4px 0px rgba(0,0,0, 0.7);
	padding: 14px 0 14px 34px;
}
.gold-sidenav .gold-sidenav_btn span{
	position: relative;
	display: inline-block;
	padding-right: 40px;
	color: #ffffff;
	font-size: 20px;
	font-size: 2.0rem;
}
.gold-sidenav .gold-sidenav_btn span:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 9px;
	height: 1px;
	margin-top: -10px;
	border-radius: 50%;
	background: #7c4710;
	border: solid 9px #fff;
	border-right-width: 5px;
	border-left-width: 5px;
}
.gold-sidenav .gold-sidenav_btn span:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 9px;
	width: 1px;
	height: 9px;
	margin-top: -5px;
	background: #7c4710;
}
.gold-sidenav .gold-sidenav_btn.on span:after{
	content: none;
}
.gold-sidenav .sidenav_inner{
	display: none;
	position: fixed;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	margin: 0 -20px 0 0;
	background-color: #faebd4;
	border-top: solid 30px #faebd4;
	border-bottom: solid 30px #faebd4;
	box-shadow: -3px 0px 10px 0px rgba(0,0,0, 0.3);
	z-index: 95;	
	overflow-y: scroll;
}
.gold-sidenav .sidenav_inner .sidenav_box{
	display: table;
	width: 100%;
	height: 100%;
	padding: 0px 16%;
}
.gold-sidenav .sidenav_inner .sidenav_wrap {
	display: table-cell;
	vertical-align: middle;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dt{
	position: relative;
	min-height: 107px;
	padding: 40px 0 0 74px;
  font-size: 21px;
  font-size: 2.1rem;
	cursor: pointer;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dt::before{
	position: absolute;
	content: "";
	width: 15px;
	height: 1px;
	top: 50%;
	right: 10px;
	margin-top: 0;
	background-color: #b18247;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dt::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 15px;
	top: 50%;
	right: 17px;
	margin-top: -7px;
	background-color: #b18247;
}
.gold-sidenav .sidenav_inner .nav > li:nth-child(1) > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic01.png) no-repeat 0 50%; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(2) > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic02.png) no-repeat 0 50%; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(3) > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic03.png) no-repeat 0 50%; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(4) > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic04.png) no-repeat 0 50% / 56px; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(1).on > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic01on.png) no-repeat 0 50%; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(2).on > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic02on.png) no-repeat 0 50%; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(3).on > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic03on.png) no-repeat 0 50%; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(4).on > dl > dt{ background: url(/goldcard/img-files/gold_nav_ic04on.png) no-repeat 0 50% / 56px; }
.gold-sidenav .sidenav_inner .nav > li.on > dl > dt::before{
	background-color: #b18247;
}
.gold-sidenav .sidenav_inner .nav > li.on > dl > dt::after{
	display: none;
}
.gold-sidenav .sidenav_inner .nav > li.on > dl > dt{
	position: relative;
	font-weight: bold;
	color: #a26f21;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dd {
	display: none;
	margin-bottom: 45px;
	padding-left: 40px;
}
.gold-sidenav .sidenav_inner .nav > li:nth-child(1) dl dd { background: url(/goldcard/img-files/gold_nav_im01.png) no-repeat right bottom; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(2) dl dd { background: url(/goldcard/img-files/gold_nav_im02.png) no-repeat right bottom; }
.gold-sidenav .sidenav_inner .nav > li:nth-child(3) dl dd { background: url(/goldcard/img-files/gold_nav_im03.png) no-repeat right bottom; }
.gold-sidenav .sidenav_inner .nav > li > dl > dd > ul > li + li {
	margin-top: 25px;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dd > ul > li p {
  font-size: 16px;
  font-size: 1.6rem;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dd > ul > li a {
	color: #a26f21;
  font-size: 20px;
  font-size: 2.0rem;
	font-weight: bold;
}
.gold-sidenav .sidenav_inner .nav > li + li.type02 {
	margin-top: 40px;
}
.gold-sidenav .sidenav_inner .nav > li.type02 + li.type02 {
	margin-top: 0;
}
.gold-sidenav .sidenav_inner .nav > li.type02 dl dd {
	display: block !important;
	margin-bottom: 15px;
}
.gold-sidenav .sidenav_inner .nav > li.type02 a{
	font-weight: normal;
}
.epotokuArea{}
.epotokuArea .btnLink01.type02.typeImg02{
	margin-top: 10px;
}
.gold-borderBox01{
	margin-top: 20px;
	border: 1px solid #a56641;
}
.gold-borderBox01 .headLine01{
	padding: 12px 8px 8px;
}
.gold-borderBox01 .headLine02{
	padding: 10px;
	background-color: #a56641;
}
.gold-borderBox01 .detailArea{
	padding: 8px;
}
.goldText01 {
	margin-top: 24px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: left;
}

/*invitation
--------------------------------*/
#goldcard .invitation_apply-btnLink04{
	text-align: center;
}
#goldcard .invitation_apply-btnLink04 a{
	display: block;
	max-width: 712px;
	padding: 40px 110px;
	margin: 0 auto;
	background: #dc322c url("/memberservice/pc/rsp/v1/gold_invitation/img/02/gold_invitation_ic05.png") no-repeat left 14px center;
	border: 2px solid #dc322c;
	border-radius: 10px;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	line-height: 1.0;
}
#goldcard .invitation_apply-btnLink04 a.twoLine{
	padding: 30px 110px;
	font-size: 23px;
}
#goldcard .invitation_apply-btnLink04 a > span.smalltxt{
	font-size: 18px;
}
#goldcard .invitation_apply-btnLink04 a:hover{
	background-color: #ffffff;
	color: #dc322c;
}
#goldcard .invitation_apply-iconImageList01{
	width: 712px;
	margin: 50px auto 0;
}
#goldcard .invitation_apply-iconImageList01 > li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
}
#goldcard .invitation_apply-iconImageList01 > li.invitation_apply-iconLink a {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 15px;
	border-radius: 10px;
	background-color: #e6e6e6;
	text-decoration: none!important;
}
#goldcard .invitation_apply-iconImageList01 > li.invitation_apply-iconLink a:hover {
	opacity: 0.7;
}
#goldcard .invitation_apply-iconImageList01 > li + li{
	margin-top: 10px;
}
#goldcard .invitation_apply-iconImageList01 > li a{
	text-decoration: underline !important;
	color: inherit;
}
#goldcard .invitation_apply-iconImageList01 > li a:hover{
	text-decoration: none !important;
}
#goldcard .invitation_apply-iconImageList01 > li em{
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
}
.invitation_apply-iconImageList01 > li.invitation_apply-iconLink a em {
	margin: 0 auto;
	padding-right: 88px;
}
#goldcard .invitation_apply-iconImageList01 > li .icon{
	display: inline-block;
	margin-right: 10px;
}
#goldcard .invitation_apply-textLink01 {
	margin-top: 60px;
}
#goldcard .invitation_apply-textLink01 a{
	font-size: 2.6rem;
}
#goldcard .invitation_apply-textLink01 a:link{
	text-decoration: underline !important;
	color: inherit;
}
#goldcard .invitation_apply-textLink01 a:hover{
	text-decoration: none !important;
}
/*step*/
.stepContents--wrap{
}
.stepContents--wrap > .stepContents--item + .stepContents--item{
	position: relative;
	margin-top: 45px;
}
.stepContents--wrap > .stepContents--item + .stepContents--item::before{
	position: absolute;
	top: -22px;
	left: 50%;
	display: inline-block;
	margin-left: -26px;
	border-top: 13px solid #b2d9de;
	border-left: 26px solid transparent;
	border-right: 26px solid transparent;
	content: '';
}
.stepContents--item .stepContents--title{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #008191;
}
.stepContents--item .stepContents--figureBox{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row nowrap;
}
.stepContents--figureBox .image{
	width: 55px;
}
.stepContents--figureBox .text{
	width: calc(100% - 55px);
	font-size: 15px;
}
.stepContents--figureBox .text .note{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 13px;
}
.stepContents--noteList{
	margin-top: 1.5em;
	font-size: 12px;
}
.stepContents--noteList > li{
	padding-left: 1em;
	text-indent: -1em;
}
#gold_step_modal01 .btnLink01 a{
	position: relative;
	display: inline-block;
	padding: 15px 44px 12px 19px;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	background-color: #e6e6e6;
	color: #222222 !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}
.cb_inline_container{
	display: none;
}
#gold_step_modal01 .cb_close,
#application_modal01 .cb_close{
	display: none;
}
#gold_step_modal01 .cb_wrap{
	width: 700px;
}
.cb_page {
	padding: 30px;
}
.cb_foot .btnLink01 {
	text-align: center;
}
#gold_step_modal01 .btnLink01 a.type-close{
	padding: 15px 19px 12px 44px;
	font-size: 14px;
}
#gold_step_modal01 .btnLink01 a:hover.type-close{
	margin-top: 2px;
	border-bottom-width: 1px;
}
#gold_step_modal01 .btnLink01 a:after{
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic02.png) no-repeat 0 0;
	margin: -13px 0 0 0;
}
#gold_step_modal01 .btnLink01 a.type-close:after{
	left: 8px;
	right: auto;
	width: 14px;
	height: 12px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic06.png) no-repeat 0 0;
	background-size: 14px auto;
	margin: -6px 0 0 0;
}
#gold_step_modal01 .stepheading01{
	font-size: 24px;
	font-weight: 700;
	color: #333333;
	margin-bottom: 30px;
	border-bottom: 3px solid #333333;
	padding-bottom: 10px;
}

#gold_step_modal01 .invitation_apply-btnLink04{
	margin-top: 20px;
}
@media screen and (min-width: 751px) {
	#goldcard #cboxLoadedContent{
		overflow: auto !important;
	}
	.stepContents--wrap,
	.stepContents--noteList{
		width: 500px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.stepContents--item .stepContents--title{
		font-size: 22px;
	}	
	.stepContents--figureBox .image{
		width: 70px;
	}
	.stepContents--figureBox .text{
		width: calc(100% - 70px);
		font-size: 18px;
	}
	.stepContents--figureBox .text .note{
		padding-left: 1em;
		text-indent: -1em;
		font-size: 13px;
	}
	#gold_step_modal01 .invitation_apply-btnLink04 a,
	#gold_step_modal01 .invitation_apply-btnLink04 a.twoLine {
		max-width: 500px;
		padding-right: 20px;
	}
	#gold_step_modal01 .invitation_apply-textLink01 {
		margin-top: 1em;
	}
	#gold_step_modal01 .invitation_apply-textLink01 a{
		font-size: 18px;
	}
}
	/*tab*/
	#gold_step_modal01 .tabBox01 .tabLayout01{
		display: flex;
	}
	#gold_step_modal01 .tabBox01 .tabLayout01.col2 li{
		width: calc((100% - 20px)/2);
	}
	#gold_step_modal01 .tabBox01 .tabLayout01.col2 li{
		width: calc((100% - 20px)/2);
	}



/*application*/
#application_modal01 .appliheading01 {
	font-size: 34px;
	font-weight: 700;
	color: #333333;
	margin-bottom: 30px;
	border-bottom: 3px solid #333333;
	padding-bottom: 10px;
}
/* ----- appliPointBox ----- */
#application_modal01 .appliPointBox {
	text-align: center;
}
#application_modal01 .appliPointBox + .appliPointBox {
	margin-top: 60px;
}

/* ----- appliheading2 ----- */
#application_modal01 .appliheading2 .heading2inner > .subtitle {
	display: inline-block;
	padding: 0 50px;
	border: 2px solid #45a2b0;
	border-radius: 30px;
	background-color: #45a2b0;
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
}
#application_modal01 .appliheading2 .heading2inner > .title {
	margin-top: 30px;
	font-size: 32px;
	font-weight: bold;
}

/* ----- newsBox ----- */
.gold-newsBox {
	clear: both;
	padding: 15px;
	border: 2px solid #dc322c;
}
.gold-newsBox >:first-child {
	margin-top: 0 !important;
}
.gold-newsBox > .gold-newsText {
	margin: 1em 0 0 0;
	color: #dc322c;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.gold-newsBox > .gold-newsText a {
	color: #dc322c;
}
/* ----- appliHuman ----- */
#application_modal01 .appliHuman {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 50px;
	padding-right: 88px;
}
#application_modal01 .appliHuman .appliHumanImg {
	margin-right: 30px;
}
#application_modal01 .appliHuman .appliHumanTextbox > .text {
	position: relative;
	width: 384px;
	padding: 32px 10px;
	border: 2px solid #45a2b0;
	border-radius: 20px;
	font-size: 20px;
}
#application_modal01 .appliHuman .appliHumanTextbox > .text::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 26px;
	height: 16px;
	top: 80px;
	left: -26px;
	background: url(/memberservice/pc/rsp/v1/invitation_apply/img/modal_application/index_bg01-pc.png) no-repeat 0 50%;
}
#application_modal01 .appliHuman.type01 .appliHumanTextbox {
	margin-top: 10px;
}
#application_modal01 .appliHuman.type02 .appliHumanTextbox {
	margin-top: 6px;
}
#application_modal01 .appliHuman.type03 .appliHumanTextbox {
	margin-top: 13px;
}

/* ----- goldMethod ----- */
.goldMethodWrap {
	display: none;
}
.goldMethodImage {
	width: 600px;
	margin: 20px auto 0;
}
/* ----- appliAd ----- */
#application_modal01 .appliAd {
	position: relative;
	margin-top: 100px;
}
#application_modal01 .appliAd .lead {
	font-size: 28px;
	font-weight: bold;
}
#application_modal01 .appliAd .text {
	margin-top: 15px;
	font-size: 20px;
}
#application_modal01 .appliAd::after {
	content: "";
	display: inline-block;
	position: absolute;
	border-top: 35px solid #45a2b0;
	border-right: 30px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 30px solid transparent;
	top: -68px;
	left: calc(50% - 30px);
}

/* ----- appliAnimationLayout ----- */
#application_modal01 .appliAnimationLayout {
	margin-top: 55px;
}
#application_modal01 .appliAnimationLayout > .appliAnimationInner {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

/* ----- appliAnimationLayout type01 ----- */
#application_modal01 .appliAnimationLayout.type01 > .appliAnimationInner {
	width: 620px;
}
#application_modal01 .appliAnimationLayout.type01 > .appliAnimationInner > .onpImg {
	position: absolute;
	top: 0;
	opacity: 1;
}
#application_modal01 .appliAnimationLayout.type01 > .appliAnimationInner > .balloonImg {
	position: absolute;
	top: 0;
	opacity: 1;
}

/* ----- appliAnimationLayout type02 ----- */
#application_modal01 .appliAnimationLayout.type02 > .appliAnimationInner {
	width: 502px;
}
#application_modal01 .appliAnimationLayout.type02 > .appliAnimationInner > .balloonImg {
	position: absolute;
	top: 0;
	opacity: 1;
}

/* ----- appliAnimationLayout type03 ----- */
#application_modal01 .appliAnimationLayout.type03 > .appliAnimationInner {
	width: 654px;
}
#application_modal01 .appliAnimationLayout.type03 > .appliAnimationInner > .balloonImg01 {
	position: absolute;
	top: 0;
	opacity: 1;
}
#application_modal01 .appliAnimationLayout.type03 > .appliAnimationInner > .balloonImg02 {
	position: absolute;
	top: 0;
	opacity: 1;
}

#application_modal01 .btnLink01 a{
	position: relative;
	display: inline-block;
	padding: 15px 44px 12px 19px;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	background-color: #e6e6e6;
	color: #222222 !important;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
}
#application_modal01 .btnLink01 a.type-close {
	padding: 15px 19px 12px 44px;
	font-size: 14px;
}
#application_modal01 .btnLink01 a:hover.type-close {
	margin-top: 2px;
	border-bottom-width: 1px;
}
#application_modal01 .btnLink01 a:after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic02.png) no-repeat 0 0;
	margin: -13px 0 0 0;
}
#application_modal01 .btnLink01 a.type-close:after {
	left: 8px;
	right: auto;
	width: 14px;
	height: 12px;
	background: url(/memberservice/pc/rsp/v1/gold_invitation_apply/img/form_ic06.png) no-repeat 0 0;
	background-size: 14px auto;
	margin: -6px 0 0 0;
}
@media screen and (min-width: 751px) {
	#gold_step_modal01.cb_inl_content,
	#application_modal01.cb_inl_content {
		max-width: 940px;
	}
	#gold_step_modal01.cb_inl_content .cb_inl_inner{
		width: 700px;
	}
	#application_modal01.cb_inl_content .cb_inl_inner{
		width: 900px;
	}
}


/* modal
------------------------------------------------------ */
#colorbox, #cboxOverlay, #cboxWrapper{
	z-index: 20002;
}
.cb-inline:after{
	content: none;
}
#colorbox:not(.cb-yt_initialWrap) #cboxClose{
	position: absolute;
	right: -20px;
	top: -20px;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: none;
	background: url("/common-files/img/com_close_ic06.png") no-repeat 0 0;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	z-index: 10;
}
#colorbox:not(.cb-yt_initialWrap) #cboxClose:hover{
	background-position: 0 0;
}
@media screen and (min-width: 751px) {
	#goldcard #colorbox:not(.cb-yt_initialWrap) #cboxLoadedContent{
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}
}



/* JS
------------------------------------------------------ */
.sa {
	opacity: 0;
	transition: all .8s ease;
}
.sa.show {
	opacity: 1;
	transform: none;
}
.sa--lr {transform: translate(-100px, 0);}
.sa--rl {transform: translate(100px, 0);}
.sa--up {transform: translate(0, 30px);}
.sa--down {transform: translate(0, -30px);}
.sa--scaleUp {transform: scale(.5);}
.sa--scaleDown {transform: scale(1.5);}
.sa--rotateL {transform: rotate(180deg);}
.sa--rotateR {transform: rotate(-180deg);}

.sl-1 > img{
	position: relative;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	min-width: 1830px;
	height: 710px;
	/*margin-left: 8px;*/
	/*transition: all 2900ms linear;*/
}
.sl-1:first-child > img{
	min-width: 1900px;
}
/*
.sl-1.slick-active > img{
	margin-left: -7px;
}
.sl-1.sl-first > img{
	margin-left: -22px;
}
*/
.sl-3 img{
	margin-left: 30px;
	opacity: 0;
	transition: all 800ms ease;
}
.sl-3.sl-on img{
	margin-left: 0;
	opacity: 1;
}
.sl-3.sl-off img{
	margin-left: -30px;
	opacity: 0;
}
.slick-dots li{
	margin: 0 19px;
}
.slick-dots li button:before{
	background: #a3a3a3;
}
.slick-dots li.slick-active button:before{
	background: #a56641;
}

/*202104�`*/
.innerBox_leadTxt01{
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: bold;
	color: #a56641;
}
.innerBox_leadTxt02{
	margin-top: 70px;
	margin-bottom: 40px;
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
}
.innerBox_leadTxt02 > .txtLarge01{
	font-size: 38px;
	font-size: 3.8rem;
}
.innerBox_tW{
	margin-bottom: 40px;
}
.btnLink01 a:after, .btnList01 > li a:after{
	background-image: url(/goldcard/img-files/main_ic10.png);
}
.btnLink01.blank.txtSmall a:after, .btnList01.txtSmall > li.blank a:after,
.btnLink01.blank a:after, .btnList01 > li.blank a:after{
	background-image: url(/goldcard/img-files/main_ic11.png);
	background-size: 100% 100%;
}

body {
	position: relative;
	overflow: hidden;
}
body.js-fixed {
	position: fixed;
	width: 100vw
}
body.js-fixed #pageContainer {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 100%;
}

#youtubeContents_gold01{
	width: 640px;
	height: 360px;
}
.cb-ytWrap #cboxClose{
	position: absolute;
	top: -20px;
	right: -20px;
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
}
.cb-ytWrap #cboxClose:hover{
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
}
.gl-buttonWrap {
	display: flex;
	justify-content: center;
	gap: 10px 50px;
	margin-top: 20px;
}
.gl-buttonItem {
	width: fit-content;
}
.gl-buttonItem >:first-child {
	margin-top: 0 !important;
}
.gl-buttonItem .gl-buttonText {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.6rem;
}
.gl-buttonItem .gl-buttonText + * {
	margin-top: 0 !important;
}
.gold-support_slider.nopb .slider_item .item_wrap {
	padding-bottom: 40px;
}
#goldcard .gold-inquiryWrap > .gold-inquiry {
	margin-top: 35px;
	margin-bottom: 0;
}
#goldcard .gold-inquiry {
	margin-top: 30px;
	margin-bottom: 32px;
	text-align: center;
}
#goldcard .gold-inquiry >:first-child {
	margin-top: 0 !important;
}
#goldcard .gold-inquiry .gold-inquiryTitle {
	margin-top: 10px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.2;
}
#goldcard .gold-inquiry .gold-inquiryText01 {
	margin-top: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}
#goldcard .gold-inquiry .gold-inquiryText01 .small {
	font-size: 1.9rem;
}
#goldcard .gold-inquiry .gold-inquiryNum {
	margin-top: 5px;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.2;
}
#goldcard .gold-toggleWrap {
	text-align: center;
	margin-bottom: 30px;
}
#goldcard .gold-toggleWrap .gold-toggleButton {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	min-height: 45px;
	min-width: 400px;
	padding: 5px 35px 5px 20px;
	border: 1px solid #af7e45;
	background-color: #faf8f5;
	color: #91652b;
	font-size: 1.5rem;
	text-align: center;
}
#goldcard .gold-toggleWrap .gold-toggleButton::before,
#goldcard .gold-toggleWrap .gold-toggleButton::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 13px;
	width: 15px;
	height: 1px;
	margin-top: -0.5px;
	background-color: #af7e45;
}
#goldcard .gold-toggleWrap .gold-toggleButton::before {
	transform: rotate(-90deg);
}
#goldcard .gold-toggleWrap .gold-toggleButton.open::before {
	transform: rotate(0);
}
#pageContainer #mainContainer .importantBox {
		color: #E97D67;
		font-size: 2.0rem;
		text-align: center;
		display: block;
		border: 2px solid;
		padding: 10px;
		font-weight: bold;
		margin: 30px auto 0;
	}
/* Clearfix
------------------------------------------------------ */
.gold-pre_layout:after,
.btnList01.loungeList01:after {
	content: "";
	display: block;
	clear: both;
}
.gold-pre_layout,
.btnList01.loungeList01 {
	zoom: 1;
}

/* �lj� 251120 */
.faq {
  text-align: center;
  margin: 0 auto;
  width: 65%;
}
.faq a{
  padding: 0 0 0 12px;
  font-size: 2.8rem;
  font-weight: bold;
  color: #222222;
	position: relative;
}
.faq a::before {
  content: "";
	position: absolute;
	left: -22px;
	top: 5px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(/goldcard/img-files/main_ic12.png) no-repeat 0 0 / contain;
	background-size: 28px 28px;
}