@charset "utf-8";

/*======================================================

 Website: TAKASHIMAYA CARD VIP タカシマヤカード《VIP》
 Media: All (responsive)
 Style: 全ページ共通

======================================================*/


/*--------------------------------------------------------------------------------------------
 全体共通
--------------------------------------------------------------------------------------------*/
html {
	width: 100%;
	font-size: 62.5%;
}
body {
	position: relative;
	width: 100%;
	min-width: 990px;
	background-color: #fff;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px; /* rem未対応ブラウザ用 */
	font-size: 1.4rem; /* rem対応ブラウザ用overwrite */
	line-height: 1.6;
	text-align: center;
	color: #190909;
}
.noscroll {
	position: fixed !important;
	overflow-y: scroll !important;
}
.mainHolder {
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	width: 950px;
}
a:link, a:visited, a:hover, a:active { color: #f64949; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

sup{ vertical-align:top !important; padding:0; margin:0; line-height:110%; }
sup.bottom{ vertical-align:bottom !important; padding:0; margin:0; line-height:110%; }
sup.bottomType02{ vertical-align:bottom !important; padding:0; margin:0; line-height:192%;  }

/* 背景カラー指定
------------------------------------------------ */
body .style_bgBlack {     background-color: #190909; color: #fff; }
body .style_bgGray  {     background-color: #f5f5f5; }
body .style_bgRed {       background-color: #f64949; }
body .style_bgWhite {     background-color: #fff; }
body .style_bgAmexBlue {  background-color: #0081bf; color: #fff; }

/* ボタン系
------------------------------------------------ */
body .btn {
	display: inline-block;
	padding: 0 20px 0 10px;
	font-size: 16px; /* rem未対応ブラウザ用 */
	font-size: 1.6rem; /* rem対応ブラウザ用overwrite */
	font-weight: bold;
	text-decoration: none;
}
body .btn:hover {
	background-color: #f64949;
	color: #fff;
}
body .btn span {
	display: block;
	padding: 12px 0 12px 40px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 35px;
	text-align: center;
}
body .btn.type_nomal { padding-left: 20px; }
body .btn.type_nomal span { padding-left: 0; background-image: none; }

body .btn.type_campaign {
	padding:15px 20px 0;
	margin-top:30px;
	width: auto; 
	font-weight:bold;
	display: block;
    font-size: 2rem;
	font-size:18px;
    font-weight: bold;
    line-height: 1.4;
}
body .btn.type_campaign span {
	display: block;
    font-size: 0.7em;
    line-height: 1.3;
}


.btn.type_logout span {      background-image: url(../img/icon_logout_white.png); }
.btn.type_login span {       background-image: url(../img/icon_login_white.png); }

.btn.type_arrowUp span, 
.btn.type_arrowDown span, 
.btn.type_arrowRight span, 
.btn.type_arrowLeft span {
	padding-left: 1.5em;
	background-size: 0.75em auto;
}
.btn.type_arrowUp span {     background-image: url(../img/icon_arrowUp_white.png); }
.btn.type_arrowDown span {   background-image: url(../img/icon_arrowDown_white.png); }
.btn.type_arrowRight span {  background-image: url(../img/icon_arrowRight_white.png); }
.btn.type_arrowLeft span {   background-image: url(../img/icon_arrowLeft_white.png); }


.btn.type_blank span {     background-image:  url(../img/icon_window_white.png); background-size:0.8em auto; background-position:right center; padding-left: 10px; padding-right: 20px;}


/* テキスト系
------------------------------------------------ */
.caution {
	color: #ec2113;
	font-weight: bold;
}


/*--------------------------------------------------------------------------------------------
 スクロールナビゲーション
--------------------------------------------------------------------------------------------*/
#gnavset {
	position: fixed;
	top: 50%;
	right: -1px;
	z-index: 1000;
	margin-top: -273px;
	border: solid 1px #FFF;
	background: #190909;
}
#gnavset nav ul li {
	display: block;
	width: 68px;
	height: 68px;
	overflow: hidden;
}
#gnavset nav ul li a {
	display: block;
	width: 68px;
	height: 68px;
	background: #190909;
	text-decoration: none;
	color: #FFF;
	overflow: hidden;
}
#gnavset nav ul li a:hover {
	background: #f64949;
}
#gnavset nav ul .nav_amex a { background: #0081bf; }

#gnavset nav ul li a span {
	display: table-cell;
	width: 68px;
	height: 68px;
	text-align: center;
	vertical-align: middle;
}
#gnavset nav ul li a span img {
	display: inline-block;
	height: auto;
	vertical-align: middle;
}
.nav_ticket a span img {   width: 45px; }
.nav_campaign a span img { width: 55px; }
.nav_shopping a span img { width: 55px; }
.nav_travel a span img {   width: 65px; }
.nav_gourmet a span img {  width: 50px; }
.nav_homelife a span img { width: 65px; }
.nav_finance a span img {  width: 60px; }
.nav_salon a span img {    width: 50px; }
.nav_amex a span img {     width: 45px; }

#gnavset nav ul li a em {
	display: none;
	line-height: 1.2;
	text-align: left;
}


#gnavset .navControl {
	display: none;
	position: relative;
	margin-top: -1px;
	width: 100%;
	border-top: solid 1px #8c8484;
	border-bottom: solid 1px #8c8484;
	cursor: pointer;
}
#gnavset.navActive .navControl {
	margin-top: 0;
}
#gnavset .navControl span {
	display: block;
	position: relative;
	padding: 4px 0;
	width: 100%;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
#gnavset .navControl span img {
	display: inline-block;
	width: auto;
	height: 32px;
	vertical-align: middle;
}



/*--------------------------------------------------------------------------------------------
 ヘッダ
--------------------------------------------------------------------------------------------*/

/* グローバル ナビゲーション
------------------------------------------------ */	
/* privilege.htmlのみ非表示 */
.privilege-header nav.mainNav {
	display: none;
}
#sec nav.mainNav.sp-none {
	display: block !important;
}
nav.mainNav{
	border-bottom:#4d4d4d 1px solid;
	background-color:#190909;
	width:100%;
	min-width: 990px;
	}
nav.mainNav ul{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	padding-left: 10px;
	}	
nav.mainNav ul li{
	font-size:1.1rem; /* rem未対応ブラウザ用 */
	font-size:11px; /* rem対応ブラウザ用overwrite */
	background-color:#190909;
	float:left;
	}
nav.mainNav ul li.stay{
	background-color:#666666 !important;
	}
nav.mainNav ul li.secNav_home{
	background-color:#434343;
	}
nav.mainNav ul li.secNav_amex{
	background-color:#0081bf;
	}
nav.mainNav ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	min-height:53px;
	}
nav.mainNav ul li a:hover {
	background: #f64949;
	}
	nav.mainNav ul li img {
		display: block;
		margin: 0 auto;
		padding-top: 5px;
		}
	nav.mainNav ul li a span {
		display: table-cell;
		padding: 5px 0;
		line-height: 1.3em;
		text-align: center;
		vertical-align: middle;
		}
	nav.mainNav ul li a span.amex {
		display: table-cell;
		padding: 2px 0;
		line-height: 1.0em;
		text-align: center;
		vertical-align: middle;
		}		
		/* メニュー：チケット無し */
		nav.mainNav ul li a {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		nav.mainNav ul li.secNav_gourmet a {
			padding-top: 7px;
		}
		nav.mainNav ul li.secNav_shopping a span{width:108px;}
		nav.mainNav ul li.secNav_campaign a span{width:158px;}
		nav.mainNav ul li.secNav_travel a span{width:100px;}
		nav.mainNav ul li.secNav_gourmet a span{width:160px;}
		nav.mainNav ul li.secNav_homelife a span{width:100px;}
		nav.mainNav ul li.secNav_finance a span{width:114px;}
		nav.mainNav ul li.secNav_salon a span{width:105px;}
		nav.mainNav ul li.secNav_amex a span{width:106px;}





/*--------------------------------------------------------------------------------------------
 ページタイトル
--------------------------------------------------------------------------------------------*/
.pagetitle {
	background: #190909;
	z-index: 3;
	position: relative;
}
.pagetitle .mainHolder {
	position: relative;
	z-index: 5;
	text-align: left;
	color: #fff;
}
.pagetitle h1 {
	padding: 20px 0 22px;
	font-size: 16px; /* rem未対応ブラウザ用 */
	font-size: 1.6rem; /* rem対応ブラウザ用overwrite */
	line-height: 1.4;
}
.pagetitle h1 strong {
	display: block;
	font-size: 28px; /* rem未対応ブラウザ用 */
	font-size: 2.8rem; /* rem対応ブラウザ用overwrite */
	line-height: 1.4;
	font-weight:normal;
}




/*--------------------------------------------------------------------------------------------
 コンテンツ内共通
--------------------------------------------------------------------------------------------*/
.contents {
	clear: both;
}
.contents .mainHolder {
	overflow: hidden;
}

/* リスト・バナー系
------------------------------------------------ */
.linklist.clm2, 
.linklist.clm3 {
	display: block;
	width: 970px;
}
.linklist li {
	display: block;
	padding-bottom: 8px;
	overflow: hidden;
}
.linklist.clm2 li, 
.linklist.clm3 li {
	float: left;
	text-align: left;
}
.linklist li a {
	display: inline-block;
	padding: 0 0 0 1.5em;
	background-image: url(../img/icon_arrowRight_black.png);
	background-position: left 0.4em;
	background-repeat: no-repeat;
	background-size: 0.75em auto;
	text-decoration: none;
	color: #190909;
}
.linklist li a:hover {
	background-image: url(../img/icon_arrowRight_red.png);
	color: #f64949;
}
.linklist li a span {
	background-image: url(../img/icon_window_black.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 0.8em auto;
	padding:0 1.2em 0 0;
}
.linklist li a:hover span {
	background-image: url(../img/icon_window_red.png);
}

/* バナー */
.linklist.type_banner {
	padding: 30px 0 18px;
}
.linklist.type_banner li {
	margin-bottom: 20px;
	padding: 0;
}
.linklist.type_banner li a {
	display: block;
	padding: 0;
	min-height: 118px;
	background: none;
	text-align: center;
	vertical-align: middle;
}
.linklist.type_banner li a:hover {
	filter:      alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:            0.80;
	opacity:                 0.80;
	zoom: 1;
	
	background:none;
	text-decoration:none;
	border:none;
}
.linklist.type_banner li a img {
	width: 463px;
	height: auto;
	vertical-align: middle;
}


/* カラム - リンクブロック
------------------------------------------------ */
.setlist {
	display: block;
	width: 970px;
}
.setlist>* {
	display: block;
	float: left;
	/*margin-bottom: 20px;*/
	text-align: left;
	overflow: hidden;
}
.setlist>* a {
	text-decoration: none;
	color: #190909;
}
.setlist .cl_thum {
	display: table;
	width: 100%;
}
.setlist .cl_thum span {
	display: table-cell;
	padding: 15px 0 0;
	text-align: center;
	vertical-align: middle;
}
.setlist .cl_thum span img {
	height: auto;
}
.setlist h4 {
	margin: 0 30px;
}
.setlist h4 em {
	display: table;
	margin: 0 auto 15px;
	font-size: 20px; /* rem未対応ブラウザ用 */
	font-size: 2rem; /* rem対応ブラウザ用overwrite */
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}
.setlist a:hover h4 em {
	color: #f64949;
}
.setlist p {
	margin: 0 30px 15px;
}

/* カラム数差分
------------------------------------------------ */
.clm2>* { margin-right: 22px; width: 463px; }
.clm3>* { margin-right: 20px; width: 303px; }

/* カラム - リキッドフリーサイズ
------------------------------------------------ */
.block_content .type_clmLiquid .sepHolder {
	display: table-row;
	padding: 0;
}
.block_content .type_clmLiquid .clmCont {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
.block_content .type_clmLiquid .cl_thum>* {
	margin-right: 30px;
}

/* カラム内共通
------------------------------------------------ */
.block_content {
	padding: 0 0 30px;
	font-size: 16px; /* rem未対応ブラウザ用 */
	font-size: 1.6rem; /* rem対応ブラウザ用overwrite */
}
.block_content .sepHolder {
	padding-left:  20px;
	padding-right: 20px;
}
.block_content h3 {
	display: block;
	margin-bottom: 25px;
	padding: 35px 0 25px;
	border-bottom: solid 1px #d2d2d2;
	font-size: 20px; /* rem未対応ブラウザ用 */
	font-size: 2rem; /* rem対応ブラウザ用overwrite */
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}
.block_content h3 .txt_subnote {
	display: block;
	margin-top: 5px;
	font-size: 0.7em;
	line-height: 1.3;
	color: #838383;
}
.block_content .clmCont p {
	clear: both;
	margin-bottom: 18px;
}
.block_content .clmCont .btnset {
	display: table;
	float: right;
}
.block_content .clmCont .btnset li {
	display: table-cell;
}



/*--------------------------------------------------------------------------------------------
 ポップアップ
--------------------------------------------------------------------------------------------*/
#popupbox {
	display: none;
	visibility: hidden;
	position: fixed;
	top: 50px;
	left: 50%;
	z-index: 99;
	margin-left: -450px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 900px;
	background-color: #190909;
	text-align: center;
}
body #popupbox .btn {
	cursor: pointer;
	display:block;
	background:#190909;
	float:right !important;
	padding:20px 20px 0 0;
}
body #popupbox .btn img {
	display: block;
}
#blackfilter {
	display: none;
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	filter:      alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-moz-opacity:            0.75;
	opacity:                 0.75;
	zoom: 1;
	background-color: #333;
}
#scroll { 
	height: 500px;
	width: 840px;
}
#scroll-barArea {
	position: relative;
	z-index: 1;
	height: 500px;
	width: 10px;
}
#scroll-barBg {
	height: 100%;
	background-color: #e6e6e6;
}
#scroll-up,scroll-down {
	display: none;
}
#scroll-bar {
	background-color: #999;
	cursor: pointer;
}
#loading div {
	text-align: center;
}
#loading div img {
	display: block;
	margin: 50px auto 20px;
}
#loading div span {
	padding-left: 0.4em;
	letter-spacing: 0.2em;
}


/* ----- header ----- */
#header .header_inner {
	width: 960px;
	margin: 0 auto;
	padding: 22px 0 10px 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header .header_inner #logoBlock{
	float: left;
	margin-top: 3px;
}
#header .header_inner .header_menu_link {
	display: none;
}
#header .header_inner #headerUtility {
	float: right;
	margin: 5px 0 0;
}
#header .header_inner #headerUtility #gNavi {
	display: none;
}
#header .header_inner #headerUtility .headerNav {
	float: left;
	margin: 7px 20px 0 0;
}
#header .header_inner .headerNav.is-sp {
	display: none !important;
}
#header .header_inner #headerUtility .headerNav > li {
	display: inline-block;
	padding-left: 21px;
}
#header .header_inner #headerUtility .headerNav > li + li {
	position: relative;
	margin-left: 40px;
}
#header .header_inner #headerUtility .headerNav > li.headerNav_net {
	padding-left: 0;
}
#header .header_inner #headerUtility .headerNav > li.headerNav_net > a {
	padding-left: 21px;
	background: url(/card/vip/img/com_ic03.png) no-repeat 0 50%;
	background-size: 14px auto;
}
#header .header_inner #headerUtility .headerNav > li.headerNav_net > a:hover {
	color: #f64949;
	background: url(/card/vip/img/com_ic05.png) no-repeat 0 50%;
	background-size: 14px auto;
}
#header .header_inner #headerUtility .headerNav > li > a {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-size: 1.4rem;
}
#header .header_inner #headerUtility .headerBtn_logout {
	float: left;
	display: inline-block;
	border: 1px solid #dddddd;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
	cursor: pointer;
}
#header .header_inner #headerUtility .headerBtn_logout a {
	display: block;
	color: #333;
	padding: 6px 12px 5px;
	text-decoration: none;
}
#header .header_inner #headerUtility .headerBtn_logout > a:hover {
	background-color: #f64949;
}
#header .header_inner #headerUtility .headerBtn_logout .btn_logout {
	padding-left: 20px;
	background: url(/card/vip/img/com_ic01.png) no-repeat 0 50%;
	background-size: 12px auto;
}
#header .header_inner #headerUtility .headerBtn_logout:hover .btn_logout {
	color: #fff;
	background: url(/card/vip/img/com_ic02.png) no-repeat 0 50%;
	background-size: 12px auto;
}
#header .header_inner #headerUtility .headerNews {
	display: none;
}

/*--------------------------------------------------------------------------------------------
 フッタ
--------------------------------------------------------------------------------------------*/
footer {
	background: #fff;
	line-height: 1.2;
}



footer .footerNav{
	border-bottom:#CCC 1px solid;
	padding:20px 0;
	text-align:left;
	}
footer .footerNav ul{
	display: flex;
	flex-wrap: wrap;
	width:950px;
	margin:0 auto;
	}
footer .footerNav ul li{
    display: inline;
    padding-right:15px;
	margin-right:10px;
	line-height: 2;
	}
footer .footerNav ul li.noLine{
    background: url("none") ;
	}
footer .footerNav ul li a{
	color:#190909;
	text-decoration:none;
	}
footer .footerNav ul li a:hover, a:active {
	color:#f64949;
	text-decoration:none;
	}

footer .footLogoBlock {
  padding: 50px 10px 20px 0;
  display: flex;
  align-items: center;
}
footer .footLogoBlock .leftCol {
	width: 430px;
	text-align: left;
}
footer .footLogoBlock .leftCol .logo {
	margin-top: 2px;
}
footer .footLogoBlock .leftCol .logo img {
	width: 100%;
}
footer .footLogoBlock .leftCol .copy {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #000000;
}
footer .footLogoBlock .rightCol .footInfoBox {
}
footer .footLogoBlock .rightCol .footInfoBox > ul {
	text-align: left;
}
footer .footLogoBlock .rightCol .footInfoBox > ul > li {
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.8;
}
footer .footLogoBlock .rightCol .footInfoBox > ul + ul {
}
footer .footLogoBlock .rightCol .footInfoBox > p {
	margin-top: 0;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.8;
}
footer .footLogoBlock .rightCol {
  margin-left: 25px;
  display: flex;
}
footer .footLogoBlock .rightCol > ul {
	float: right;
}
footer .footLogoBlock .rightCol > ul li {
	float: left;
  margin-left: 25px;
}


.pc-none{
	display: none;
}

@media screen and (max-width: 640px){
	.sp-none{
		display: none !important;
	}
	.pc-none{
		display: block !important;
	}
/* ----- header ----- */
	#top #pagetop {
		height: 55px;
	}
	#top #header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #dddddd;
		background: #ffffff;
		z-index: 60;
	}
	#top #header .header_inner {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		max-width: none;
		min-width: 0;
		width: auto;
		margin: 0 auto;
		padding: 0;
	}
	#top #header .header_inner #logoBlock{
		float: left;
		margin: 0 auto 0 10px;
	}
	#top #header .header_inner #logoBlock img{
		width: 141px;
		vertical-align: bottom;
	}
	#top #header .header_inner .header_menu_link {
		display: block;
		float: right;
		position: relative;
		width: 55px;
		height: 55px;
		border-left: 1px solid #dddddd;
	}
	#top #header .header_inner .header_menu_link.active {
		background: #190909;
	}
	#top #header .header_inner .header_menu_link #swapBtn {
	}
	#top #header .header_inner .header_menu_link #swapBtn > span {
		display: block;
		width: 22px;
		height: 2px;
		position:absolute;
		left: 50%;
		background: #333333;
		-webkit-transition: .3s all;
		transition: .3s all;
		padding:0 !important;
		margin: 0 0 0 -10px;
	}
	#top #header .header_inner .header_menu_link #swapBtn > span:nth-child(1) {
		top: 18px;
	}
	#top #header .header_inner .header_menu_link #swapBtn > span:nth-child(2) {
		top: 27px;
	}
	#top #header .header_inner .header_menu_link #swapBtn > span:nth-child(2):before,
	#top #header .header_inner .header_menu_link #swapBtn > span:nth-child(2):after{
		display: block;
		content: '';
		width: 22px;
		height: 2px;
		position: absolute;
		top: 0;
		left: 0;
		background: #333333;
		-webkit-transition: .3s all;
		transition: .3s all;
	}
	#top #header .header_inner .header_menu_link #swapBtn > span:nth-child(3) {
		top: 35px;
	}
	#top #header .header_inner .header_menu_link.active #swapBtn > span:nth-child(1) {
		top: 25px;
		opacity:0;
	}
	#top #header .header_inner .header_menu_link.active #swapBtn > span:nth-child(3) {
		top: 25px;
		opacity:0;
	}
	#top #header .header_inner .header_menu_link.active #swapBtn > span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#top #header .header_inner .header_menu_link.active #swapBtn > span:nth-child(2):before {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		background: #fff;
	}
	#top #header .header_inner .header_menu_link.active #swapBtn > span:nth-child(2):after {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		background: #fff;
	}
	#top #header .header_inner #headerUtility {
		display: none;
		position: fixed;
		float: none;
		top: 56px;
		left: 0;
		width: 100%;
		height: 100vh;
		margin: 0;
		padding-bottom: 66px;
		border-bottom: 1px solid #eeeeee;
		background: #333333;
	}
	#top #header .header_inner #headerUtility .headerUtility_inner {
		overflow: scroll;
		height: 90vh;
	}
	#top #header .header_inner #headerUtility #gNavi {
		display: block;
	}
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav a {
		position: relative;
		display: block;
		padding: 18px 35px 16px 62px;
		font-size: 14px;
		border-bottom: 1px solid #333333;
		color: #fff;
		text-decoration: none;
		text-align: left;
	}
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav .header-pc-hidden { display: none; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.shopping a   { background: #190909 url(/card/vip/img/com_ic06_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.campaign a   { background: #190909 url(/card/vip/img/com_ic07_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.ticket a     { background: #190909 url(/card/vip/img/com_ic08_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.travel a     { background: #190909 url(/card/vip/img/com_ic09_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.gourmet a    { background: #190909 url(/card/vip/img/com_ic10_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.homelife a   { background: #190909 url(/card/vip/img/com_ic11_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.finance a    { background: #190909 url(/card/vip/img/com_ic12_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.salon a      { background: #190909 url(/card/vip/img/com_ic13_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.contact a    { background: #190909 url(/card/vip/img/com_ic14_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.amex a       { background: #190909 url(/card/vip/img/com_ic15_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.bisyoku a    { background: #190909 url(/card/vip/img/com_ic16_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav.invitation a { background: #190909 url(/card/vip/img/com_ic17_sp.png) no-repeat 15px 50% / 33px auto; }
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 18px;
		width: 7px;
		height: 7px;
		margin-top: -4px;
		border-top: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#top #header .header_inner #headerUtility #gNavi .gNaviList .nav a[target="_blank"]:after {
		right: 15px;
		width: 14px;
		height: 12px;
		background-image: url(/card/vip/img/com_ic18.png);
		-webkit-background-size: 14px auto;
		background-size: 14px auto;
		border: none;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#top #header .header_inner .headerNav {
		float: none;
		margin: 0;
	}
	#sec #header .header_inner .headerNav.pc-none {
		display: none !important;
	}
	#sec #header .header_inner .headerNav.sp-none {
		display: block !important;
	}
	#top #header .header_inner .headerNav.is-sp > li {
		display: block;
		padding-left: 30px;
		height: 100%;
	}
	#top #header .header_inner .headerNav > li.headerNav_net {
		padding: 0;
		background: none;
	}
	#top #header .header_inner .headerNav > li.headerNav_net > a {
		display: -webkit-flex;
		display: flex;
		flex-flow: column;
		justify-content: center;
		position: relative;
		width: 55px;
		height: 55px;
		line-height: 1.2;
		text-decoration: none;
		color: #333;
		font-size: 10px;
		font-weight: bold;
		border-left: 1px solid #dddddd;
	}
	#top #header .header_inner .headerNav > li.headerNav_net > a:before {
		content: '';
		display: block;
		margin: 5px auto 3px;
		width: 14px;
		height: 14px;
		background: url(/card/vip/img/com_ic03.png) no-repeat 0 50%;
		background-size: 14px auto;
	}
	#top #header .header_inner #headerUtility .headerNa.is-spv > li > a {
		display: -webkit-flex;
		display: flex;
		flex-flow: column;
		justify-content: center;
		height: 100%;
		color: #000000;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#top #header .header_inner #headerUtility .headerNews {
		display: block;
		padding: 10px 15px;
		text-align: left;
	}
	#top #header .header_inner #headerUtility .headerNews > a {
		display: block;
		padding-left: 30px;
		min-height: 20px;
		line-height: 1.5;
		color: #fff;
		text-decoration: none;
		background: url(/card/vip/img/com_ic04.png) 0 50% no-repeat;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	
	#top #header .header_inner #headerUtility .headerBtn_logout {
		float: none;
		display: block;
		width: 53%;
		margin: 0;
		padding: 25px 23.5% 60px;
		border: none;
		-webkit-border-radius: 0;
			-moz-border-radius: 0;
						border-radius: 0;
		text-align: center;
	}
	#top #header .header_inner #headerUtility .headerBtn_logout a {
		display: block;
		color: #fff;
		padding: 13px 12px 12px;
		border: 1px solid #fff;
	}
	#top #header .header_inner #headerUtility .headerBtn_logout .btn_logout {
		padding: 0 5px 0 20px;
		background: url(/card/vip/img/com_ic01_sp.png) no-repeat 0 50%;
		background-size: 11px auto;
	}
footer .footerNav{
	border-bottom:#CCC 1px solid;
	padding:20px;
	/* text-align:center; */
	}
footer .footerNav ul{
	width: auto;
	margin:0 auto;
	}
	

	footer .footLogoBlock {
    display: block;
		margin-top: 0;
		padding: 20px 15px 15px !important;
		background: #ffffff;
	}
	footer .footLogoBlock .leftCol {
		float: none;
		width: 100%;
		text-align: center;
	}
	footer .footLogoBlock .leftCol .logo {
		margin-top: 0;
	}
	footer .footLogoBlock .rightCol {
		float: none;
		width: 100%;
		margin: 10px 0 0;
    align-items: center;
    justify-content: space-between;
	}
	footer .footLogoBlock .leftCol .copy {
		color: #666666;
		font-size: 10px;
		font-size: 1.0rem;
	}
	footer .footLogoBlock .rightCol .footInfoBox {
    display: block;
	}
	footer .footLogoBlock .rightCol .footInfoBox > p {
		font-size: 0.8rem;
	}
	footer .footLogoBlock .rightCol .footInfoBox  > ul {
    
	}
  
	footer .footLogoBlock .rightCol .footInfoBox > ul + ul {
		margin-left: 0;
	}
	footer .footLogoBlock .rightCol .footInfoBox > ul > li {
		font-size: 0.9rem;
		line-height: 1.4;
	}
	footer .footLogoBlock .rightCol > ul {
		margin-left: 15px;
    width: 60px;
	}
	footer .footLogoBlock .rightCol ul li:first-child {
		margin-left: 0;
	}
	footer .footLogoBlock .rightCol ul li img {
		width: 100%;
	}
	
}	
	

footer .mainHolder {
	padding: 0 0 60px;
}
.summary {
	padding-top: 30px;
}
.summary ul {
	padding-top:0;
}
.summary li {
	float: left;
}
.summary .pmark {
	margin:0px 5px 0 0;
}
.summary .verisign {
	margin:0 20px 0 10px;
	/*width:70px;*/
	height:auto;
	
}
.summary .oth_data {
	clear: both;
	font-size: 10px; /* rem未対応ブラウザ用 */
	font-size: 1.0rem; /* rem対応ブラウザ用overwrite */
	text-align: left;
	color: #7b7b7b;
	margin-top:5px;
}
.summary li.tcc{
	margin-top: 15px;
	width: 440px;
}
.summary li img {
	width: 100%;
}
.totop {
	display: block;
	float: right;
}
.totop li a {
	display: block;
	padding: 15px;
	width: 20px;
	height: 20px;
	background-color: #190909;
	overflow: hidden;
}
.totop li a:hover {
	background-color: #f64949;
}
.totop li a span {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../img/icon_arrowUp_gray.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
.totop li a:hover span {
	background-image: url(../img/icon_arrowUp_white.png);
}
.copyright {
	padding-top: 32px;
	font-size: 11px; /* rem未対応ブラウザ用 */
	font-size: 1.1rem; /* rem対応ブラウザ用overwrite */
	text-align: right;
	color: #7b7b7b;
}
#pageTopBtn--vip {
	bottom: 120px;
	display: none;
	left: 50%;
	margin-left: 500px;
	position: fixed;
	z-index: 100;
}
#pageTopBtn--vip a:hover img {
	opacity: 0.7;
}
.vipTopLinks{
	display: none;
}
/*------ レスポンシブ対応(デバイス幅設定) ------*/
@media screen and (max-device-width: 640px){
	#pageTopBtn--vip {
		bottom: 30px;
		left: auto;
		margin-left: 0;
		right: 10px;
	}
	#pageTopBtn--vip img {
		width: 10vw;
		height: auto;
	}
	sup.bottomType02{ vertical-align:bottom !important; padding:0; margin:0; line-height:130%; }
}




/*--------------------------------------------------------------------------------------------
 アンカーリンク位置調整
--------------------------------------------------------------------------------------------*/
#a001,#a002,#a003,#a004,#a005,#a006,#a007,#a008,#a009,#a010,#a011,#a012,#a013,#a014,#a015,#a016,#a017,#a018,#a019,#a020,#a021,#a022,#a023,#a024,#a025,#a026,#a027,#a028,#a029,#a030,#postage,#parking{
	padding-top: 53px !important;
	margin-top: -53px !important;
}
#tokyu,#treat{
	padding-top: 53px !important;
	margin-top: -53px !important;
}

/*--------------------------------------------------------------------------------------------
 お知らせ（news）コンテンツ
--------------------------------------------------------------------------------------------*/
#second .news img{
	display: block;
	margin: 20px auto;
}


/*--------------------------------------------------------------------------------------------
 共通レスポンシブ
--------------------------------------------------------------------------------------------*/


/*------ レスポンシブ対応 ------*/
@media screen and (max-width: 640px){
	body { min-width: inherit; }
	
	
	
	

}
/* ----- clearfix ----- */
#header .header_inner:after,
#header .header_inner #headerUtility:after {
	content : "";
	display : block;
	clear : both;
}



/* ----- mainVisual ----- */
.mainVisual {
	position: relative;
	height: 250px;
	background-image: url(../img/bg_headerGrad.png);
	background-position: top center;
	background-repeat: repeat-y;
	background-size: contain;
	color: #fff;
	overflow: hidden;
}
.mainVisual .mainVisualInner {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
.mainVisual .symbolbg {
	position: absolute;
	top: 0px;
	left: -30px;
	z-index: 2;
	width: 356px;
	height: auto;
}
.mainVisual .logo_tcv {
	display: inline-block;
	position: relative;
	z-index: 3;
	margin: 98px 125px 28px;
}
.mainVisual .logo_tcv img {
	display: block;
	width: 700px;
	height: auto;
}
.mainVisual .lead_tcv {
	position: relative;
	z-index: 4;
	font-size: 18px; /* rem未対応ブラウザ用 */
	font-size: 1.8rem; /* rem対応ブラウザ用overwrite */
	text-align:center;
}

@media only screen and (max-width: 767px) {
/* ----- mainVisual ----- */
	.mainVisual {
		position: relative;
		height: 214px;
		background-image: url(../img/bg_headerGrad.png);
		background-position: top center;
		background-repeat: repeat-y;
		background-size: contain;
		color: #fff;
		overflow: hidden;
	}
	.mainVisual .mainVisualInner {
		padding: 60px 20px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mainVisual .symbolbg {
		top: -24px;
		left: -17px;
		width: 58.6%;
	}
	.mainVisual .logo_tcv {
		margin: 23px 7px 18px 0;
	}
	.mainVisual .logo_tcv img {
		width: 100%;
	}
	.mainVisual .lead_tcv {
		display: block;
		float: left;
		padding: 5px 15px 15px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}