@charset "UTF-8";

@font-face {
  font-family: 'apercu';
  font-style: normal;
  font-weight: 100;
  src: url("../font/apercu/apercu_regular_pro.eot");
  src: url("../font/apercu/apercu_regular_pro.eot?#iefix") format("embedded-opentype"), url("../font/apercu/apercu_regular_pro.woff") format("woff"), url("../font/apercu/apercu_regular_pro.ttf") format("truetype");
  /* Safari, Android, iOS */ }

body{
	margin:0;
	padding:0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
p{
	margin:0;
	padding:0;
}
h1{
	margin:0;
	padding:0;
	display:block;
}
img{
	width:100%;
	vertical-align:bottom;
}
.pc-only{
	display:none;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.fade-in {
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
}

/* ------------------------
 model
------------------------ */
#model1{
	position:relative;
}
#model1 #redcard_logo{
	position:absolute;
	bottom:90px;
	left:20%;
	width:60%;
}
#model1 #galante_logo{
	position:absolute;
	bottom:25px;
	left:30%;
	width:40%;
}
#model1 #redcard_logo img{
	width:100%;
}
#model2{
	position:relative;
}
#model2 img{
	padding:20px;
	box-sizing:border-box;
}
/*
#model2 .lead{
	position:absolute;
	top:15px;
	left:4%;
	width:92%;
	font-size:14px;
}
*/
#model2 .lead{
	padding:0 20px;
	font-size:12px;
	line-height:160%;
	text-align:center;
}
#model2 .lead .catch{
	padding-bottom:12px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#model1 h1 {
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
}
#model1 #redcard_logo {
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
#model1 #galante_logo {
	animation: fadeIn 5s ease 0s 1 normal;
	-webkit-animation: fadeIn 5s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
/* ------------------------
 item
------------------------ */
ul.item-type-list{
	margin:0 10px;
}
.item-type{
	margin:50px 0 10px 0;
	text-align:center;
	font-family:apercu;
	font-size:18px;
}
.styling-photo{
	float:left;
	width:58%;
	margin:0 3% 0 0;
}
.item-photo{
	float:left;
	width:39%;
}
.styling-photo2{
	float:right;
	width:58%;
}
.item-photo2{
	float:left;
	width:39%;
	margin:0 3% 0 0;
}
.item-photo img,
.item-photo2 img{
	margin:20px 0 15px 0;
}
.item-photo p,
.item-photo2 p{
	padding:0 10px;
	font-size:12px;
}
.item-photo p.credit span,
.item-photo2 p.credit span{
	padding:0 0 0 5px;
	font-size:10px;
}
a.detail-btn{
	display:block;
	margin:15px auto 0 auto;
	padding:5px 10px;
	width:80px;
	background:#000000;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family:apercu;
	font-size:14px;
}
a:hover.detail-btn{
	background:#333333;
}
.swiper-button-prev,
.swiper-button-next{
	width:12px;
	height:18px;
	background-size:12px 18px;
	margin-top:-9px;
}
.coord_credit{
	margin:10px 0 0 0;
	font-size:10px;
	color:#666666;
}

/* ------------------------
 denim
------------------------ */
#contents02{
	margin:50px 0;
	padding:10px 16px 30px;
	background:#ededed;
	font-size:12px;
	line-height:160%;
}
#denim_redcard_logo{
	margin:10px auto 15px auto;
	width:80%;
}
.text_about{
	padding:20px 0 0 0;
	font-size:10px;
	line-height:160%;
	color:#444444;
}
.text_about span{
	font-weight:bold;
	color:#444444;
	font-size:10px;
}
a.detail-btn2{
	display:block;
	margin:15px auto 0 auto;
	padding:8px 10px;
	width:200px;
	background:#000000;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family:apercu;
	font-size:14px;
}
a:hover.detail-btn2{
	background:#333333;
}

/* ------------------------
 styling
------------------------ */
#contents03 .item-type{
	font-size:16px;
}
ul.styling-list li{
	width:25%;
	float:left;
}
#contents03 .text{
	padding:10px;
	font-size:12px;
}

/* ------------------------
 footer
------------------------ */
footer{
	margin:70px 0 0 0;
}
footer img{
	display:block;
	width:100px;
	margin:0 auto;
}
footer p{
	margin:20px 0 15px 0;
	text-align:center;
	font-size:11px;
	font-family:apercu;
}

/* ------------------------
 PC
------------------------ */
@media screen and (min-width:480px) {
.pc-only{
	display:block;
}
.sp-only{
	display:none;
}
#model1,
#model2,
#contents,
#contents03{
	width:1060px;
	margin:0 auto;
}
#model1 img{
	width:580px;
}
#model1 #redcard_logo{
	position:absolute;
	top:340px;
	left:630px;
	width:380px;
}
#model1 #redcard_logo img{
	width:100%;
}
#model1 #galante_logo{
	position:absolute;
	top:550px;
	left:710px;
	width:250px;
}
#model1 #galante_logo img{
	width:100%;
}
#model2{
	margin:30px auto 0 auto;
}
#model2 img{
	width:580px;
	float:right;
}
#model2 .lead{
	position:absolute;
	top:240px;
	left:0;
	width:450px;
	font-size:14px;
	line-height:200%;
	text-align:center;
}
#model2 .lead .catch{
	padding-bottom:7px;
	font-size:22px;
	font-weight:bold;
	line-height:180%;
}

/* ------------------------
 item
------------------------ */
ul.item-type-list{
	margin:0 30px;
	width:1050px;
	margin-right:-50px;
}
ul.item-type-list li{
	float:left;
	width:300px;
	margin:0 50px 0 0;
}
.styling-photo{
	float:none;
	width:100%;
	margin:0;
}
.item-photo{
	float:none;
	width:90%;
	margin:0 auto;
}
.styling-photo2{
	float:none;
	width:100%;
}
.item-photo2{
	float:none;
	width:90%;
	margin:0 auto;
}
.item-photo img,
.item-photo2 img{
	margin:20px 0 15px 0;
}
.item-photo p,
.item-photo2 p{
	font-size:14px;
}
a.detail-btn{
	display:block;
	margin:15px auto 0 auto;
	padding:5px 10px;
	width:120px;
}
.coord_credit{
	padding:0 15px;
}
.coord_credit .pc-only{
	margin:30px 0 5px 0;
}

/* ------------------------
 PC denim
------------------------ */
#contents02{
	padding:10px 0 50px;
	line-height:180%;
	font-size:14px;
}
.contents02-inner{
	width:800px;
	margin:0 auto;
}
.contents02-inner #denim{
	width:600px;
	margin:0 auto;
}
#denim_redcard_logo{
	margin:0 auto 20px auto;
	width:450px;
}
.text_about{
	padding:20px 0;
	font-size:12px;
	line-height:180%;
}
a.detail-btn2{
	width:270px;
}

/* ------------------------
 styling
------------------------ */
#contents03{
	margin:100px auto 0 auto;
}
#contents03 .item-type{
	font-size:24px;
	letter-spacing:0.05em;
}
ul.styling-list li{
	width:25%;
	float:left;
}
#contents03 .text{
	padding:20px 0 10px 0;
	font-size:14px;
	text-align:center;
}



}