@charset "utf-8";

/*=================================
	layout
================================ */

/* header */
#header #logoBlock {
	max-width: 1360px;
	min-width: 1000px;
	width: auto;
	margin: 0 auto;
	padding: 20px 0 15px;
}
#simpleLayout #header #logoBlock {
	max-width: none;
	min-width: inherit;
	width: 1000px;
	padding: 25px 0;
}
#header #logoBlock .logo {
	float: left;
	margin-top: 3px;
}
#header #logoBlock .searchBox {
	position: relative;
	float: right;
	width: 200px;
	border: solid 1px #dbdbdb;
}
#header #logoBlock .searchBox .input {
	display: inline;
	float: left;
	width: 200px;
	padding: 4px 34px 4px 4px;
	background: none;
	border: none;
	vertical-align: middle;
	outline: none;
	-webkit-appearance: none;
	font-size: 12px;
	font-size: 1.2rem;
}
#header #logoBlock .searchBox .btn {
	position: absolute;
	top: 50%;
	right: 9px;
	margin-top: -8px;
	float: left;
	width: 16px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
#header #logoBlock .headerUtility {
	float: right;
	margin: 3px 25px 0 auto;
	letter-spacing: -0.4em;
}
#header #logoBlock .headerUtility > li {
	display: inline-block;
	letter-spacing: normal;
	white-space: nowrap;
}
#header #logoBlock .headerUtility > li + li {
	position: relative;
	margin-left: 20px;
	padding-left: 26px;
}
#header #logoBlock .headerUtility > li + li:before {
	content: "/";
	position: absolute;
	top: 0;
	left: 0;
}
#header #logoBlock .headerUtility > li > a {
	color: #000000;
	font-size: 12px;
	font-size: 1.2rem;
}
#header #logoBlock .headerUtility > li > a:before {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}
#header #logoBlock #toHome a:before {
	width: 24px;
	height: 21px;
	background: url(/common2015/images/gnavi_ic16.png) no-repeat 0 0;
}
#header #logoBlock #faq a:before {
	width: 22px;
	height: 22px;
	background: url(/common2015/images/gnavi_ic17.png) no-repeat 0 0;
}

/* globalNavi */
#header #gNavi {
	position: relative;
	padding-bottom: 14px;
		-moz-box-shadow:0px 2px 4px -3px #000000;
		-webkit-box-shadow:0px 2px 4px -3px #000000;
	box-shadow:0px 2px 4px -3px #000000;
}
#header #gNavi .gNaviBtn {
	display: none;
}
#header #gNavi .gNaviList {
	max-width: 1360px;
	min-width: 1000px;
	width: 100%;
	display: table;
	margin: 0 auto;
	z-index: 500;
}
#header #gNavi .gNaviList > li {
	display: table-cell;
	width: 240px;
	vertical-align: middle;
}
#header #gNavi .gNaviList > li + li {
	border-left: 1px solid #cccccc;
}
#header #gNavi .gNaviList > li > a {
	display: block;
	vertical-align: middle;
	padding: 12px 10px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #000000;
	text-align: center;
	text-decoration: none;
	/* transition */
		-webkit-transition: background-color 0.2s ease-out;
		-moz-transition: background-color 0.2s ease-out;
		-ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
#header #gNavi .gNaviList > li > a:hover {
	background: #efefef;
}
#header #gNavi .gNaviList > li > a[target="_blank"]:after {
	margin-top: -6px;
	width: 13px;
	height: 12px;
	background-image: url(/common2015/images/blank_sp.png);
	-webkit-background-size: 13px auto;
	background-size: 13px auto;
}
#header #gNavi .gNaviList > li > a span {
	vertical-align: middle;
}
#header #gNavi .gNaviList > li.hasChild > a span:after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	background: url(/common2015/images/gnavi_ic15.png) no-repeat 0 0;
	vertical-align: middle;
}
#header #gNavi .gNaviList > li.hasChild.showChild > a {
	background: #c50014;
	color: #ffffff;
}
#header #gNavi .gNaviList > li.hasChild.showChild > a span:after {
	background-position: -12px 0;
}
#header #gNavi .gNaviList > #campaign_head > a span:before,
#header #gNavi .gNaviList > #card > a span:before,
#header #gNavi .gNaviList > #point > a span:before,
#header #gNavi .gNaviList > #member > a span:before,
#header #gNavi .gNaviList > #official > a span:before {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
}
#header #gNavi .gNaviList > #campaign_head > a span:before {
	width: 14px;
	height: 18px;
	margin-right: 5px;
	background: url(/common2015/images/gnavi_ic24.png) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#header #gNavi .gNaviList > #card > a span:before {
	width: 20px;
	height: 14px;
	margin-right: 5px;
	background: url(/common2015/images/gnavi_ic11.png) no-repeat 0 0;
}
#header #gNavi .gNaviList > #point > a span:before {
	width: 19px;
	height: 19px;
	margin-right: 18px;
	background: url(/common2015/images/gnavi_ic12.png) no-repeat 0 0;
}
#header #gNavi .gNaviList > #member > a span:before {
	width: 16px;
	height: 24px;
	margin-right: 5px;
	background: url(/common2015/images/gnavi_ic13.png) no-repeat 0 50%;
}
#header #gNavi .gNaviList > #official > a span:before {
	width: 21px;
	height: 24px;
	margin-right: 5px;
	background: url(/common2015/images/gnavi_ic14.png) no-repeat 0 0;
}
#header #gNavi .gNaviList > #member.showChild > a span:before {
	background-position: -16px 50%;
}
#header #gNavi .gNaviList > #official.showChild > a span:before {
	background-position: -21px 0;
}
#header #gNavi .gNaviList #faq_spHead {
	display: none;
}
#header #gNavi .gNaviList > #net {
	width: 180px;
	border: none;
}
#header #gNavi .gNaviList > #net > a {
	position: relative;
}
#header #gNavi .gNaviList > #net.showChild > a:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -12px;
	width: 13px;
	height: 7px;
	background: url(/common2015/images/header_ic03.png) no-repeat 94% 0;
	z-index: 101;
}
#header #gNavi .gNaviList > #net > a {
	padding: 8px 5px;
	border: 1px solid #df0000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
}
#header #gNavi .gNaviList > #net > a span {
	display: none;
}
#header #gNavi .gNaviList > #takashimaya {
	width: 176px;
	padding: 0;
	border: none;
}
#header #gNavi .gNaviList > #takashimaya > a {
	display: table;
	width: 100%;
	padding: 8px 5px;
	border: 1px solid #df0000;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	background: #df0000;
	color: #ffffff;
}
#header #gNavi .gNaviList > #takashimaya a:before {
	content: "";
	display: table-cell;
	width: 1px;
	height: 30px;
	vertical-align: top;
}
#header #gNavi .gNaviList > #takashimaya > a span {
	display: table-cell;
}
#header #gNavi .gNaviList > #takashimaya > a span:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 11px;
	margin-left: 7px;
	background: url(/common2015/images/gnavi_ic10.png) no-repeat 0 0;
	vertical-align: middle;
}
#header #gNavi .gNaviList > #takashimaya > a span br,
#header #gNavi .gNaviList > #card > a span br,
#header #gNavi .gNaviList > #member > a span br,
#header #gNavi .gNaviList > #point > a span br,
#header #gNavi .gNaviList > #official > a span br,
#header #gNavi .gNaviList > #net > a span br {
	display: none;
}
#header #gNavi css3-container { /* css-PIE */
	display: none;
}
#header #gNavi .childList .iconLink01 a {
	padding-left: 15px;
}
#header #gNavi .childList .official > .iconLink01 a {
	color: #ffffff;
}
#header #gNavi .childList .iconLink01 a[target="_blank"]:after {
	margin: 0 5px;
}
#header .childList {
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	height: 0;
	background: #000000;
	background: rgba(0, 0, 0, 0.8);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000);/*IE8以下用*/
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 3px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 3px;
	box-shadow: rgba(150, 150, 150, 0.3) 0 1px 3px;
	z-index: 100;
}
#header .hasChild:not(.showChild) > .childList {
	background: none;
	box-shadow: none;
	z-index: 1;
}
#header .childList > div {
	display: none;
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}
#header .childList > .net {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
}
#header .childList > .net > .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
}
#header .cardInfoCol {
	padding: 15px 25px 25px;
	background-color: #ffffff;
	box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#header .cardInfoCol > *:first-child {
	margin-top: 0;
}
#header .cardInfoCol .heading {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
#header .cardInfoTwoCol {
	margin-top: 15px;
}
#header .cardInfoTwoCol .leftCol {
	float: left;
	width: 630px;
}
#header .cardInfoTwoCol .rightCol {
	float: right;
	width: 290px;
	padding-left: 30px;
	border-left: solid 1px #cccccc;
}
#header .cardInfoTwoCol .leftInnerCol .gold {
	float: left;
	width: 295px;
}
#header .cardInfoTwoCol .leftInnerCol .tcard {
	float: right;
	width: 295px;
}
#header .cardInfoTwoCol .leftInnerCol .gold > *:first-child,
#header .cardInfoTwoCol .leftInnerCol .tcard > *:first-child,
#header .cardInfoTwoCol .rightCol > *:first-child {
	margin-top: 0;
}
#header .cardInfoTwoCol .leftInnerCol .saison {
	margin-top: 20px;
}
#header .cardInfoTwoCol .leftInnerCol .img {
	text-align: center;
}
#header .cardInfoTwoCol .leftInnerCol .iconLink01 {
	font-size: 12px;
	font-size: 1.2rem;
}
#header .cardInfoTwoCol .saison {
	padding-left: 35px;
}
#header .cardInfoTwoCol .saison .imgL {
	margin-right: 35px;
}
#header .cardInfoTwoCol .saison .txt {
	margin-top: 0;
	padding-top: 46px;
}
#header .cardInfoTwoCol .rightCol p {
	margin-top: 40px;
}
#header .cardInfoTwoCol .rightCol .aboutPoint,
#header .cardInfoTwoCol .rightCol .service {
	background: #ffffff url(/common2015/images/gnavi_card_bg01.png) no-repeat 0 50%;
	box-shadow: rgba(150, 150, 150, 0.6) 0 2px 0;
	-moz-box-shadow: rgba(150, 150, 150, 0.6) 0 2px 0;
	-ms-box-shadow: rgba(150, 150, 150, 0.6) 0 2px 0;
	border: solid 1px #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#header .cardInfoTwoCol .rightCol .aboutPoint a,
#header .cardInfoTwoCol .rightCol .service a {
	display: block;
	padding: 20px 10px 20px 45px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	color: #333333;
	line-height: 1.4;
}
#header .cardInfoTwoCol .rightCol .aboutPoint a {
	background: url(/common2015/images/gnavi_card_ic01.png) no-repeat 100% 50%;
}
#header .cardInfoTwoCol .rightCol .service a {
	background: url(/common2015/images/gnavi_card_ic02.png) no-repeat 92% 50%;
}
#header .memberInfoCol {
	position: relative;
	margin-right: -35px;
}
#header .memberInfoCol .col > *:first-child {
	margin-top: 0;
}
#header .memberInfoCol .col .heading {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: -1px;
}
#header .memberInfoCol > .col {
	float: left;
	width: 310px;
	margin: 0 35px 0 0;
	padding: 15px 25px 25px;
	background-color: #ffffff;
	box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#header .memberInfoCol .tieupType {
	float: left;
	width: 655px;
}
#header .memberInfoCol .tieupType > .col {
	padding: 15px 25px 25px;
	background-color: #ffffff;
	box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#header .memberInfoCol .tieupType .strongBtnList {
}
#header .memberInfoCol .tieupType .strongBtnList li {
	display: table;
	float: left;
	width: 314px;
	margin: 27px 0 0 24px;
}
#header .memberInfoCol .tieupType .strongBtnList li:first-child {
	margin-left: 0;
}
#header .memberInfoCol .tieupType .strongBtnList li a {
	display: table-cell;
	margin-top: 0;
	vertical-align: middle;
}
#header .memberInfoCol .bannerList {
	margin-top: 10px;
}
#header .memberInfoCol .bannerList li {
	margin-top: 7px;
}
#header .memberInfoCol .bannerList li:first-child {
	margin-top: 0;
}
#header .memberInfoCol .btnLink04 {
	margin-top: 9px;
	text-align: center;
}
#header .memberInfoCol .btnLink04 a {
	display: block;
	margin-top: 0;
	padding: 15px 50px 15px 30px;
}
#header .memberInfoCol .memberInnerCol {
	margin-top: 8px;
}
#header .memberInfoCol .memberInnerCol > *:first-child,
#header .memberInfoCol .memberInnerCol .leftCol > *:first-child,
#header .memberInfoCol .memberInnerCol .rightCol > *:first-child {
	margin-top: 0;
}
#header .memberInfoCol .memberInnerCol .leftCol {
	float: left;
}
#header .memberInfoCol .memberInnerCol .rightCol {
	float: right;
}
#header .memberInfoCol .memberInnerCol .rightCol ul li {
	margin-top: 10px;
}
#header .memberInfoCol .memberInnerCol .rightCol ul li:first-child {
	margin-top: 0;
}
#header .memberInfoCol .strongBtnLink a {
	display: block;
	margin-top: 20px;
	padding: 13px 10px 13px 45px;
	background: #ffffff url(/common2015/images/gnavi_member_bg01.png) no-repeat 0 50%;
	box-shadow: rgba(150, 150, 150, 0.6) 0 2px 0;
	-moz-box-shadow: rgba(150, 150, 150, 0.6) 0 2px 0;
	-ms-box-shadow: rgba(150, 150, 150, 0.6) 0 2px 0;
	border: solid 1px #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ec2113;
	line-height: 1.4;
}
#header .memberInfoGrid {
	padding-right: 5px;
	padding-bottom: 60px;
}
#header .memberInfoGrid > .grid {
	float: left;
	width: 311px;
	margin-left: 31px;
}
#header .memberInfoGrid > .grid:first-child {
	margin-left: 0;
}
#header .memberInfoGrid > .grid .heading {
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
#header .memberInfoGrid .bannerList > li {
	margin-top: 7px;
}
#header .memberInfoGrid .bannerList > li > a {
	position: relative;
	display: block;
	background: #ffffff;
	line-height: 1.2;
}
#header .memberInfoGrid .bannerList > li > a.gold {
	background: #cc9900;
	color: #ffffff;
}
#header .memberInfoGrid .bannerList > li > a > .icon {
	position: absolute;
	top: 50%;
	right: 14px;
	display: block;
	width: 5px;
	height: 12px;
	margin-top: -6px;
	background: url(/common2015/images/gnavi_ic18.png) no-repeat 0 0;
	z-index: 10;
}
#header .memberInfoGrid .bannerList > li > a > img {
	position: relative;
	z-index: 5;
}
#header .memberInfoGrid .bannerList > li > a[target="_blank"] > .icon {
	right: 9px;
	width: 15px;
	height: 11px;
	margin-top: -6px;
	background-image: url(/common2015/images/gnavi_ic19.png);
}
#header .memberInfoGrid .bannerList > li > a.iconWhite[target="_blank"] > .icon,
#header .memberInfoGrid .bannerList > li > a.gold[target="_blank"] > .icon {
	background-image: url(/common2015/images/gnavi_ic10.png);
}
#header .memberInfoGrid .bannerList > li .textBanner {
	display: table;
	width: 100%;
	color: #000000;
}
#header .memberInfoGrid .bannerList > li .textBanner > span:hover {
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
#header .memberInfoGrid .bannerList > li .textBanner > span {
	display: table-cell;
	padding: 10px 24px 7px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	vertical-align: middle;
}
#header .memberInfoGrid .bannerList > li .textBanner:before {
	content: "";
	display: table-cell;
	width: 1px;
	height: 70px;
	vertical-align: top;
}
#header .member .spClose {
	display: none;
}
#header .officialInfoCol {
	position: relative;
	margin-right: -35px;
}
#header .officialInfoCol .col {
	position: relative;
	overflow: hidden;
	float: left;
	width: 310px;
	margin: 30px 35px 0 0;
	padding: 25px 20px;
	background-color: #ffffff !important;
	box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#header .officialInfoCol .col:nth-child(1),
#header .officialInfoCol .col:nth-child(2),
#header .officialInfoCol .col:nth-child(3) {
	margin-top: 0;
}
#header .officialInfoCol .col.linkType {
	display: table;
	padding: 0;
}
#header .officialInfoCol .col.linkType a {
	display: table-cell;
	padding: 25px;
	text-align: center;
	vertical-align: middle;
}
#header .officialInfoCol .col.linkType .mailMagazine {
	padding-left: 95px;
	background: url(/common2015/images/gnavi_official_ic01.gif) no-repeat 35px 50%;
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
}
#header .officialInfoCol .col.linkType .mailMagazine em {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}
#header .officialInfoCol .col.groupLinkType {
	display: table;
	padding: 0 20px;
}
#header .officialInfoCol .col.groupLinkType .iconList01 .smallSize {
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1.1;
}
#header .officialInfoCol .title {
	display: table-cell;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	vertical-align: middle;
}
#header .officialInfoCol .col.groupLinkType .title {
	display: block;
	margin-top: 20px;
}
#header .officialInfoCol .title span {
	display: block;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
}
#header .officialInfoCol .link {
	display: table;
	width: 100%;
	margin-top: 10px;
}
#header .officialInfoCol .link a {
	display: table-cell;
	padding: 0 15px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	box-shadow: rgba(150, 150, 150, 0.3) 0 1px 3px;
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 3px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 0 1px 3px;
	vertical-align: middle;
}
#header .officialInfoCol .link a .logo,
#header .officialInfoCol .link a .txt {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
#header .officialInfoCol .link a .logo {
	padding: 0 25px 0 10px;
}
#header .officialInfoCol .link a .logo img {
	vertical-align: middle;
}
#header .officialInfoCol .link a .txt {
	padding: 10px 0 10px 20px;
	background: url(/common2015/images/com_ic02.png) no-repeat 0 50%;
	text-align: left;
	font-weight: bold;
	line-height: 1.2;
}
#header .officialInfoCol .banner {
	width: 192px;
	margin: 15px auto 0;
}
#header .officialInfoCol .banner .caption {
	font-weight: bold;
	line-height: 1.2;
}
#header .officialInfoCol .iconList01 {
	margin-top: 0;
}
#header .officialInfoCol .iconList01 li {
	float: left;
	width: 50%;
	margin-top: 5px;
	font-weight: bold;
}
#header .officialInfoCol .iconList01 li a {
	padding-left: 15px;
	background-position: 0 0.2em;
}
#header .officialInfoCol .iconList01 li a:after {
	content: "";
}
#header .netInfoCol {
	display: table;
	width: 100%;
	padding: 30px;
	background-color: #4c4545;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: rgba(150, 150, 150, 0.3) 1px 1px 2px;
	-moz-box-shadow: rgba(150, 150, 150, 0.3) 1px 1px 2px;
	-ms-box-shadow: rgba(150, 150, 150, 0.3) 1px 1px 2px;
}
#header .netInfoCol .box01,
#header .netInfoCol .box02,
#header .netInfoCol .box03,
#header .netInfoCol .box04 {
	display: table-cell;
	vertical-align: middle;
}
#header .netInfoCol .box01 {
	width: 305px;
	padding-right: 25px;
}
#header .netInfoCol .box02,
#header .netInfoCol .box03 {
	padding-right: 25px;
}
#header .netInfoCol .box01 .link01 {
	border-top: solid 1px #ffffff;
	border-bottom: dotted 1px #ffffff;
}
#header .netInfoCol .box01 .link01 a {
	display: block;
	padding: 10px 0 10px 20px;
	background: url(/common2015/images/com_ic09.png) no-repeat 0 50%;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
}
#header .netInfoCol .box01 .link02 {
	text-align: center;
}
#header .netInfoCol .box01 .link02 a {
	display: inline-block;
	padding-left: 15px;
	background: url(/common2015/images/com_ic13.png) no-repeat 0 50%;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
}
#header .netInfoCol .box02 a,
#header .netInfoCol .box03 a,
#header .netInfoCol .box04 a {
	overflow: hidden;
	display: table-cell;
	width: 195px;
	height: 195px;
	border: solid 1px #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
	-ms-box-shadow: rgba(0, 0, 0, 0.8) 0 1px 2px;
	color: #ffffff;
	text-align: center;
}
#header .netInfoCol .box02 a {
	background: #ff7800 url(/common2015/images/com_ic14.png) no-repeat 50% 85%;
}
#header .netInfoCol .box03 a {
	background: #6a9410 url(/common2015/images/com_ic15.png) no-repeat 50% 85%;
}
#header .netInfoCol .box04 a {
	background: #c8900a url(/common2015/images/com_ic16.png) no-repeat 50% 85%;
}
#header .netInfoCol .box02 a span,
#header .netInfoCol .box03 a span,
#header .netInfoCol .box04 a span {
	display: block;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
}
#header .netInfoCol .box02 a span {
	padding-top: 15px;
}
#header .netInfoCol .box03 a span,
#header .netInfoCol .box04 a span {
	padding-top: 44px;
}
#header .netInfoCol .box02 a em {
	display: inline-block;
	margin-top: -10px;
	padding: 10px 25px 0;
	background-color: #ffffff;
	border-radius: 0 0 70px 70px;
	-webkit-border-radius: 0 0 70px 70px;
	-moz-border-radius: 0 0 70px 70px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ec2113;
}

/* header net newdesign */
#header .netInfoCol02 {
	padding: 30px;
	background-color:#fcf4f8;
	border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}
#header .netInfoCol02 .colLeft {
	float:left;
	width: 270px;
}
#header .netInfoCol02 .colLeft .netAnswer {
    border-top: solid 1px #333333;
    border-bottom: dotted 1px #333333;
		margin-top:15px;
}
#header .netInfoCol02 .colLeft .netAnswer a {
	display: block;
	padding: 10px 0 10px 18px;
	background: url(/common2015/images/com_ic62.png) no-repeat 0 50%;
	font-weight: bold;
	font-size: 17px;
	font-size: 1.7rem;
	color: #333333;
}
#header .netInfoCol02 .colLeft .idPass {
    text-align: center;
}
#header .netInfoCol02 .colLeft .idPass a {
	display: inline-block;
	padding-left: 15px;
	background: url(/common2015/images/com_ic63.png) no-repeat 0 50%;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
}
#header .netInfoCol02 .colLeft .ability {
	margin-top:25px;
}
#header .netInfoCol02 .colLeft .ability a {
	height: 180px;
	border: solid 1px #ffffff;
	color: #ffffff;
	text-align: center;
	display:block;
	background: #c8900a url(/common2015/images/gnavi_ic21.png) no-repeat 50% 85%;
}
#header .netInfoCol02 .colLeft .ability a span {
	display: block;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.4;
	padding-top: 30px;
}

#header .netInfoCol02 .colRight {
	float:left;
	width: 630px;
	margin-left:36px;
}
#header .netInfoCol02 .colRight [class^="netLoginBtn"] {
    margin-top: 15px;
}

#header .netInfoCol02 .colRight .title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
		margin-top: 0;
}
#header .netInfoCol02 .colRight .title > img {
    width: auto;
    height: 45px;
    margin-right: 5px;
    vertical-align: middle;
}
#header .netInfoCol02 .colRight [class^="netLoginBtn"] li {
    float: left;
    width: 305px;
    margin-left: 20px;
}
#header .netInfoCol02 .colRight [class^="netLoginBtn"] li:first-child {
    margin-left: 0;
}
#header .netInfoCol02 .colRight [class^="netLoginBtn"] li a {
    display: block;
    padding: 18px 0 18px 20px;
    border: solid 1px #000000;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000000;
    text-align: center;
    line-height: 1.2;
}
#header .netInfoCol02 .colRight [class^="netLoginBtn"] li a em {
    display: block;
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
}
#header .netInfoCol02 .colRight .netLoginBtn03 li.new a,
#header .netInfoCol02 .colRight .netLoginBtn04 li.new a {
    background: #ffffff url(/common2015/images/com_ic50.png) no-repeat 20px 50% / 30px auto;
}

#header .netInfoCol02 .colRight .netLoginBtn03 li.login a {
    background: #a10000 url(/common2015/images/com_ic15.png) no-repeat 25px 50%;
    border: none;
    color: #ffffff;
}
#header .netInfoCol02 .colRight .netLoginBtn04 li.login a {
    background: #ff6f97 url(/common2015/images/com_ic15.png) no-repeat 25px 50%;
    border: none;
    color: #ffffff;
}

/* topicPath */
#topicPath {
	padding: 20px 0;
}
#topicPath ul {
	width: 1000px;
	margin: 0 auto;
}
#topicPath ul li {
	float: left;
	margin-left: 10px;
	padding-left: 15px;
	background: url(/common2015/images/header_ic01.png) no-repeat 0 46%;
	font-size: 12px;
	font-size: 1.2rem;
}
#topicPath ul li.home {
	margin-left: 0;
	padding-left: 0;
	background: none;
}
#topicPath ul li em {
	font-weight: bold;
}
#topicPath ul li a {
	text-decoration: none;
}
#topicPath ul li a:hover {
	text-decoration: underline;
}
#topicPath ul li:last-child a {
	text-decoration: none;
	color: #333333;
	cursor: default;
}

/* main */
#main > *:first-child {
	margin-top: 0;
}

/* container */
#container {
	width: 1000px;
	margin: 40px auto 0;
}
#container.noNavi > *:first-child {
	margin-top: 0;
}
#content {
	float: left;
	width: 740px;
}
.noNavi #content {
	width: 1000px;
}
#content > *:first-child,
#content > section:first-child > *:first-child,
#content > *.pie_first-child {
	margin-top: 0;
}
.modalLayout {
	padding: 30px;
}
.modalLayout > *:first-child {
	margin-top: 0;
}

/* aside */
#aside {
	float: right;
	width: 220px;
}
#aside > *:first-child {
	margin-top: 0;
}
#aside dl dt a {
	display: block;
	padding: 18px 20px;
	background: #f3f3f3;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	color: #333333;
	text-decoration: none;
}
#aside dl dt a:hover {
	color: #ec2113;
}
#aside .sideNavi {
	padding: 10px 0 15px;
	border-top: solid 2px #cccccc;
	border-bottom: solid 1px #d9d9d9;
}
#aside .sideNavi > li > a {
	display: block;
	padding: 8px 10px 8px 20px;
	background: url(/common2015/images/com_ic02.png) no-repeat 0 0.9em;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
}
#aside .sideNavi > li > span {
	display: block;
	padding: 8px 10px 8px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
}
#aside .sideNavi li.current > a,
#aside .sideNavi > li.open > a {
	font-weight: bold;
	color: #333333;
}
#aside .sideNavi >li.open > a {
	background: url(/common2015/images/com_ic12.png) no-repeat 0 1.0em;
}
#aside .sideNavi > li > ul {
	margin-left: 20px;
}
#aside .sideNavi > li > ul > li > a {
	display: block;
	padding: 5px 10px 5px 10px;
	background: url(/common2015/images/com_ic10.gif) no-repeat 0 1.0em;
	text-decoration: none;
}
#aside .sideNavi li a:hover {
	color: #ec2113;
}
#aside .sideNavi > li > ul > li > ul > li {
		margin-left: 20px;
}
#aside .btnLink03 a,
#aside .btnLink04 a {
	display: block;
	margin-top: 20px;
	padding: 15px 40px 15px 30px;
	text-align: left;
}

/* footer */
#footer {
	margin-top: 50px;
	background: #ffffff;
}
#footer #footInner {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#footer .footLinks li {
	float: left;
	margin-right: 26px;
}
#footer .footLinks li a {
	display: inline-block;
	padding-left: 10px;
	background: url(/common2015/images/footer_ic01.png) no-repeat 0 50%;
	font-size: 12px;
	font-size: 1.2rem;
	color: #000000;
	text-decoration: none;
}
#footer .footLinks li a:hover {
	text-decoration: underline;
}
#footer .footerLinkGuide {
	padding: 40px 25px 100px;
}
#footer .footerLinkGuide .col {
	float: left;
	padding-right: 15px;
}
#footer .footerLinkGuide .col1 {
	width: 169px;
}
#footer .footerLinkGuide .col2 {
	width: 200px;
}
#footer .footerLinkGuide .col3 {
	width: 210px;
}
#footer .footerLinkGuide .col4 {
	width: 175px;
}
#footer .footerLinkGuide .col5 {
	display: none;
}
#footer .footerLinkGuide .vipLink {
	float: left;
	width: 196px;
}
#footer .footerLinkGuide .vipLink > a {
	display: block;
	width: 195px;
	height: 26px;
	margin-top: 10px;
	background: url(/common2015/images/footer_tx01.png) no-repeat 0 0;
	text-indent: -9999px;
	outline: none;
}
#footer .footerLinkGuide .vipLink > a.typePremium {
	background: url(/common2015/images/footer_tx02.png) no-repeat 0 0;
}
#footer .footerLinkGuide .col ul li + li {
	margin-top: 5px;
}
#footer .footerLinkGuide .col ul li > a {
	font-size: 12px;
	font-size: 1.2rem;
	color: #000000;
	text-decoration: none;
}
#footer .footerLinkGuide .col ul li > a:hover {
	text-decoration: underline;
}
#footer .footLogoBlock {
	margin-top: 35px;
}
#footer .footLogoBlock .leftCol {
	float: left;
	width: 430px;
}
#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 {
	float: left;
}
#footer .footLogoBlock .rightCol .footInfoBox > p {
	margin-top: 0;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.8;
}
#footer .footLogoBlock .rightCol {
	float: right;
	width: 460px;
}
#footer .footLogoBlock .rightCol ul {
	float: right;
}
#footer .footLogoBlock .rightCol ul li {
	float: left;
	margin-left: 15px;
}
#footer #pageTopBtn {
	display: none;
	position: fixed;
	bottom: 120px;
	left: 50%;
	margin-left: 500px;
}
#footer #toTopBtn {
	padding-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #cccccc;
	text-align: center;
}
#simpleLayout #footer .footLogoBlock .leftCol .logo img {
	width: auto;
}
#simpleLayout #footer .footLogoBlock .leftCol {
	width: 300px;
}
#simpleLayout #footer .footLogoBlock .rightCol {
	width: 620px;
}
.SpOnly{
	display:none;
}


@media only screen and (max-width: 1140px) {
	
	#container {
		overflow: hidden;
	}
	
	#footer #pageTopBtn {
		right: 20px;
		bottom: 20px;
		left: auto;
		margin-left: 0;
	}
	
}

@media only screen and (max-width: 767px) {
	body.is-openNav {
		position: fixed;
		left: 0;
		width: 100%;
	}
	/* header */
	#header {
		display: -webkit-flex;
		display: flex;
		border-bottom: solid 1px #cccccc;
		background:#FFFFFF;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	#header #logoBlock,
	#simpleLayout #header #logoBlock {
		display: -webkit-flex;
		display: flex;
		max-width: none;
		min-width: inherit;
		width: 100%;
		padding: 0;
	}
	#header #logoBlock {
		width: 85%;
	}
	#simpleLayout #header #logoBlock {
		padding: 0;
		width: 100%;
	}
	#simpleLayout #header #logoBlock .menu {
		display: none;
	}
	#header #logoBlock .logo {
		flex-shrink: 0;
		float: none;
		width: auto;
		margin-top: 0;
		padding: 17px 20px 17px 10px;
		width: 48.5%;
		vertical-align: middle;
	}
	#header #logoBlock .logo .siteLogo {
		width: auto;
	}
	#simpleLayout #header #logoBlock .logo {
		padding: 10px 12px 10px 10px;
		width: 50%;
		display:block;
	}
	#header #logoBlock .logo > a > img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	#header #logoBlock .card,
	#header #logoBlock .net,
	#header #logoBlock .menu {
		display: table-cell;
		width: 22%;
		vertical-align: middle;
	}
	#header #logoBlock .card a {
		display: block;
		padding: 25px 0 5px;
		background: #f8c9b4 url(/common2015/images/com_sp_ic13.png) no-repeat 50% 10px;
		background-size: 13px 11px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 0.8rem;
		color: #ec2113;
		text-shadow: 1px 1px 1px #ffffff;
		line-height: 1.2;
	}
	#header #logoBlock .net a {
		display: block;
		padding: 25px 0 5px;
		background: #ec2113 url(/common2015/images/gnavi_sp_ic06.png) no-repeat 50% 10px;
		background-size: 13px 11px;
		text-align: center;
		text-decoration: none;
	}
	#header #logoBlock .net a span {
		display: block;
		font-weight: bold;
		font-size: 0.8rem;
		color: #ffffff;
		line-height: 1.2;
	}
	#header #logoBlock .menu {
		margin-top: 0;
		display: -webkit-flex;
		display: flex;
		height: 100%;
		padding: 0;
		width: 17.16%;
	}
	#header #logoBlock .menu a {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		height: 100%;
		font-size: 1.0rem;
		color: #333333;
		border-left: 1px solid #dddddd;
		text-decoration: none;
		text-align: center;
		transition-property: none;
	}
	#header #logoBlock .menu a.close {
		display: block;
		text-indent: -9999px;
		color: #fff;
		color: #c50014;
		background-color: #c50014;
		overflow: hidden;
	}
	#header #logoBlock .menu a:before {
		content: '';
		display: block;
		margin-top: 5px;
		margin-bottom: 6px;
		width: 14px;
		height: 14px;
		background-image: url(/common2015/images/gnavi_sp_ic17.png);
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#header #logoBlock .menu a.close:before {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -8px 0 0 -8px;
		width: 16px;
		height: 16px;
		background-color: #c50014;
		background-image: url(/common2015/images/header_sp_ic02.png);
	}
	#header .searchBox {
		position: relative;
		width: 100%;
		height: 55px;
		padding: 10px;
		background: #f2ede5;
		border-top: solid 1px #e8e8e8;
		border-right: none;
		border-bottom: solid 1px #e8e8e8;
		border-left: none;
	}
	#header .popTermArea {
		position: relative;
	}
	#header .popTermArea:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 30px;
		height: 35px;
		background: url(/common2015/images/search_bt02.png) no-repeat 50% 50%;
		background-size: 13px auto;
	}
	#header .searchBox .input {
		width: 100%;
		height: 35px;
		padding-right: 30px;
		padding: 0 4px;
		background: #ffffff;
		border: solid 1px #dbdbdb;
		-webkit-appearance: none;
		border-radius: 0;
	}
	#header .searchBox .btn {
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 35px;
		margin-top: -7px;
		border-radius: 0;
		opacity:0;
		-moz-opacity:0;
		filter:alpha(opacity=0);
	}
	#header #logoBlock .headerUtility {
		float: none;
		display: -webkit-flex;
		display: flex;
		width: 34.34%;
		margin: 0;
		padding: 0;
		text-align: right;
		vertical-align: middle;
	}
	#header #logoBlock .headerUtility > li {
		margin-left: 0;
		padding-left: 0;
		width: 50%;
	}
	#header #logoBlock .headerUtility > li > a {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		position: relative;
		padding: 2px;
		width: 100%;
		height: 100%;
		line-height: 1.2em;
		text-align: center;
		font-size: 1rem;
		border-left: 1px solid #dddddd;
	}
	#header #logoBlock .headerUtility > li + li {
		margin-left: 0;
		padding-left: 0;
	}
	#header #logoBlock .headerUtility > li:before {
		display: none;
	}
	#header #logoBlock #gt a {
		padding-top: 5px;
	}
	#header #logoBlock #netanswer a {
		padding-top: 10px;
	}
	#header #logoBlock #gt a:before,
	#header #logoBlock #netanswer a:before {
		content: '';
		display: block;
		margin-right: 0;
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#header #logoBlock #gt a:before {
		margin-bottom: 8px;
		width: 18px;
		height: 12px;
		background-image: url(/common2015/images/gnavi_sp_ic15.png);
	}
	#header #logoBlock #netanswer a:before {
		margin-bottom: 3px;
		width: 15px;
		height: 14px;
		background-image: url(/common2015/images/gnavi_sp_ic16.png);
	}
	#header #logoBlock #faq {
		display: none;
	}
	#header #logoBlock #faq a:before {
		width: 11px;
		height: 11px;
		background-size: 11px auto;
		top: 0;
	}
	#header #logoBlock #toHome {
		display: none;
	}
	#header #logoBlock > .searchBox {
		display: none;
	}
	
	/* globalNavi */
	#header #gNavi {
		position: static;
		padding-bottom: 0;
		width: 15%;
		background: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#header #gNavi > nav{
		display: none;
	}
	#header #gNavi > nav {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: calc(100vh - 54px);
		overflow: auto;
		background-color: #fff;
	}
	#header #gNavi .gNaviBtn {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background: none;
		border: none;
		border-left: 1px solid #dddddd;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#header #gNavi .gNaviBtn.is-active {
		background: #c50014;
	}
	/* ----- icon-menu ----- */
	.gNaviBtn .icon-menu {
		display: block;
		position: relative;
		padding: 0 4px;
		height: 19px;
	}
	.gNaviBtn > .icon-menu > span {
		display: block;
		width: 20px;
		height: 2px;
		position:absolute;
		top: 0;
		left: 50%;
		margin-left: -10px;
		background: #7a7979;
		-webkit-transition: .3s all;
		transition: .3s all;
		padding:0 !important;
	}
	.gNaviBtn > .icon-menu > span:nth-child(1) {
		top: 0;
	}
	.gNaviBtn > .icon-menu > span:nth-child(2) {
		top: 9px;
	}
	.gNaviBtn > .icon-menu > span:nth-child(3) {
		top: 18px;
	}
	.gNaviBtn > .icon-menu > span:nth-child(2):before,
	.gNaviBtn > .icon-menu > span:nth-child(2):after{
		display: block;
		position: absolute;
		content: '';
		width: 20px;
		height: 2px;
		top: 0;
		left: 0;
		background: #7a7979;
		-webkit-transition: .3s all;
		transition: .3s all;
	}
	.gNaviBtn.is-active > .icon-menu > span:nth-child(1),
	.gNaviBtn.is-active > .icon-menu > span:nth-child(2),
	.gNaviBtn.is-active > .icon-menu > span:nth-child(2):before,
	.gNaviBtn.is-active > .icon-menu > span:nth-child(2):after,
	.gNaviBtn.is-active > .icon-menu > span:nth-child(3) {
		background: #fff;
	}
	.gNaviBtn.is-active > .icon-menu > span:nth-child(1) {
		top: 9px;
		opacity:0;
	}
	.gNaviBtn.is-active > .icon-menu > span:nth-child(3) {
		top: 9px;
		opacity:0;
	}
	.gNaviBtn.is-active > .icon-menu > span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.gNaviBtn.is-active > .icon-menu > span:nth-child(2):before {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.gNaviBtn.is-active > .icon-menu > span:nth-child(2):after {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.gNaviBtn .is-text {
		display: block;
		width: 1px;
		height: 1px;
		text-indent: -9999px;
		overflow: hidden;
	}
	/* ----- header-btn ----- */
	button.header-btn {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	button.header-btn,
	button.header-btn:active,
	button.header-btn:focus,
	button.header-btn > span,
	button.header-btn:active > span,
	button.header-btn:focus > span {
		position:relative;
	}
	#header #gNavi .gNaviList {
		position: relative;
		display: table;
		max-width: none;
		min-width: inherit;
		width: 100%;
		height: 100%;
		padding: 0 0 50px;
	}
	#header #gNavi .gNaviList > li {
		float: none;
		display: block;
		padding: 0;
		width: 100%;
		background: #fff;
		border-top: 1px solid #dddddd;
		vertical-align: middle;
	}
	#header #gNavi .gNaviList > li + li {
		border-left: none;
	}
	#header #gNavi .gNaviList > #card,
	#header #gNavi .gNaviList > #card,
	#header #gNavi .gNaviList > #member,
	#header #gNavi .gNaviList > #point,
	#header #gNavi .gNaviList > #official,
	#header #gNavi .gNaviList > #net {
		width: 100%;
	}
	#header #gNavi .gNaviList > #takashimaya {
		width: 16.7%;
	}
	#header #gNavi .gNaviList > li > a:hover {
		border: none;
	}
	#header #gNavi .gNaviList > li > a {
		display: block;
		position: relative;
		padding: 20px 32px 20px 48px;
		width: 100%;
		font-size: 1.4rem;
		line-height: 1.5;
		text-align: left;
		background-color: #fff;
	}
	#header #gNavi .gNaviList > li > a:after,
	#header #gNavi .gNaviList > li#official.hasChild a:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 16px;
		margin-top: -3px;
		width: 6px;
		height: 11px;
		background-image: url(/common2015/images/gnavi_sp_ic14.png);
		background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#header #gNavi .gNaviList > li.hasChild > a:after {
		width: 11px;
		height: 6px;
		background-image: url(/common2015/images/gnavi_sp_ic18.png);
	}
	#header #gNavi .gNaviList > li.hasChild.showChild > a:after {
		background-image: url(/common2015/images/gnavi_sp_ic18on.png);
	}
	#header #gNavi .gNaviList > li > a span {
		font-weight: bold;
	}
	#header #gNavi .gNaviList > li.hasChild > a span:after {
		display: none;
	}
	
	#header #gNavi .gNaviList #faq_spHead {
		display: block;
		font-weight: bold;
	}
	
	#header #gNavi .gNaviList #faq_spHead a:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 15px;
		margin-top: -10px;
		margin-right: 0;
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
		background: url(/common2015/images/gnavi_ic17.png) no-repeat 0 0;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	#header #gNavi .gNaviList > #net {
		padding: 15px;
		border-top: 1px solid #cccccc;
	}
	#header #gNavi .gNaviList > #net > a {
		text-align: center;
	}
	#header #gNavi .gNaviList > #net > a > span {
		
	}
	#header #gNavi .gNaviList > #net > a:after {
		display: none;
	}
	#header #gNavi .gNaviList > #takashimaya > a {
		padding: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#header #gNavi .gNaviList > #takashimaya > a span:after {
		display: none;
	}
	#header #gNavi .gNaviList .current a {
		border-top-width: 2px !important;
	}
	#header #gNavi .gNaviList > li > a span {
		display: block;
		width: 100%;
		background-position: 50% 6px !important;
		vertical-align: middle;
	}
	#header #gNavi .gNaviList > li.hasChild a {
		background-image: none;
	}
	#header #gNavi .gNaviList > #takashimaya > a span br,
	#header #gNavi .gNaviList > #card > a span br,
	#header #gNavi .gNaviList > #member > a span br,
	#header #gNavi .gNaviList > #point > a span br,
	#header #gNavi .gNaviList > #official > a span br,
	#header #gNavi .gNaviList > #net > a span br {
		display: inline;
	}
	#header #gNavi .gNaviList > #campaign_head > a span:before,
	#header #gNavi .gNaviList > #card > a span:before,
	#header #gNavi .gNaviList > #point > a span:before,
	#header #gNavi .gNaviList > #member > a span:before,
	#header #gNavi .gNaviList > #official > a span:before {
		position: absolute;
		top: 50%;
		left: 16px;
		margin-top: -12px;
		margin-right: 0;
	}
	#header #gNavi .gNaviList > #campaign_head > a span:before {
		width: 16px;
		height: 24px;
		background: url(/common2015/images/gnavi_ic24.png) no-repeat 0 50%;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	#header #gNavi .gNaviList > #card > a span:before {
		width: 20px;
		height: 24px;
		background: url(/common2015/images/gnavi_ic11.png) no-repeat 0 50%;
	}
	#header #gNavi .gNaviList > #point > a span:before {
		width: 19px;
		height: 24px;
		background: url(/common2015/images/gnavi_ic12.png) no-repeat 0 50%;
	}
	#header #gNavi .gNaviList > #member > a span:before {
		width: 16px;
		height: 24px;
		background: url(/common2015/images/gnavi_ic13.png) no-repeat 0 50%;
	}
	#header #gNavi .gNaviList > #official > a span:before {
		width: 21px;
		height: 24px;
		background: url(/common2015/images/gnavi_ic14.png) no-repeat 0 0;
	}
	#header #gNavi .gNaviList > #takashimaya > a span {
		padding: 20px 0 !important;
	}
	#header #menuWrap,
	#header .childList {
		display: none;
	}
	#header .hasChild:not(.showChild) > .childList {
		height: auto;
	}
	#header #menuWrap {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
	}
	#header .childList {
		position: static;
		height: auto;
		padding: 0 0;
		overflow-y: auto;
		background-color: #333;
	}
	#header .hasChild:not(.showChild) > .childList {
		background: rgba(0, 0, 0, 0.8);
		box-shadow: none;
		z-index: 1;
	}
	#header .childList > .member {
		display: block;
		width: auto;
		padding-bottom: 0;
	}
	#header .memberInfoGrid {
		padding-right: 0;
		padding-bottom: 10px;
		text-align: center;
		letter-spacing: -0.4em;
	}
	#header .memberInfoGrid > .grid {
		float: none;
		display: inline-block;
		max-width: 320px;
		width: auto;
		margin: 0;
		padding: 0 10px 30px;
		text-align: left;
		letter-spacing: normal;
		vertical-align: top;
	}
	#header .memberInfoGrid > .grid .heading {
		color: #ffffff;
		font-size: 13px;
		font-size: 1.3rem;
		font-weight: bold;
	}
	#header .memberInfoGrid .bannerList > li {
		margin-top: 4px;
	}
	#header .memberInfoGrid .bannerList > li > a > .icon {
		width: 6px;
		height: 11px;
		background: url(/common2015/images/gnavi_sp_ic14.png) no-repeat 0 0;
		background-size: 6px auto;
	}
	#header .memberInfoGrid .bannerList > li > a[target="_blank"] > .icon {
		width: 12px;
		height: 9px;
		margin-top: -5px;
		background-image: url(/common2015/images/gnavi_sp_ic12.png);
		background-size: 12px auto;
	}
	#header .memberInfoGrid .bannerList > li > a.iconWhite[target="_blank"] > .icon,
	#header .memberInfoGrid .bannerList > li > a.gold[target="_blank"] > .icon {
		background-image: url(/common2015/images/gnavi_sp_ic13.png);
	}
	#header .memberInfoGrid .bannerList > li .textBanner > span:hover {
		opacity:1;
		-moz-opacity:1;
		filter:alpha(opacity=100);
	}
	#header .memberInfoGrid .bannerList > li .textBanner > span {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#header .memberInfoGrid .bannerList > li .textBanner:before {
		height: 68px;
	}
	#header .member .spClose {
		display: block;
		margin: 0 10px;
		border: 1px solid #ffffff;
		color: #ffffff;
		padding: 10px 25px;
		background: url(/common2015/images/gnavi_sp_ic11.png) no-repeat 10px 50%;
		background-size: 10px auto;
		text-align: center;
	}
	
	/* topicPath */
	#topicPath {
		display: none;
	}
	
	/* container */
	#container {
		width: 100%;
		margin: 20px 0 0;
		padding: 0;
	}
	#content {
		float: none;
		width: 100%;
		padding: 0 10px;
	}
	.noNavi #content {
		width: 100%;
	}

		
	/* aside */
	#aside {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	#aside .sideNavi {
		padding: 0;
		border-top: solid 3px #cdcdcd;
		border-bottom: none;
	}
	#aside .sideNavi > li > a {
		padding: 10px 10px 10px 25px;
		background: url(/common2015/images/com_sp_ic02.png) no-repeat 10px 1.2em;
		background-size: 6px 10px;
		font-size: 1.2rem;
		border-bottom: solid 1px #cccccc;
	}
	#aside .sideNavi >li.open > a {
		background: url(/common2015/images/com_sp_ic12.png) no-repeat 8px 1.4em;
		background-size: 11px 6px;
	}
	#aside .sideNavi > li > ul {
		margin-top: 10px;
		margin-left: 15px;
	}
	#aside .sideNavi > li > ul > li > a {
		padding: 5px 10px 5px 15px;
		background: url(/common2015/images/com_sp_ic10.png) no-repeat 5px 1.0em;
		background-size: 6px 6px;
	}
	#aside .btnLink03,
	#aside .btnLink04 {
		margin: 0 10px;
	}
	#aside .btnLink04 a {
		margin-top: 20px;
	}
	#aside .btnLink03 a {
		margin-top: 10px;
	}
	
	/* footer */
	#footer {
		margin-top: 30px;
	}
	#simpleLayout #footer {
		padding: 10px;
	}
	#footer #footInner {
		width: 100%;
		padding: 0 !important;
	}
	#footer .footLinks {
		width: 100%;
		background: #f3f3f3;
		border-top: solid 1px #cccccc;
	}
	#footer .footLinks li {
		float: left;
		width: 50%;
		margin-right: 0;
		border-right: solid 1px #cccccc;
		border-bottom: solid 1px #cccccc;
	}
	#footer .footLinks li:nth-child(2n) {
		border-right: none;
	}
	#footer .footLinks li a {
		display: block;
		padding: 10px 5px 10px 20px;
		background: #f3f3f3 url(/common2015/images/com_sp_ic02.png) no-repeat 8px 1.0em  !important;
		background-size: 6px 10px !important;
		border: none !important;
		color: #333333;
		font-weight: bold;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	#footer .footerLinkGuide {
		padding: 0;
	}
	#footer .footerLinkGuide .col1,
	#footer .footerLinkGuide .col2,
	#footer .footerLinkGuide .col3,
	#footer .footerLinkGuide .col4 {
		display: none;
	}
	#footer .footerLinkGuide .col5 {
		display: block;
		background: #f3f3f3;
		width: auto;
		padding-right: 0;
		margin: 15px 0;
		border-top: 1px solid #cccccc;
	}
	#footer .footerLinkGuide .col5 li {
		float: left;
		width: 50%;
		display: table;
		border-bottom: 1px solid #cccccc;
		margin-top: 0!important;
	}
	#footer .footerLinkGuide .col5 li.left {
		border-right: 1px solid #cccccc;
	}
	#footer .footerLinkGuide .col5 li a {
		display: table-cell;
		width: 100%;
		height: 34px;
		vertical-align: middle;
		padding: 6px 5px 6px 15px;
		background: url(/common2015/images/footer_ic01.png) no-repeat 4px 50%;
	}
	#footer .footerLinkGuide .vipLink {
		float: none;
		width: auto;
		text-align: center;
	}
	#footer .footerLinkGuide .vipLink > a {
		display: inline-block;
		width: 211px;
		height: 33px;
		margin-top: 1em;
		background: url(/common2015/images/footer_sp_tx01.png) no-repeat 0 0;
		background-size: 211px auto;
	}
	#footer .footerLinkGuide .vipLink > a.typePremium {
		width: 211px;
		height: 33px;
		background: url(/common2015/images/footer_sp_tx02.png) no-repeat 0 0;
		background-size: 211px auto;
}
	/* footerLinkGuide ver02 */
	#footer .footerLinkGuide .col5 {
		background-color: #ffffff;
	}
	#footer .footerLinkGuide .col5 li {
		background-color: #f3f3f3;
	}

	#footer .footLogoBlock {
		margin-top: 0;
		padding: 20px 10px 10px!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-top: 10px;
	}
	#footer .footLogoBlock .leftCol .copy {
		color: #666666;
		font-size: 11px;
		font-size: 1.1rem;
	}
	#footer .footLogoBlock .rightCol .footInfoBox {
		width: 55%;
	}
	#footer .footLogoBlock .rightCol .footInfoBox > p {
		font-size: 0.8rem;
	}
	#footer .footLogoBlock .rightCol ul {
		width: 40%;
	}
	#footer .footLogoBlock .rightCol ul li {
		width: 40%;
		margin-left: 5px;
	}
	#footer .footLogoBlock .rightCol ul li:first-child {
		margin-left: 0;
	}
	#footer #pageTopBtn {
		right: 10px;
		bottom: 30px;
		left: auto;
		margin-left: 0;
	}
	#footer #toTopBtn {
		padding: 15px 10px;
	}
	#footer #toTopBtn > a {
		display: inline-block;
		width: 59px;
		height: 23px;
		background: url(/common2015/images/pagetop02_sp.png) no-repeat 0 0;
		background-size: 59px auto;
		text-indent: -9999px;
		outline: none;
	}
	
	#simpleLayout #footer .footLogoBlock .leftCol {
		width: 100%;
	}
	#simpleLayout #footer .footLogoBlock .rightCol {
		width: 100%;
	}
	.PcOnly{
		display:none;
	}
	.SpOnly{
		display: block;
	}
}


/* clearfix */
#header #logoBlock:after,
#header #logoBlock .searchBox:after,
#header .searchBox:after,
#header #gNavi .gNaviList:after,
#header .cardInfoTwoCol:after,
#header .cardInfoTwoCol .leftInnerCol:after,
#header .memberInfoCol:after,
#header .memberInfoGrid:after,
#header .memberInfoCol .bannerList:after,
#header .memberInfoCol .memberInnerCol:after,
#header .memberInfoCol .tieupType .strongBtnList:after,
#header .officialInfoCol:after,
#header .officialInfoCol .iconList01:after,
#topicPath ul:after,
#container:after,
#footer .footLinks:after,
#footer .footerLinkGuide:after,
#footer .footLogoBlock:after,
#footer .footLogoBlock .leftCol:after,
#footer .footLogoBlock .rightCol:after,
#footer .footLogoBlock .rightCol ul:after,
#header .netInfoCol02:after,
#header .netLoginBtnWrap02:after,
#footer .footerLinkGuide .col5:after {
	content : "";
	display : block;
	clear : both;
}