@charset "shift_jis";

@media screen and (max-width: 750px) {
/* ======================================================
 * -@media - width <= 750px
 * /common-files/css/goldcard/main_sp.css
 * ------------------------------------------------------
 * LAYOUT SETTING
 * SECTION PARTS
 * CONTENTS PARTS
 * BUTTON PARTS
 * TEXT PARTS
 * INQUIRY PARTS
 * OTHER SETTING
 * Clearfix
====================================================== */
/* LAYOUT SETTING
------------------------------------------------------ */
#mainContainer{
	margin-top: 0;
}
#mainContents{
	padding: 0;
}
.innerBox{
	width: auto;
	margin: 0 10px;
}



/****** 右バナートルツメ時に削除する ******/
#pageTopBtn{
	right: 44px;
}




#pageTopBtn{
	bottom: 160px !important;
}
#chatbotBtn{
	bottom: 210px !important;
}
.main-KV{
	padding: 90px 0 40px;
}
.main-KV img{
	max-width: 114px;
	margin: 0 auto;
}

.contentArea{
	position: relative;
	padding: 0 0 60px;
	margin-bottom: 44px;
	background-color: #fff;
	min-height: auto;
}
.contentArea.toggleWrap{
	padding: 0 0 90px;
}
.contentArea + .contentArea{
	border-top: none;
}
.contentArea:last-of-type{
	margin-bottom: 0;
}
.contentArea .bgImg{
	position: absolute;
	top: 0;
	width: auto;
	height: 225px;
	z-index: 0;
	overflow: hidden;
	max-height: none;
}
.contentArea .bgImg.typeL{
	left: 0;
}
.contentArea .bgImg.typeR{
	right: 0;
}
.contentArea .bgImg:before{
	content: none;
}
.contentArea .bgImg img{
	width: 100%;
	height: auto;
	min-width: auto;
	min-height: auto;
}
.contentArea .topBlock{
	padding-bottom: 30px;
}
.contentArea .underBlock{
	margin-top: 30px;
	padding-bottom: 0;
}
.contentArea .toggleContent > .underBlock{
	margin-top: 30px !important;
	padding-bottom: 30px;
}
.contentArea .topBlock .figureCol > .txt{
	position: static;
	height: auto;
	margin-top: 33px;
	padding: 0 10px
}
#anc17.contentArea .topBlock .figureCol > .imgR,
#anc17.contentArea .topBlock .figureCol > .imgL{
	height: 225px;
}
#anc17.contentArea .topBlock .figureCol > .txt{
	height: auto;
}
#anc17.contentArea .toggleContent > .underBlock{
	margin-top: 30px !important;
}
.contentArea .topBlock .figureCol > .txt .block{
	position: static;
	margin-top: 5px;
	width: 100%;
	transform: none;
}
.contentArea .topBlock .figureCol > .txt .block img{
	max-width: 100%;
}
.contentArea .topBlock .figureCol > .imgR,
.contentArea .topBlock .figureCol > .imgL{
	position: relative;
	width: 100%;
	height: 225px;
}
.contentArea .topBlock .figureCol > .imgR{
	padding-left: 0;
}
.contentArea .topBlock .figureCol > .imgL{
	padding-right: 0;
}
.contentArea .topBlock .figureCol .imgR .block,
.contentArea .topBlock .figureCol .imgL .block{
	position: absolute;
	top: 50%;
	left: auto;
	right: auto;
	width: 100%;
	transform:  translateY(-50%);
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
}
.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 8px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #a56641;
	font-weight: bold;
}
.contentArea .topBlock .figureCol .block .catch::before,
.contentArea .topBlock .figureCol .block .catch::after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	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: 10px;
}
.contentArea .topBlock .figureCol .imgR .block,
.contentArea .topBlock .figureCol .imgL .block{
	font-size: 16px;
	font-size: 1.6rem;
}
.contentArea .topBlock .figureCol .block .text{
	margin-top: 10px;
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: bold;
}
.contentArea .topBlock .figureCol .block .note {
	margin-top: 15px;
	padding-left: 0;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.contentArea .topBlock .figureCol .block .note .mark {
	position: static;
}
.contentArea .underBtn{
	width: 100%;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
}
.contentArea.toggleWrap .underBtn{
	bottom: 50px;
}
.contentArea .underBtn .btnLink01.type02.txtSmall a{
	width: 260px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
.contentArea .underBtn .btnLink01.type02 a{
	width: calc(100% - 20px);
}
.contentArea .underBtn .btnLink01.type02.typeImg a img{
	margin-right: 15px;
}
.contentArea .underBtn .btnLink01.type02.typeImg a{
	width: calc(100% - 20px);
	display: inline-block;
	padding-right: 39px;
	font-size: 13px;
	font-size: 1.3rem;
}

.contentArea01{
	padding: 30px 0;
	background-color: #ffffff;
}
.contentArea02{
	padding: 30px 0;
}
/* SECTION PARTS
------------------------------------------------------ */
.section02.type-gold{
	margin-top: 60px !important;
	padding-bottom: 35px;
}
.section03.type-gold{
	margin-top: 60px !important;
}
.conversionArea > .toggleWrap + .section03.type-gold{
	margin-top: 15px !important;
}
.section02.type-gold02{
	margin-top: 0 !important;
	padding: 0 0 30px;
}
.section02.type-gold02.contentArea01.sp_mt30{
	padding-top: 30px;
}
.heading02.type-gold{
	width: 100%;
	height: auto;
	min-height: 100px;
	margin: 0;
	padding: 10px;
	background-color: #a2633f;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
}
.heading02.type-gold:before{
	content: "";
	width: 38%;
	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 18px;
	font-size: 14px;
	font-size: 1.4rem;
	z-index: 2;
}
.heading02.type-gold .caption:before,
.heading02.type-gold .caption:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	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: 5px;
	display: inline-block;
	font-size: 23px;
	font-size: 2.3rem;
}
.heading02.type-gold .head.oneline{
	margin-top: 30px;
}
	.heading03{padding-left: 0;}
.heading03.type-gold{
	margin: 0 10px 18px;
	padding-bottom: 15px;
	background: url("/goldcard/img-files/gold_ex01.png") repeat-x left bottom;
	font-size: 20px;
	font-size: 2rem;
	color: #a56641;
	text-align: center;
}
.heading03.type-gold::before{
	content: none;
}
.heading03.type-gold02{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.heading02{
	text-align: center;
	border-top: 0;
	background:  none;
	font-size: 23px;
	font-size: 2.3rem;
}
.heading02.type02{
	margin-right: 0;
	margin-left: 0;
	padding-top: 15px;
	background: url(/goldcard/img-files/gold_ex02.png) repeat-x left top;
}
.heading04.type-gold{
	padding: 6px 0 4px;
	margin-bottom: 15px;
	border-radius: 1.0em;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
}
.heading04.type-gold::after{
	width: 100px;
	height: 1px;
	bottom: 0;
	left: 50%;
	margin-left: -50px;
}

	
/* ----- heroVisual ----- */
#heroVisual{
	overflow: hidden;
	position: relative;
	height: 450px;
}
#heroVisual .main_heroHeadInner{
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 221px;
	margin-left: -110px;
	z-index: 9999;
}
#heroVisual .main_sliderImg img{
	position: relative;
	top: 50%;
	left: 50%;
	height: auto;
	width: auto;
	min-height: 450px;
	transform: translateX(-50%);
}
#heroVisual .main_sliderImg img.pcOnly {
	display: none;
}
#heroVisual .main_sliderImg img.spOnly {
	display: block;
}

#heroVisual .main_sliderTextBox01 {
	position: absolute;
	top: 75px;
	left: 50%;
	width: 320px;
	height: 115px;
	overflow: hidden;
	margin-left: -160px;
	z-index: 9999;
	text-align: center;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea {
	display: table;
	height: 115px;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea > figure {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea > figure img{
	display: inline;
	height: 115px;
	width: auto;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea > figure img.pcOnly{
	display: none;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea > figure img.spOnly{
	display: inline !important;
}
#heroVisual .main_sliderTextBox01 .sliderTextArea.sl-2 > figure img {
	height: 115px;
	width: auto;
}

#heroVisual .main_sliderTextBox02 {
	position: absolute;
	bottom: 75px;
	left: 50%;
	width: 230px;
	height: 18px;
	overflow: hidden;
	margin-left: -115px;
	z-index: 9999;
	text-align: center;
}
#heroVisual .main_sliderTextBox02 .sliderTextArea figure {
	text-align: center;
}
#heroVisual .main_sliderTextBox02 .sliderTextArea figure img{
	display: inline;
	height: 18px;
}
#heroVisual .heroVisualInner {
	position: absolute;
	width: 100%;
	height: 450px;
	left: 50%;
	transform: translateX(-50%);
}
.btnGold > a{
	margin-top: 25px;
	font-size: 15px;
}
.btnGold > a{
	display: inline-block;
	position: relative;
	width: 180px;
	padding: 10px 15px 8px;
	border: 1px solid #a56641;
	color: #a56641;
	text-decoration: none;
}
.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: 0;
	padding: 0;
}
.gold-support_slider .slider_item {
	position: relative;
	width: calc(100vw - 70px);
	margin: 0 10px;
	background-color: #ffffff;
}
.gold-support_slider .slider_item .item_wrap {
	position: static;
	padding: 23px 20px 84px;
}
.gold-support_slider .slider_item .bottomBtn {
	position: absolute;
	bottom: 23px;
	right: 30px;
	left: 30px;
	transform: translateX(0);
}
.gold-support_slider .slider_item .layout {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.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: 110px;
	height: 110px;
	padding-right: 7px;
}
.gold-support_slider .slider_item .text .head {
	font-size: 18px;
	font-size: 1.8rem;
	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%;
	z-index: 3;
	background-color: rgba(255, 255, 255, 0.6);
}
.gold-support_slider .slick-prev,
.gold-support_slider .slick-next{
	display: block !important;
}
	
.gold-support_slider .slick-prev {
	background: url(/img-files/top_slick_arw_ic01.png) no-repeat;
	background-size: 10px auto;
	left: 19px;
	width: 10px;
	height: 19px !important;
	margin-left: 0;
	border: none;
}
.gold-support_slider .slick-next {
	background: url(/img-files/top_slick_arw_ic02.png) no-repeat;
	background-size: 10px auto;
	right: 19px;
	width: 10px;
	height: 19px !important;
	margin-right: 0;
	border: none;
}.btnList01.loungeList01 > li {
	float: left;
	width: calc((100% - 10px)/ 2);
	margin-left: 10px;
}
.btnList01.loungeList01 > li:nth-child(4n+1) {
	margin-left: 0;
}
.btnList01.loungeList01 > li:nth-child(2n+1) {
	margin-left: 0;
}

.btnList01.loungeList01 > li + li,
.btnList01.loungeList01 > li:nth-child(n+5) {
	margin-top: 5px;
}
.btnList01.loungeList01 > li:nth-child(-n+2) {
	margin-top: 0;
}
.btnList01.loungeList01 > li > a {
	width: 100%;
	padding: 15px 8px 13px;
	border-top: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	border-bottom-color: #a5a5a5;
	background: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	color: #222222;
}
.btnList01.loungeList01 > li > a:after {
	right: 5px;
	width: 13px;
	height: 13px;
	margin-top: -6.5px;
	background-position-x: center;
}
.table01.type-gold,
.table01.type-gold .headingCell01,
.table01.type-gold .detailCell01{
	border-color: #e3d8c6;
}
.table01.type-gold .headingCell01{
	padding: 7px;
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #fff;
}
.table01.type-gold .lv01{
	 background-color: #f1ebe2;
}
.table01.type-gold .detailCell01.lv01{
	padding: 10px 12px;
	font-size: 14px;
	font-size: 1.4rem;
}
.txtLarge01.type-gold{
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.8;
}
.sp_smallList01{
	margin-top: 8px;
	font-size: 10px;
	font-size: 1.0rem;
}
.sp_txtSmall{
	font-size: 10px !important;
	font-size: 1.0rem !important;
}
.gcAnnualFee02{
	font-size: 18px;
	font-size: 1.8rem;
}
.qaBox01{
	padding: 14px 0 !important;
	font-size: 14px;
	font-size: 1.4rem;
}
.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: 4px;
	padding-left: 35px;
	font-weight: normal;
}
.qaBox01 .question a:after,
.qaBox01 .question span:after{
	height: 27px;
	width: 27px;
	background: url("/goldcard/img-files/gold_ic05.jpg") no-repeat 0 0;
	background-size: 27px auto;
}
	.qaBox01 .answer{
		padding-left: 35px;
	}
.qaBox01 .answer:after{
	height: 27px;
	width: 27px;
	background: url("/goldcard/img-files/gold_ic06.jpg") no-repeat 0 0;
	background-size: 27px auto;
}
.question.toggleTrigger{
	position: relative;
	padding-left: 0;
	padding-right: 18px;
	color: #222;
	}
.question.toggleTrigger:before {
	top: 10px;
	margin-top: 0;
}
.question.toggleTrigger:after {
	top: 14px;
	margin-top: 0;
}
.toggleTrigger:before {
	position: absolute;
	top: 50%;
	right: 4px;
	content: "";
	width: 1px;
	height: 9px;
	margin-top: -5px;
	background: #000;
}
.toggleTrigger.open:before {
	content: none;
}
.toggleTrigger:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 9px;
	height: 1px;
	margin-top: -1px;
	background: #000;
}
.InquiryBox {
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
.InquiryBox .plaInquiryHead {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
}
.InquiryBox .InquiryDesc {
	text-align: center;
}
.InquiryBox .InquiryDesc > dt {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.InquiryBox .InquiryDesc > dt > .sub {
	font-size: 16px;
	font-size: 1.6rem;
}
.InquiryBox .InquiryDesc > dd {
	letter-spacing: normal;
}
.InquiryBox .InquiryDesc > dd > p {
	display: block;
}
.InquiryBox .InquiryDesc > dd > p + p {
	margin-top: 10px;
	margin-left: 0;
}
.InquiryBox .InquiryDesc > dd > p .area {
  padding: 0.1em 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
.InquiryBox .InquiryDesc > dd > p .telLink {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
}
.InquiryBox .InquiryDesc > dd > p .telLink a {
	color: #000000;
	text-decoration: none;
}
#cvFloating .innerLayout .toggleTrigger::before,
#cvFloating .innerLayout .toggleTrigger::after{
	content: none;
}
.detailLead {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight : bold;
	text-align: center;
}
 .detailLead .integer {
	font-size: 23px;
	font-size: 2.3rem;
}
.ic-question{
	display: inline-block;
	padding: 3px 14px 1px 23px;
	background: url(/goldcard/img-files/gold_ic08.png) no-repeat left;
	background-size: 16px auto;
	color: #0079a1 !important;
}
.ic-question.toggleTrigger{
	text-decoration: underline;
}
.ic-question.toggleTrigger:before{
	height: 9px;
	margin-top: -5px;
}
.ic-question.toggleTrigger:after{
	width: 9px;
	right: 0px;
}
.gold-pre_layout .col {
	position: relative;
	float: left;
	width: calc(100vw - 85px) !important;
	padding: 25px 12px 75px;
}
.gold-pre_layout .col + .col {
	margin-left: 10px;
}
.gold-pre_layout .gold-pre_title {
	margin-bottom: 25px;
	font-size: 16px;
	font-size: 1.6rem;
}
.gold-pre_layout figure {
	margin-bottom: 25px;
	text-align: center;
}
.gold-pre_layout .gold-pre_textbox {
	font-size: 13px;
	font-size: 1.3rem;
}
.gold-pre_layout .gold-pre_textbox .gold-pre_textPeriod {
	font-size: 11px;
	font-size: 1.1rem;
}
.gold-pre_layout .btnLink01 {
	position: absolute;
	bottom: 24px;
	left: 0;
	right: 0;
}
.gold-pre_layout .btnLink01 a{
	width: auto;
	min-width: 163px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
	
.btnLink01.gl-btnLink01 a{
	width: 300px;
}
.btnLink01.gl-btnLink01.gl-imgBtn a img,
.btnList01.gl-btnLink01.gl-imgBtn > li a img{
	max-width: 85px;
	margin-right: 10px;
}
.btnLink01.gl-btnLink01.gl-imgBtn a,
.btnList01.gl-btnLink01.gl-imgBtn > li a{
	font-size: 12px;
	font-size: 1.2rem;
}

	
/* 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: 10px;
	right: 10px;
	width: 49px;
	height: 49px;
	background: #a26f21;
	cursor: pointer;
	z-index: 100;
	box-shadow: none;
	padding: 9px 0;
	opacity: 0.8;
	border-radius: 50%;
	text-align: center;
}
.gold-sidenav .gold-sidenav_btn span{
	position: relative;
	text-indent: -9999px;
	display: inline-block;
	padding-right: 0;
	width: 20px;
}

.gold-sidenav .gold-sidenav_btn span:before{
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	top: 50%;
	right: 0;
	margin-top: -1px;
	border: none;
	border-radius: 0;
	background-color: #fff;
}
.gold-sidenav .gold-sidenav_btn span:after{
	content: "";
	width: 2px;
	height: 20px;
	top: 50%;
	right: 9px;
	margin-top: -10px;
	background-color: #fff;
}
.gold-sidenav .sidenav_inner{
	display: none;
	position: fixed;
	width: 85%;
	height: 100%;
	top: 0;
	right: 0;
	margin: 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 20px;
}
.gold-sidenav .sidenav_inner .sidenav_wrap {
	display: table-cell;
	vertical-align: middle;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dt{
	position: relative;
	min-height: 56px;
	padding: 18px 0 0 50px;
  font-size: 15px;
  font-size: 1.5rem;
	cursor: pointer;
	background-size: 30px auto !important;
}
.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% / 32px; }
.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% / 32px; }
.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-size: 84px auto}
.gold-sidenav .sidenav_inner .nav > li:nth-child(2) dl dd { background-size: 84px auto}
.gold-sidenav .sidenav_inner .nav > li:nth-child(3) dl dd { background-size: 84px auto}
.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: 12px;
  font-size: 1.2rem;
}
.gold-sidenav .sidenav_inner .nav > li > dl > dd > ul > li a {
	color: #a26f21;
  font-size: 14px;
  font-size: 1.4rem;
	font-weight: bold;
}
.gold-sidenav .sidenav_inner .nav > li + li.type02 {
	margin-top: 18px;
}
.gold-sidenav .sidenav_inner .nav > li.type02 + li.type02 {
	margin-top: 0;
}
.epotokuArea{
	margin: 0 -10px;
	}
.epotokuArea .btnLink01.type02.typeImg02{
	margin-top: 20px;
}
.gold-borderBox01{
	margin-top: 25px;
	border: 1px solid #a56641;
}
.gold-borderBox01 .headLine01{
	padding: 12px 8px 8px;
}
.gold-borderBox01 .detailArea{
	padding: 8px;
}
.goldText01 {
	margin-top: 30px;
	font-size: 1.2rem;
	font-weight: bold;
}
#cvFloating {
	position: fixed;
	bottom: 0;
	z-index: 6;
}
#cvFloating .conversionInner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
#cvFloating .conversionInner .innerLayout{
	width: 100%;
	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 > img{
	height: 16px;
}
#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: 0;
	background-color: #faf1e4;
	padding: 16px 10px;
}
.btnLink01.typeImg a .btnBnr{

}
.btnLink01.typeImg01 a,
.btnLink01.typeImg02 a{
	padding: 7px 30px 7px 11px;
	font-size: 11px;
	font-size: 1.1rem;
}
.btnLink01.typeImg01 a img,
.btnLink01.typeImg02 a img{
	display: inline;
	max-width: 85px !important;
	margin-right: 10px;
}
.btnLink01.typeImg02 a{
	text-align: left;
}
.btnLink01.typeImg02 a .tx{
	display: inline-block;
	width: calc(100% - 95px);
	text-align: center;
}
.cvBtn01.btnLink01{
	margin-top: 0;
}
.cvBtn01 > a{
	width: 100%;
	padding: 20px 45px 17px;
}
.cvBtn01.twoLine > a{
	padding: 11px 45px 9px;
}
.btnLink01.cvBtn01 > a::after{
	background-image: url(/goldcard/img-files/gold_ic07.png);
}
.cvBtn01.typeB {
	position: relative;
}
.cvBtn01.typeB .sub{
	font-size: 9px;
	font-size: 0.9rem;
}
.cvBtn01.typeB a,
p.cvBtn01.typeB a{
	display: table;
	width: 100%;
	min-height: 65px;
	padding: 11px 45px 9px;
}
.cvBtn01.typeB a span.cpTxt{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
}
.cvBtn01.typeB.icon01 a::before{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto 0;
	width: 22px;
	background: url(/goldcard/img-files/gold_ic10.png) no-repeat 5% 50%;
	background-size: 22px auto;
}
.cvBtn01.typeB.icon02 a::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto 0;
	width: 30px;
	height: 30px;
	background: url(/goldcard/img-files/gold_ic09.png) no-repeat 3% 50%;
	background-size: 30px auto;
}
.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%;
}


#cvFloating .innerLayout .conversion_detail .cvBtn01 > a{
	padding: 16px 26px 14px 6px;
	font-size: 12px;
	font-size: 1.2rem;
}
	
	
/* invitation_apply
------------------------------------------------------ */
	/*invitation_apply*/
	#goldcard .invitation_apply-btnLink04{
		text-align: center;
	}
	#goldcard .invitation_apply-btnLink04 a{
		display: block;
		min-width: auto;
		width: 100%;
		padding: 23px 13px 23px 70px;
		margin: 0 auto;
		background: #dc322c url("/memberservice/pc/rsp/v1/gold_invitation/img/02/gold_invitation_ic05.png") no-repeat left 14px center;
		background-size: 39px auto;
		border: 2px solid #dc322c;
		border-radius: 10px;
		font-weight: bold;
		font-size: 19px;
		text-align: left;
		color: #ffffff;
		line-height: 1.0;
	}
	#goldcard .invitation_apply-btnLink04 a.twoLine{
		padding: 18px 26px 18px 53px;
		font-size: 17px;
		text-align: center;
	}
	#goldcard .invitation_apply-btnLink04 a > span.smalltxt{
		font-size: 13px;
	}
	#goldcard .invitation_apply-btnLink04 a:hover{
		background-color: #ffffff;
		color: #dc322c;
	}
	#goldcard .invitation_apply-iconImageList01{
		width: auto;
		margin: 25px 0 0;
	}
	#goldcard .invitation_apply-iconImageList01 > li{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 13px;
	}
	#goldcard .invitation_apply-iconImageList01 > li em{
		font-weight: bold;
		font-size: 16px;
	}
	#goldcard .invitation_apply-iconImageList01 > li.invitation_apply-iconLink a {
		display: flex;
		align-items: center;
		position: relative;
		width: 100%;
		padding: 6px;
		border-radius: 5px;
		background-color: #e6e6e6;
		text-decoration: none!important;
	}
	#goldcard .invitation_apply-iconImageList01 > li.invitation_apply-iconLink a:hover {
		opacity: 1;
	}
	#goldcard .invitation_apply-iconImageList01 > li a{
		text-decoration: underline;
	}
	#goldcard .invitation_apply-iconImageList01 > li + li{
		margin-top: 10px;
	}
	#goldcard .invitation_apply-iconImageList01 > li .icon{
		display: inline-block;
		margin-right: 10px;
		width: 39px;
	}
	#goldcard .invitation_apply-textLink01 {
		margin-top: 23px;
	}
	#goldcard .invitation_apply-textLink01 a{
		font-size: 1.5rem;
	}
	#goldcard .invitation_apply-iconImageList01 > li.invitation_apply-iconLink a em {
		margin: 0 auto;
		padding-right: 49px;
	}
	#gold_step_modal01 .cb_wrap{
		width: 100%;
	}

	
	
/*step*/
#gold_step_modal01 .stepheading01  {
	font-size: 20px;
	margin-bottom: 20px;
}	
#gold_step_modal01 .invitation_apply-btnLink04 a,
#gold_step_modal01 .invitation_apply-btnLink04 a.twoLine {
	padding-right: 7px;
	padding-left: 54px;
	background-position: left 7px center;
	font-size: 14px;
}
#gold_step_modal01 .invitation_apply-btnLink04 a > span.smalltxt {
	font-size: 10px;
}
#gold_step_modal01 .invitation_apply-textLink01 {
	margin-top: 1em;
}
/*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 a{
	padding: 10px 5px 10px 25px;
	font-size: 13px;
	font-size: 1.3rem;
}

/*application*/
#application_modal01 .cb_page{padding: 20px !important;}
#colorbox.cb_layout01.invitation_application{
	width: 90% !important;
}
#application_modal01 .appliheading01 {
	font-size: 19px;
	margin-bottom: 20px;
}
#application_modal01 .appliPointBox + .appliPointBox {
	margin-top: 35px;
}
	/* ----- appliheading2 ----- */
	#application_modal01 .appliheading2 .heading2inner > .subtitle {
		display: inline-block;
		padding: 2px 35px;
		border: 2px solid #45a2b0;
		font-size: 17px;
	}
	#application_modal01 .appliheading2 .heading2inner > .title {
		margin-top: 15px;
		font-size: 22px;
	}
	/* 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.4rem;
		font-weight: bold;
		text-align: center;
	}
	.gold-newsBox > .gold-newsText a {
		color: #dc322c;
	}
	/* ----- appliHuman ----- */
	#application_modal01 .appliHuman {
		margin: 18px auto 0;
		padding: 0 7px;
	}
	#application_modal01 .appliHuman .appliHumanImg {
		margin-right: 15px;
		width: 75px;
	}
	#application_modal01 .appliHuman .appliHumanTextbox {
		width: calc(100% - 100px);
	}
	#application_modal01 .appliHuman .appliHumanTextbox > .text {
		width: 100%;
		padding: 18px 10px;
		border: 2px solid #45a2b0;
		border-radius: 10px;
		font-size: 13px;
	}
	#application_modal01 .appliHuman .appliHumanTextbox > .text::before {
		width: 11px;
		height: 10px;
		top: 65%;
		left: -11px;
		background: url(/memberservice/pc/rsp/v1/invitation_apply/img/modal_application/index_bg01-sp.png) no-repeat 0 50%;
		background-size: 11px auto;
	}
	#application_modal01 .appliHuman.type01 .appliHumanTextbox {
		margin-top: 3px;
	}
	#application_modal01 .appliHuman.type02 .appliHumanTextbox {
		margin-top: 0 ;
	}
	#application_modal01 .appliHuman.type03 .appliHumanTextbox {
		margin-top: 4px;
	}
	#application_modal01 .appliHuman.type04 .appliHumanTextbox  {
		margin-top: 9px;
	}
	/* ----- goldMethod ----- */
	.goldMethodImage {
		width: 100%;
		margin: 20px 0 0;
		text-align: center;
	}
	/* ----- appliAd ----- */
	#application_modal01 .appliAd {
		margin-top: 60px;
	}
	#application_modal01 .appliAd .lead {
		font-size: 18px;
		line-height: 1.3;
	}
	#application_modal01 .appliAd .text {
		margin-top: 15px;
		font-size: 13px;
	}
	#application_modal01 .appliAd::after {
		border-width: 20px;
		top: -37px;
		left: calc(50% - 20px);
	}
	
	/* ----- appliAnimationLayout ----- */
	#application_modal01 .appliAnimationLayout {
		margin-top: 22px;
		margin-left: 15px;
		margin-right: 15px;
	}
	#application_modal01 .appliAnimationLayout.type01 > .appliAnimationInner,
	#application_modal01 .appliAnimationLayout.type02 > .appliAnimationInner,
	#application_modal01 .appliAnimationLayout.type03 > .appliAnimationInner{
		width: 100%;
		max-width: 620px;
	}
	
/* modal
------------------------------------------------------ */
	#colorbox:not(.cb-yt_initialWrap) #cboxClose{
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
		border: none;
		background: url("/common-files/img/com_close_ic07.png") no-repeat 0 0;
		background-size: 30px 30px;
		text-indent: -9999px;
		outline: none;
		cursor: pointer;
	}
	


	
/* js
------------------------------------------------------ */
.sa {
	opacity: 0;
	transition: all .8s ease;
}

.sa.show {
	opacity: 1;
	transform: none;
}

.sa--lr {
	transform: translate(-100px, 0);
	transition: all 2.0s ease;
}

.sa--rl {
	transform: translate(100px, 0);
	transition: all 2.0s ease;
}

.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{
	min-width: calc(100% + 60px);
	/*margin-left: 8px;*/
	/*transition: margin-left 2900ms linear;*/
}
/*
.sl-1.slick-active > img{
	margin-left: -7px;
}
*/
.sl-1:first-child > img{
	min-width: calc(100% + 130px);
}
/*
.sl-1.sl-first > img{
	margin-left: -22px;
}
*/

.slick-dots{
	bottom: -35px;
}
.slick-dots li{
	margin: 0 17px;
}
.slick-dots li button:before{
	background: #a3a3a3;
	width: 8px;
	height: 8px;
}
.slick-dots li.slick-active button:before{
	background: #a56641;
}
.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);
}
/*202104〜*/
.innerBox_leadTxt01{
	text-align: center;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	color: #a56641;
}
.innerBox_leadTxt02{
	margin-top: 30px;
	margin-bottom: 37px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}
.innerBox_leadTxt02 > .txtLarge01{
	font-size: 23px;
	font-size: 2.3rem;
}
.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%;
}
.type_httk{
	font-size: 13px;
	font-size: 1.3rem;
}
.type_httk > .colLayout{
	margin-top: 16px;
}
.type_httk > .colLayout >.col:first-child,
.type_httk > .colLayout >.col{
	width: 100%;
	margin-right: 0;
}
.type_httk > .colLayout >.col + .col{
	margin-top: 50px;
}
.type_httk > .gold-pre_title{
	font-size: 16px;
	font-size: 1.6rem;
}
.sp_p0{
	padding: 0 !important;
}
.sp_mb-20{
	margin-bottom: -20px !important;
}
.sp_mt20{
	margin-top: 20px !important;
}
.sp_mt30{
	margin-top: 30px !important;
}
	
#youtubeContents_gold01{
		width: 100%;
		height: 56.25vw;
	}
	.cboxIframe{
		max-height: 190px;
	}
.cb-ytWrap #cboxClose{
	position: absolute;
	top: -10px;
	right: -10px;
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
}
.cb-ytWrap #cboxClose:hover{
	background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
}
.cb-ytWrap #cboxContent{
	overflow: visible !important;
}
#colorbox.cb-ytWrap .cb_close a:after{
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
}

.gl-buttonWrap {
	display: block;
	margin-top: 20px;
}
.gl-buttonItem {
	width: 100%;
}
.gl-buttonItem + .gl-buttonItem {
	margin-top: 15px;
}
.gl-buttonItem >:first-child {
	margin-top: 0 !important;
}
.gl-buttonItem .gl-buttonText {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.3rem;
}
.gl-buttonItem .gl-buttonText + * {
	margin-top: 0 !important;
}
.gold-support_slider.nopb .slider_item .item_wrap {
	padding-bottom: 20px;
}
/* rightbanner
------------------------------------------------------ */
#goldcard .rightFloatingBannerWrap {
	bottom: 160px;
}

	
	
	
	
	.type-owner .contentArea .bgImg {
		height: 245px;
	}
	
	.type-owner .contentArea .topBlock .figureCol > .imgR,
	.type-owner .contentArea .topBlock .figureCol > .imgL {
		height: 245px;
	}
.type-owner .contentArea .topBlock .figureCol > .txt .block img {
	height: auto;
}
.type-owner .contentArea .topBlock .figureCol > .txt {
	padding: 0 58px;
	height: auto;
	transform: none;
}
#goldcard .gold-inquiryWrap > .gold-inquiry {
	margin-top: 30px;
	margin-bottom: 0;
}
#goldcard .gold-inquiry {
	margin: -30px 0 20px;
	text-align: center;
}
#goldcard .gold-inquiry >:first-child {
	margin-top: 0 !important;
}
#goldcard .gold-inquiry .gold-inquiryTitle {
	margin-top: 10px;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.2;
}
#goldcard .gold-inquiry .gold-inquiryText01 {
	margin-top: 12px;
	font-size: 1.8rem;
	line-height: 1.2;
}
#goldcard .gold-inquiry .gold-inquiryText01 .small {
	font-size: 1.6rem;
}
#goldcard .gold-inquiry .gold-inquiryNum {
	margin-top: 8px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}
#goldcard .gold-inquiry .gold-inquiryNum a {
	color: #222;
	text-decoration: none;
}
#goldcard .gold-toggleWrap {
	text-align: center;
	margin-bottom: 30px;
	padding: 0 10px;
}
#goldcard .gold-toggleWrap .gold-toggleButton {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	min-height: 44px;
	min-width: auto;
	width: 100%;
	margin: 0 auto;
	padding: 5px 35px 5px 20px;
	border: 1px solid #af7e45;
	background-color: #faf8f5;
	color: #91652b;
	font-size: 1.3rem;
	text-align: center;
}
#goldcard .gold-toggleWrap .gold-toggleButton::before,
#goldcard .gold-toggleWrap .gold-toggleButton::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 11px;
	width: 10px;
	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: 1.6rem;
		text-align: center;
		display: block;
		border: 2px solid;
		padding: 10px;
		font-weight: bold;
		margin-top: 20px;
	}
/* Clearfix
------------------------------------------------------ */
/*
.Clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.Clearfix {
	zoom: 1;
}
*/

/* 追加 251120 */
.faq {
  text-align: center;
}
.faq a{
  font-size: 2.0rem;
}
.faq a::before {
  content: "";
	position: absolute;
	left: -13px;
	top: 4px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/goldcard/img-files/main_ic12.png) no-repeat 0 0 / contain;
	background-size: 20px 20px;
}
}
@media screen and (max-width: 350px) {
	.contentArea .topBlock .figureCol .block .text{
		font-size: 20px;
		font-size: 2.0rem;
	}
}