@charset "utf-8";

/* header
------------------------------------------------*/
#dcard_start {
  display: table;
  width: 100%;
}

#dcard_start p{
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  #dcard_start p {
    display:block;
    width:100%;
    font-size:0;
  }
  #dcard_start p.-sp-content img {
    max-width:128px;
  }
}

/* contents
------------------------------------------------*/
#cpn-takashimaya {
  font-size: 14px;
  color: #000;
}

#cpn-takashimaya * {
  -webkit-box-sizing : border-box;
  -moz-box-sizing    : border-box;
  -o-box-sizing      : border-box;
  -ms-box-sizing     : border-box;
  box-sizing         : border-box;
}

#cpn-takashimaya a {
  color: #004ed5;
  text-decoration: underline;
  -webkit-transition:all 0.3s ease-in-out;
     -moz-transition:all 0.3s ease-in-out;
       -o-transition:all 0.3s ease-in-out;
          transition:all 0.3s ease-in-out;
}

#cpn-takashimaya a:hover {
  opacity:0.75;
}

#cpn-takashimaya > div {
  margin-top: 30px;
  margin-bottom: 30px;
}

#cpn-takashimaya > div:first-child {
  margin-top: 0;
  padding-top: 10px;
}

#cpn-takashimaya .w600 {
  width:600px;
  margin-right:auto;
  margin-left:auto;
}

#cpn-takashimaya .contents.full {
  padding:0 !important
}

#cpn-takashimaya img.boxShadow {
  box-shadow:rgba(0, 0, 0, 0.5) 6px 6px 6px -1px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.5) 6px 6px 6px -1px;
  -moz-box-shadow:rgba(0, 0, 0, 0.5) 6px 6px 6px -1px;
}

#cpn-takashimaya .dcardpoints table th{
  border: 1px solid #231815;
  width:20%;
}

#cpn-takashimaya .dcardpoints table td {
  border: 1px solid #231815;
}

@media only screen and (max-width: 768px) {
  #cpn-takashimaya .w600 {
    width: 80%;
    margin: 0 auto;
  }
}

#cpn-takashimaya #dcard_prepaid_entry {
  margin-top: 60px;
  position: relative;
  border: 1px solid #e85a88;
}

#cpn-takashimaya #dcard_prepaid_entry ul {
  padding: 20px 10px;
	border-bottom: 4px solid #e85a88;
}
#cpn-takashimaya #dcard_prepaid_entry ul li {
	margin: 0 5px;
}

@media only screen and (max-width: 768px) {
	#cpn-takashimaya .badge {
		width: 22%;
		position: absolute;
		left: 2%;
		top: -10%;
	}

	#cpn-takashimaya #dcard_prepaid_entry {
		margin-top: 10%;
	}

	#cpn-takashimaya #dcard_prepaid_entry ul li {
		display: block;
		width: 95%;
		margin: 5% auto 0;
	}
	#cpn-takashimaya #dcard_prepaid_entry ul li:first-child {
		margin-top: 0;
	}
}
.campaign p {
  padding-top:8px;
}
.contents ul.note li {
	margin-left: 1em;
	text-indent: -1em;
}
.contents ul.note li span {
	font-weight: bold;
	color: #cc0033;
}
.contents p.entry {
	font-weight: bold;
	display: inline;
	font-size: 120%;
	text-decoration: underline;
}
.contents li.space {
	margin-left: 2em !important;
}
table {
	width: 80%;
	margin: 10px auto 0;
	margin-bottom: 30px;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

.attention {
	border: 1px solid;
	padding: 40px;
	margin: 30px;
}

/*pickup
------------------------------------------------*/
#cpn-takashimaya .pickup {
	width: 30%;
	margin: 20px auto 10px;
	padding: 0;
	border: 2px solid #888;
}

/*banner
------------------------------------------------*/
#cpn-takashimaya .banner-list {
	width: 100%;
	overflow: hidden;
}
#cpn-takashimaya .banner-list p {
	float: left;
	width: 49%;
	padding: 0;
}
#cpn-takashimaya .banner-list p:nth-child(odd) {
	margin-right: 2%;
}
#cpn-takashimaya .banner-list p:nth-child(-n+2) {
	margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
#cpn-takashimaya .pickup {
	width: 50%;
}
	
#cpn-takashimaya .banner-list p {
	float: none;
	width: 100%;
}
#cpn-takashimaya .banner-list p:nth-child(-n+2) {
	margin-bottom: 0;
}

#cpn-takashimaya .banner-list p:nth-child(n+2) {
	margin-top: 10px;
	padding-top: 16px;
}

}

/* notice
------------------------------------------------*/
#cpn-takashimaya .shoplist {
	font-size: 16px;
}

#cpn-takashimaya #takashimaya_notice {
	padding: 4px 0;
	position: relative;
	border: 3px solid #e50012;
}
#cpn-takashimaya #takashimaya_notice > div {
	padding: 20px 25px;
	border-top: 1px solid #e50012;
	border-bottom: 1px solid #e50012;
}

#cpn-takashimaya #takashimaya_notice dl dt {
	float: left;
}
#cpn-takashimaya #takashimaya_notice dl dd {
	margin-left: 25px;
	float: left;
}
#cpn-takashimaya #takashimaya_notice p {
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -70px;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#cpn-takashimaya #takashimaya_notice > div {
		padding: 2%;
	}
	#cpn-takashimaya #takashimaya_notice dl dt {
		width: 20%;
	}
	#cpn-takashimaya #takashimaya_notice dl dd {
		width: 78%;
		margin-left: 2%;
	}
	#cpn-takashimaya #takashimaya_notice p {
		width: 40%;
		margin: 10px auto 0;
		position: relative;
		right: 0;
		top: 0;
	}
}



/* entry
------------------------------------------------*/
#cpn-takashimaya .badge {
	position: absolute;
	left: 15px;
	top: -60px;
}

#cpn-takashimaya #dcard_entry {
	margin-top: 60px;
	position: relative;
	border: 1px solid #e85a88;
}
#cpn-takashimaya #dcard_entry ul {
	padding: 20px 10px;
	border-bottom: 4px solid #e85a88;
}
#cpn-takashimaya #dcard_entry ul li {
	margin: 0 5px;
}

@media only screen and (max-width: 768px) {
	#cpn-takashimaya .badge {
		width: 22%;
		position: absolute;
		left: 2%;
		top: -10%;
	}

	#cpn-takashimaya #dcard_entry {
		margin-top: 10%;
	}

	#cpn-takashimaya #dcard_entry ul li {
		display: block;
		width: 95%;
		margin: 5% auto 0;
	}
	#cpn-takashimaya #dcard_entry ul li:first-child {
		margin-top: 0;
	}
}


/* member
------------------------------------------------*/
#cpn-takashimaya #dcard_member {
	margin-top: 60px;
	position: relative;
	background: #fae7ea;
	border: 1px solid #d00f31;
}
#cpn-takashimaya #dcard_member > div {
	padding: 20px 10px;
}
#cpn-takashimaya #dcard_member h2 span {
	display: block;
	width: 94%;
	margin: 0 auto;
	background: #d00f31;
}

#cpn-takashimaya #dcard_member ul li{
	margin: 0 6px;
}

#cpn-takashimaya #dcard_member ul li.silver p{
	padding: 0;
	float: left;
}
#cpn-takashimaya #dcard_member ul li.silver p:first-child{
	margin-right: 10px;
}

@media only screen and (max-width: 768px) {
	#cpn-takashimaya #dcard_member {
		margin-top: 10%;
	}

	#cpn-takashimaya #dcard_member > div {
		padding: 2%;
	}
	#cpn-takashimaya #dcard_member ul {
		margin: 0;
	}

	#cpn-takashimaya #dcard_member ul li {
		margin: 2% 0 0;
		width: 100%;
	}

	#cpn-takashimaya #dcard_member ul li.silver{
		height: auto;
		margin-top: 0;
		padding: 2%;
	}

	#cpn-takashimaya #dcard_member ul li.silver p:first-child{
		margin-right: 2%;
	}

	#cpn-takashimaya #dcard_member ul li p{
		width: 49%;
	}
}



/* dcard payment
------------------------------------------------*/
#cpn-takashimaya #dcard_payment div {
	width: 75%;
	margin: 15px auto 0;
	padding: 10px;
	font-size: 16px;
	color: #595757;
	border: 2px solid #e50012
}
#cpn-takashimaya #dcard_payment div p {
	padding: 0;
}
#cpn-takashimaya #dcard_payment div span {
	font-size: 18px;
	color: #d00f31;
}
#cpn-takashimaya #dcard_payment div a {
	color: #d00f31;
}

@media only screen and (max-width: 768px) {
	#cpn-takashimaya #dcard_payment div {
		width: 90%;
		font-size: 14px;
	}
	#cpn-takashimaya #dcard_payment div span {
		font-size: 16px;
	}
}



/* dcard prepaid
------------------------------------------------*/
#cpn-takashimaya #dcard_prepaid div {
	width: 75%;
	margin: 15px auto 0;
	padding: 10px;
	font-size: 16px;
	color: #595757;
	border: 2px solid #e50012;
}
#cpn-takashimaya #dcard_prepaid div p {
	padding: 0;
}
#cpn-takashimaya #dcard_prepaid div span {
	font-size: 18px;
	color: #d00f31;
}
#cpn-takashimaya #dcard_prepaid div a {
	color: #d00f31;
}

@media only screen and (max-width: 768px) {
	#cpn-takashimaya #dcard_prepaid div {
		width: 90%;
		font-size: 14px;
	}
	#cpn-takashimaya #dcard_prepaid div span {
		font-size: 16px;
	}
}
/* contact
------------------------------------------------*/
#cpn-takashimaya .contact p {
	padding: 0;
}
#cpn-takashimaya .contact p span{
	font-weight: bold;
}
#cpn-takashimaya .contact p a{
	color: #000000;
	text-decoration: underline;
}
#cpn-takashimaya .column_2 {
	float:left;
	display:table;
	width: 49%;
	margin-right:2px;
}

@media only screen and (max-width: 768px) {
	#cpn-takashimaya .column_2 {
		float:left;
		display:table;
		width: 95%;
		margin-right:2px;
	}
}	

/* dpoint button
------------------------------------------------*/
.campaign-button {
  display: inline-block;
}
.campaign-button a {
  padding: 15px 40px;
  width: 100%;
  min-width: 350px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  background-color: #cc0033;
  display: block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
.campaign-button a:hover {
  opacity: 0.9;
  text-decoration: none;
}
.campaign-button a:after {
  content: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/takashimaya_tmks17a/images/btn_arrow_white.png);
  position: absolute;
  right: 13px;
  margin-top: -10px;
  top: 50%;
}
.campaign-button.detail a {
  border: 2px solid #fff;
  box-shadow: rgba(181, 181, 181, 0.65) 0px 0px 6px 3px;
  -webkit-box-shadow: rgba(181, 181, 181, 0.65) 0px 0px 6px 3px;
  -moz-box-shadow: rgba(181, 181, 181, 0.65) 0px 0px 6px 3px;
  border-radius: none;
}


/* footer
------------------------------------------------*/
#cpn-takashimaya #cpn_footer {
	margin-top: 50px;
}
#cpn-takashimaya #cpn_footer p {
	margin-bottom: 30px;
	text-align: center;
}


.dpoint-box .campaign-dpoint__title {
	text-align: center;
}
.campaign-dpoint__btn {
	margin: 10px 0 30px;
	text-align: center;
}

#cpn-takashimaya #cpn_footer ul {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ebebeb;
}
#cpn-takashimaya #cpn_footer ul li {
	width: 50%;
	list-style-type: none;
	display: table-cell;
	border-left: 1px solid #ebebeb;
}
#cpn-takashimaya #cpn_footer ul li:first-child {
  border-left: none;
}
#cpn-takashimaya #cpn_footer ul li a {
	padding: 15px 0 15px 30px;
	color: #000;
	text-decoration: none;
	background-size: 15px auto;
	display: block;
	position: relative;
}
#cpn-takashimaya #cpn_footer ul li a:after {
	content: url(//d1mts1n1u0bek1.cloudfront.net/std/campaigns/takashimaya_tmks17a/images/icon_arrow.png);
	position: absolute;
	right: 13px;
	margin-top: -10px;
	top: 50%;
}
@media only screen and (max-width: 768px) {
  #cpn-takashimaya #cpn_footer ul li {
	width: 100%;
  }
}


.-pc-content{
	display: block !important;
}
.-sp-content{
	display: none !important;
}
@media only screen and (max-width: 768px) {
	img{
		width:100%;
	}
	.-pc-content{
		display: none !important;
	}
	.-sp-content{
		display: block !important;
	}
}





/* list
------------------------------------------------*/
ul.ctr {
	text-align:center;
	letter-spacing: -.40em;
}
ul.ctr li {
	margin:0;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align:top;
}
ul.ctr.ctr_mrgB li {
	margin:5px;
}
ol, ul {
list-style:none !important;
}

/* margin
------------------------------------------------*/
.mrg0 { margin:0 !important; }

.mrgT0 { margin-top:0 !important; padding-top:0 !important;}
.mrgT5 { margin-top:5px !important; }
.mrgT10 { margin-top:10px !important; }
.mrgT15 { margin-top:15px !important; }
.mrgT20 { margin-top:20px !important; }
.mrgT25 { margin-top:25px !important; }
.mrgT30 { margin-top:30px !important; }
.mrgT35 { margin-top:35px !important; }
.mrgT40 { margin-top:40px !important; }
.mrgT45 { margin-top:45px !important; }
.mrgT50 { margin-top:50px !important; }
.mrgT75 { margin-top:75px !important; }

.mrgB0 { margin-bottom:0 !important; }
.mrgB5 { margin-bottom:5px !important; }
.mrgB10 { margin-bottom:10px !important; }
.mrgB15 { margin-bottom:15px !important; }
.mrgB20 { margin-bottom:20px !important; }
.mrgB25 { margin-bottom:25px !important; }
.mrgB30 { margin-bottom:25px !important; }
.mrgB35 { margin-bottom:35px !important; }
.mrgB40 { margin-bottom:40px !important; }
.mrgB45 { margin-bottom:45px !important; }
.mrgB50 { margin-bottom:50px !important; }
.mrgB75 { margin-bottom:75px !important; }

.mrgV5 { margin:5px 0 !important; }
.mrgV10 { margin:10px 0 !important; }
.mrgV15 { margin:15px 0 !important; }
.mrgV20 { margin:20px 0 !important; }
.mrgV25 { margin:25px 0 !important; }
.mrgV30 { margin:30px 0 !important; }
.mrgV35 { margin:35px 0 !important; }
.mrgV40 { margin:40px 0 !important; }
.mrgV45 { margin:45px 0 !important; }
.mrgV50 { margin:50px 0 !important; }

.mrgL5 { margin-left:5px !important; }
.mrgL10 { margin-left:10px !important; }
.mrgL15 { margin-left:15px !important; }
.mrgL20 { margin-left:20px !important; }
.mrgL25 { margin-left:25px !important; }
.mrgL30 { margin-left:30px !important; }
.mrgL35 { margin-left:35px !important; }
.mrgL40 { margin-left:40px !important; }
.mrgL45 { margin-left:45px !important; }
.mrgL50 { margin-left:50px !important; }

.mrgR5 { margin-right:5px !important; }
.mrgR10 { margin-right:10px !important; }
.mrgR15 { margin-right:15px !important; }
.mrgR20 { margin-right:20px !important; }
.mrgR25 { margin-right:25px !important; }
.mrgR30 { margin-right:30px !important; }
.mrgR35 { margin-right:35px !important; }
.mrgR40 { margin-right:40px !important; }
.mrgR45 { margin-right:45px !important; }
.mrgR50 { margin-right:50px !important; }



/* padding
------------------------------------------------*/
.padB10 { padding-bottom:10px !important; }

.padH10 { padding:0 10px !important; }
.padH15 { padding:0 15px !important; }
.padH17 { padding:0 17px !important; }
.padH20 { padding:0 20px !important; }

.padV20 { padding:20px 0 !important; }

.padL25 { padding-left:25px !important; }



/* font
------------------------------------------------*/
.bld { font-weight:bold; }
.fs12 { font-size:12px !important; }
.fs14 { font-size:14px !important; }
.fs16 { font-size:16px !important; }
.fs18 { font-size:18px !important; }
.fs20 { font-size:20px !important; }
.fs22 { font-size:22px !important; }
.fs24 { font-size:24px !important; }

.fcred { color:#f00; }
.fcblue { color:#0060ff; }


/* text direction
------------------------------------------------*/
.ctr { text-align:center; }
.rgt { text-align:right; }
.lft { text-align:left; }



/* text indent
------------------------------------------------*/
.ti01 { padding-left:1.0em; text-indent:-1.0em; }
.ti02 { padding-left:1.3em; text-indent:-1.3em; }
.ti03 { padding-left:1.8em; text-indent:-1.8em; }
.ti04 { padding-left:1.6em; text-indent:-1.6em; }



/* float clear
------------------------------------------------*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:""; 
	display:block; 
	clear:both;
}
*:after {
	display:block;
	clear:both;
}



/*�lj�
------------------------------------------------*/
.top-btn-link{
	margin-top:30px;
	text-align:center;
}
.top-btn-link a:hover{
	opacity:0.7;
}