@charset "UTF-8";
/* CSS Document */


@media screen and (min-width:768px) and (max-width:1023px){
	
	.lead {
		margin: 2% 0;
		font-size: 160%;
	}
	
	.lead>p>span {
    font-size: 130%;
}
	
	.apply {
		font-size: 160%;
	}
	
	.box li a {
    font-size: 85%;
}
	
	.new a {
    background: #ffffff url(https://www.takashimaya-fp.co.jp/card/common2015/images/com_ic50.png) no-repeat 20px 50% / 30px auto;
}
	
	.login a {
    background: #a10000 url(https://www.takashimaya-fp.co.jp/card/common2015/images/com_ic15.png) no-repeat 20px 50% / 30px auto;
}
	
	
}

@media screen and (min-width:640px) and (max-width:750px){
	
	.lead {
	font-size:130%;
}

	h1 {
	font-size:160%;
	}
	
	
	h2 {
	font-size: 120%;
	font-weight: bold;
	font-style: oblique;
	color: #FA9F0B;
	text-align: center;
}
	
	
	
#descript {
	background-color:#fef2e0;
	padding:2%;
	
}

.section {
	font-size: 140%;
	line-height: 1.6;
}

	#attention {
	font-size: 110%;
	line-height: 1.5;
}


	#attentionlead {
	background-color: #434343;
	font-size: 100%;
	line-height: 1.7;
	padding:6% 6% 6% 8%;
	
}
	
	
}


@media screen and (min-width:375px) and (max-width:540px){
	
	.lead{
	font-size:88%;
		margin: 4% 5%;
}

	h1{
	font-size:110%;
	}
	
	h2{
	font-size: 120%;
}
	
	.section{
	font-size: 100%;
	line-height: 1.6;
		margin:4% 3%;
}

	#attention{
	font-size: 100%;
	line-height: 1.5;
}


#attentionlead{
	background-color: #434343;
	font-size: 90%;
	line-height: 1.7;
}
	
	#attention02 {
	font-size: 80%;
	line-height: 1.5;
	}
	
	.description {
		font-size: 100%;
	line-height: 1.5;
	}
	
	.font {
	margin:2% 0;
	padding: 1% 0;
	color: #a10000;
	border-top: 3px solid #a10000;
	border-bottom: 3px solid #a10000;
	font-size: 130%;
	text-align: center;
	font-weight: bold;
}
	.description02 {
	font-size: 100%;
}
	
	/*//タカシマヤカードNetアンサー//*/
	
	.apply {
		padding: 4% 0;
		font-size: 120%;
	}
	
	h3 {
		padding: 4% 0;
		font-size: 110%;
	}
	
	.box {
		padding: 4% 0;
	}
	
	.box ul {
    display: inline-block;
}
	.box li {
		width: 100%;
		padding-left: 0;
	  text-indent: 0;
	}
	
	.box li a {
		padding: 18px 20px 18px 60px;
		font-size: 80%;
	}
	
	.box li:first-child {
		margin-bottom: 3%;
	}
	
	.box p a {
		font-size: 110%;
	}
	
	.box p:last-child {
    font-size: 68%;
  }
	
	.process ul li {
		font-size: 95%;
	}
	
	.new a {
		background: #FFFFFF url(https://www.takashimaya-fp.co.jp/card/common2015/images/com_ic50.png) no-repeat 30px 50% / 25px auto;
	}
	
	.login a {
		background: #a10000 url(https://www.takashimaya-fp.co.jp/card/common2015/images/com_ic15.png) no-repeat 30px 50% / 25px auto;
	}
	
	.link a {
		padding: 3% 4%;
	}
	
	.button a{
		bottom: 25px;
    right: 15px;
    font-size: 130%;
    padding: 2.5% 4%;
	}
	
	/*////*/
	
	footer {
		font-size: 80%;
	}
	
	
}

@media screen and (max-width:360px){
	
	/*//タカシマヤカードNetアンサー//*/
	
	.apply {
		padding: 4% 0;
		font-size: 105%;
	}
	
	h3 {
		padding: 4% 0;
		font-size: 110%;
	}
	
	.box {
		padding: 4% 0;
	}
	
	.box ul {
    display: inline-block;
}
	.box li {
		width: 100%;
		padding-left: 0;
	  text-indent: 0;
	}
	
	.box li a {
		padding: 18px 20px 18px 60px;
		font-size: 80%;
	}
	
	.box li:first-child {
		margin-bottom: 3%;
	}
	
	.box p a {
		font-size: 100%;
	}
	
	.box p:last-child {
    font-size: 68%;
  }
	
	.process ul li {
		font-size: 95%;
	}
	
	.new a {
		background: #FFFFFF url(https://www.takashimaya-fp.co.jp/card/common2015/images/com_ic50.png) no-repeat 30px 50% / 25px auto;
	}
	
	.login a {
		background: #a10000 url(https://www.takashimaya-fp.co.jp/card/common2015/images/com_ic15.png) no-repeat 30px 50% / 25px auto;
	}
	
	.link a {
		padding: 3% 4%;
	}
	
	.button a{
		bottom: 25px;
    right: 15px;
    font-size: 130%;
    padding: 2.5% 4%;
	}
	
	/*////*/
	
	.lead{
	font-size:90%;
		margin: 4% 5%;
}

	h1{
	font-size:100%;
	}
	
	h2{
	font-size: 120%;
}
	
	.section{
	font-size: 100%;
	line-height: 1.6;
		margin:4% 3%;
}

	
	#attention{
	font-size: 100%;
	line-height: 1.5;
}

	#attentionlead {
   font-size: 80%;
}
	
	#attention02 {
	font-size: 90%;
	line-height: 1.5;
	}
	
	.description {
		font-size: 80%;
	line-height: 1.5;
	}
	
	.font {
	margin:2% 0;
	padding: 1% 0;
	color: #a10000;
	border-top: 2px solid #a10000;
	border-bottom: 2px solid #a10000;
	font-size: 110%;
	text-align: center;
	font-weight: bold;
}
	
	.description02 {
	font-size: 80%;
}
	
	footer {
		font-size: 60%;
	}
	
}