#sitelogo{
	display: block;
	text-align: center;
	line-height: 1;
	margin: 74px 0 41px 0;
}
#sitelogo img{
	vertical-align: bottom;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Noto Serif JP', sans-serif;
	color: #040000;
}



section a{
	display: block;
}
section#whiteday{
	padding: 0;
}
section#whiteday .visual_{
	margin-top: 40px;
}
section#whiteday .visual_,
section#whiteday .whitedaydesc
{
	margin: 0 auto;
	width: 1000px;
}

#whitedaydesc{
	text-align: center;
}
#whitedaydesc h2{
	font-size: 30px;
}
#whitedaydesc p{
	font-size: 14px;
	line-height: 3;
}


body a{

	color: #040000;
	text-decoration: none;
}




#whiteday{
	margin: 0 0 70px 0;
}

#whiteday h1{
	text-align: center;
	margin: 0 0 41px 0;
	padding: 0;
	line-height: 1;
}
#whiteday header{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
/*
#whiteday header #sitelogo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
	margin: 0;
	padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
*/
#whiteday h1 img{
	vertical-align: bottom;
	width: 100%;
}
#whiteday h2{
	margin: 70px 0 30px 0;
	padding: 0;
}
#whiteday p{
	margin: 0;
	padding: 0;
}
.wrap_{
	width: 750px;
	margin: 0 auto;
	overflow: hidden;
}
.wrap_ .left_{
	width: 330px;
	float: left;
}
.wrap_ .right_{
	width: 330px;
	float: right;
	padding: 72px 0 0 0;
}
.wrap_ section p{
	margin: 0;
	padding: 0;
}
.rankingtitle_ {
}
.rankingtitle_ h3{
	text-align: center;
	font-size: 36px;
	line-height: 1;
	margin: 25px 0 66px 0;
	padding: 52px 0 0 0;
	background: url(../img/usr/businessman_ckcalvinklein/line.png) center top no-repeat;
}
.rankingtitle_ h3 span{
	font-size: 24px;
	display: block;
	margin-top: 18px;
}

.brandtitle_ h3{
	text-align: center;
	font-size: 36px;
	line-height: 1;
	margin: 75px 0 66px 0;
	padding: 57px 0 0 0;
	background: url(../img/usr/businessman_ckcalvinklein/line.png) center top no-repeat;
}
.brandtitle_ h3 span{
	font-size: 20px;
	display: block;
	margin-top: 18px;
}
.wrap_ h4{
	margin: 0 0 22px;
	padding: 0;
	font-size: 30px;
	text-align: center;
}
.wrap_ h4 img{
	width: 50%;
}
#whiteday .wrap_ h4 + p{
	font-size: 14px;
	line-height: 1.8;
	margin: 0 0 172px;
	display: block;
}
#whiteday .wrap_ span{
	display: block;
	padding-top: 4px;
}
#whiteday .wrap_ .ranking_head_{
	display: table;
	width: 100%;
	margin: 0 0 10px;
}
#whiteday .wrap_ span.rank_{
	display: table-cell;
	width: 50%;
	text-align: left;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
#whiteday .wrap_ span.rank_ img{
	margin: 0 0 0 1px;
}
#whiteday .wrap_ span.logo_{
	display: table-cell;
	width: 50%;
	text-align: right;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
#whiteday .wrap_ span.logo_ img{
	margin-right: 1px;
}
#whiteday .wrap_ span.img_{
	clear: both;
	margin: 0 0 24px 0;
	padding: 0;
}
#whiteday .wrap_ span.img_{
	width: 330px;
}
#whiteday .wrap_ span.img_ img{
	width: 330px;
}
#whiteday .wrap_ p.name_{
	margin: 0 1px 17px 1px;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
}
#whiteday .wrap_ p.text_ {
	margin: 0 1px 13px 1px;
	font-size: 14px;
	line-height: 1.8;
}
#whiteday .wrap_ p.price_{
	font-size: 14px;
	text-align: right;
}
.ranking_{
	margin: 0 0 70px 0;
}

/*nav*/
#whiteday nav{
	width: 775px;
	margin: 50px auto;
}
.navitem_:last-child{
	margin: 0;
}
.navitem_{
	overflow: hidden;
	text-align: center;
	margin-bottom: 130px;
}
.navitem_ .title_{
	width: 300px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
.navitem_ .title_ .head_{
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
}
.navitem_ .title_ img{
	width: 100%;
}
.navitem_:nth-child(1) .title_ img{
	width: 60%;
}
.navitem_:nth-child(2) .title_ img{
	width: 75%;
}
.navitem_:nth-child(3) .title_ img{
	width: 80%;
}
.navitem_:nth-child(4) .title_ img{
	width: 50%;
}
.navitem_ .title_ a:hover{
	opacity: 0.8;
}
#whiteday .navitem_ .title_ + p{
	padding-left: 50px;
	padding-right: 0;
}
#whiteday .navitem_ p{
	padding-right: 50px;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.9;
	text-align: left;
	width: 420px;
}
/*nav*/

/*tab*/
#tab.fixed_{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 9;
}
#tab.fixed_ ul{
	margin-top: 25px;
	margin-bottom: 0;
}
#tab ul{
	width: 1000px;
	overflow: hidden;
	list-style: none;
	margin: 0 auto 87px;
	padding: 0;
}
#tab ul li{
	margin: 0;
	padding: 0;
	width: 250px;
	float: left;
	list-style: none;
	text-align: center;
	font-size: 20px;
	border-bottom: 2px solid #000;
}
#tab ul li:first-of-type{
	border-left: none;
}
#tab ul li span{
	display: block;
	font-size: 12px;
}
#tab ul li a{
	padding: 20px 0;
	display: block;
	font-size: 15px;
}








/*brand*/
.brand_{
	width: 970px;
	margin: 67px auto 0 auto;
}
.brand_ .title_{
	width: 330px;
	margin: 0 auto 23px;
	position: relative;
	font-size: 30px;
}
#whiteday .navitem_ div.head_{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.brand_ .title_{
	position: relative;
	text-align: center;
}
.brand_ .title_ .head_{
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	width: 100%;
	text-align: center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#annasui .brand_ .title_ img{
	width: 50%;
}
#annasui .brand_ .title_{
	text-align: center;
}
#furla .brand_ .title_ img{
	width: 60%;
}
#pauljoe .brand_ .title_ img{
	width: 70%;
}
#agnesb .brand_ .title_ img{
	width: 65%;
}
.brand_ h3{
	text-align: center;
	margin: 0;
	padding: 0 0 0;
}
.brand_ h3 img{
	width: 163px;
}
#whiteday .brand_ h3 + p{
	line-height: 1.8;
	width: 970px;
	margin: 0 auto;
	text-align: center;
}
.brand_ p{
	text-align: center;
	font-size: 14px;
}
.brand_ .no1_.ranking_{
	width: 320px;
	margin: 45px auto 46px auto;
}
.brand_ .rank_{
	margin: 0 auto 18px;
	float: none;
	text-align: center;
	display: block;
}
.brand_ .img_ img{
	width: 320px;
}
#whiteday .brand_ .name_{
	margin-top: 16px;
	display: block;
}
#whiteday .brand_ .price_{
	margin-top: 5px;
	display: block;
}
.brand_ .line_{
	overflow: hidden;
	margin-bottom: 62px;
}
.brand_ .line_ .ranking_{
	width: 220px;
	float: left;
	margin: 0 30px 0 0;
}
.brand_ .line_ .ranking_:last-child{
	margin: 0;
}
.brand_ .line_ .ranking_ span.img_ img{
	width: 220px;
}
#whiteday .btn_{
	margin-bottom: 140px;
}
.btn_ a{
	background: #eeeeee;
	width: 400px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	color: #040000;
	text-decoration: none;
	display: block;
	border-radius: 40px;
	position: relative;
}
.btn_ a span{
	position: relative;
}
.btn_ a span::before{
	padding-right: 20px;
	content: url(../img/usr/businessman_ckcalvinklein/shape.png);
	width: 6px;
	height: 12px;
	position: absolute;
	right: -16px;
	top: 5px;
	margin: 0;
	padding: 0;
}
.brand_ a:hover{
	opacity: 0.8;
}
.sp_{
	display: none;
}



/*tab*/
#tabfooter ul li.active_{
	border-bottom: 1px solid #000;
}
#tabfooter.fixed_{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 9;
}
#tabfooter.fixed_ ul{
	margin-top: 0;
	margin-bottom: 0;
}
#tabfooter ul{
	overflow: hidden;
	list-style: none;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #000;
}
#tabfooter ul li{
	margin: 0;
	padding: 0;
	width: 248px;
	border-left: 2px solid #000;
	float: left;
	list-style: none;
	text-align: center;
	font-size: 20px;
}
#tabfooter ul li:first-of-type{
	border-left: none;
}
#tabfooter ul li span{
	display: block;
	font-size: 14px;
}
#tabfooter ul li a{
  padding: 20px 0;
  display: block;
  font-size: 15px;
}
#brandlist{
	width: 820px;
	margin: 0 auto;
}
#brandlist h3{
	text-align: center;
	margin-bottom: 30px;
}
#brandlist ul{
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
#brandlist ul li{
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
#brandlist ul li a{
	font-size: 14px;
}
#brandlist ul li:nth-child(odd){
	margin-right: 10px;
}
#brandlist ul li:nth-child(even){
	margin-left: 10px;
}
#brandlist ul li img{
	display: block;
	margin-bottom: 10px;
}




#brooksbrothers.brand_ h3 img {
    width: 213px;
}
#brooksbrothers.brand_ h3{
	margin-bottom: 13px;
}


@media screen and (max-width: 768px){
	#whiteday header{
		margin: 0;
		padding: 0;
		width: auto;
	}
	#sitelogo{
		margin: 0;
		padding: 6% 3% 6%;
	}
	#sitelogo img{
		width: 70%;
	}
	#whiteday{
		margin: 0 0 20%;
	}
	.brand_{
	}
	.brand_ p{
		font-size: 13px;
	}
	#ckcalvinklein .title_ + p{
		margin: 0 5%;
	}
	.brand_ .rank_{
		margin-top: 6%;
		margin-bottom: 6%;
	}
	.pc_{
		display: none;
	}
	.sp_{
		display: block;
	}
	#whiteday h1{
		margin: 0 0 4.5% 0;
	}
	#whiteday h1 img{
		width: 100%;
	}
	#whiteday h2{
		font-size: 17px;
		margin: 8.8% 0 0% 0;
	}
	#whitedaydesc{
		margin: 0 5%;
	}
	#whiteday nav{
		width: auto;
		margin-bottom: 0;
	}
	#whitedaydesc p{
		line-height: 2;
		margin: 0;
		padding: 10% 0 0 0;
		text-align: center;
		font-size: 13px;
	}
	.navitem_{
		padding-bottom: 15%;
	}
	.navitem_:last-child{
		padding-bottom: 0;
	}
	.navitem_:nth-child(even){
		display: flex;
		flex-direction: column;
	}
	.navitem_:nth-child(even) p{
		order: 2;
	}
	.navitem_:nth-child(odd) .title_{
		order: 1;
	}

	.navitem_:nth-child(1) .title_ img{
		width: 40%;
	}
	.navitem_:nth-child(2) .title_ img{
		width: 45%;
	}
	.navitem_:nth-child(3) .title_ img{
		width: 50%;
	}



	#whiteday .navitem_ p{
		float: none;
		width: auto;
		padding: 5% 3% 0 3%;
		margin: 0 0 5%;
		text-align: center;
		font-size: 13px;
	}
	#whiteday .navitem_ .title_ + p{
		margin: 0;
		padding: 5% 3% 5% 3%;
	}
	.navitem_{
		margin-bottom: 0;
	}
	.navitem_ .title_ h3{
		line-height: 1.8;
	}
	.navitem_ .title_{
		width: auto;
		float: none;
	}
	.brand_ .title_ img{
		width: 100%;
	}
	#ckcalvinklein .title_ img{
		width: 213px;
	}
	.navitem_ p{
		width: auto;
		float: none;
	}
	.rankingtitle_ h3{
		margin: 12% 0 12% 0;
		padding: 10% 0 0 0;
		font-size: 23px;
	}
	.rankingtitle_ h3 span{
		font-size: 16px;
		margin: 3% 0 0 0;
	}
	.brandtitle_ h3{
		margin: 12% 0 12% 0;
		padding: 10% 0 0 0;
		font-size: 23px;
	}
	.brandtitle_ h3 span{
		font-size: 16px;
		margin: 3% 0 0 0;
	}


	#tab ul{
		margin: 0 5% 0%;
		padding: 0 0;
		width: 90%;
		border-top: 1px solid #abaaaa;
		border-right: 1px solid #abaaaa;
	}
	#tab ul li:first-of-type{
		border-left: 1px solid #abaaaa;
	}
	#tab ul li{
		font-size: 18px;
		width: 49.7%;
		float: left;
		border: none;
		border-bottom: 1px solid #abaaaa;
		border-left: 1px solid #abaaaa;
	}
	#tab ul li a{
		padding: 3% 0 3%;
		font-size: 12px;
	}
	#tab ul li a span{
		font-size: 13px;
	}
		.wrap_ h4{
		text-align: center;
		font-size: 22px;
		margin: 0 0 6%;
	}
	#whiteday .wrap_ h4 + p{
		margin: 0 0 8%;
		font-size: 13px;
	}







	section#whiteday .visual_, section#whiteday .whitedaydesc{
		width: 100%;
	}
	.visual_ img{
		width: 100%;
	}

	.wrap_{
		width: 100%;
	}
	.wrap_ .left_{
		width: 90%;
		float: none;
		margin: 0 5%;
		padding: 0;
	}
	.wrap_ .right_{
		width: 80%;
		float: none;
		margin: 0 10%;
		padding: 0;
		display: flex;
  	flex-wrap: wrap;
	}
	.ranking_{
		margin: 0 0 10%;
	}

	.wrap_ .right_ .ranking_.no1_{order: 1;}
	.wrap_ .right_ .ranking_.no2_{order: 2;}
	.wrap_ .right_ .ranking_.no3_{order: 3;}
	.wrap_ .right_ .ranking_.no4_{order: 4;}
	.wrap_ .right_ .ranking_.no5_{order: 5;}

	#whiteday .wrap_ span.img_{
		margin-bottom: 6%;
	}
	#whiteday .wrap_ p.name_{
		margin-bottom: 3%;
		font-size: 13px;
	}
	#whiteday .wrap_ p.text_{
		margin-bottom: 3%;
		font-size: 13px;
	}
	.brand_{
		width: 100%;
	}
	.brand_ .line_{
		margin: 0 5%;
	}
	.brand_ .line_ .ranking_{
		width: 48%;
		float: left;
		margin: 0 0 8%;
	}
	.brand_ .line_ .ranking_:nth-child(even){
		margin-left: 2%;
	}
	.brand_ .line_ .ranking_:nth-child(odd){
		margin-right: 2%;
		clear: both;
	}
	.btn_ a{
		margin: 0 auto;
	}
	.brand_ .no1_.ranking_{
		width: 80%;
		margin: 0 10% 8%;
	}
	#whiteday .brand_ h3 + p{
		width: auto;
	}
	#whiteday .brand_ .name_{
		margin-top: 3%;
	}
	#whiteday .wrap_ span.img_{
		width: auto;
		text-align: center;
	}
	#whiteday .wrap_ span.img_ img{
		width: 100%;
	}
	.brand_ .img_ img{
		width: 100%;
	}
	.brand_ .line_ .ranking_ span.img_ img{
		width: 100%;
	}
	.brand_ h3{
		margin: 0 0 5%;
	}
	#whiteday .brand_ h3 + p{
		margin: 1% 5% 6%;
		line-height: 1.8;
		text-align: left;
	}
	#whiteday .brand_ .btn_ a{
		font-size: 13px;
	}
	#whiteday .brand_ .btn_{
		margin: 12% 0 0%;
		position: relative;
	}
	.btn_ a{
		width: 85%;
		margin: 0 auto;
		position: relative;
	}
	.btn_ a span{
		position: static;
	}
	 .btn_ a span::before{
		left: auto;
		top: 40%;
		right: 5%;
	}
	#whiteday #ladies .btn_{
		margin-bottom: 20%;
	}
	#brandlist{
		width: 100%;
		margin: 0 auto;
	}
	#brandlist h3{
		text-align: center;
		margin-bottom: 5%;
		font-size: 16px;
	}
	#brandlist ul{
		overflow: hidden;
		list-style: none;
		margin: 0 5% 8%;
		padding: 0;
	}
	#brandlist ul li{
		float: none;
		text-align: center;
		margin-bottom: 5%;
	}
	#brandlist ul li a{
		font-size: 13px;
	}
	#brandlist ul li:nth-child(odd){
		margin-right: 0;
	}
	#brandlist ul li:nth-child(even){
		margin-left: 0px;
	}
	#brandlist ul li img{
		display: block;
		width: 100%;
		margin-bottom: 5%;
	}

	/*tab*/
	#tabfooter ul li{
		border-bottom: 1px solid #000;
		border-left: none;
	}
	#tabfooter ul li.active_{
		border-bottom: 2px solid #000;
	}
	#tabfooter.fixed_{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 9;
	}
	#tabfooter.fixed_ ul{
		margin: 5% 5% 0%;
		padding: 0 0;
		width: 90%;
	}
	#tabfooter ul{
		margin: 5% 5% 0%;
		padding: 0 0;
		width: 90%;
		border: 1px solid #000;
		border-bottom: none;
	}
	#tabfooter ul li{
		margin: 0;
		padding: 0;
		width: 49.8%;
		float: left;
		list-style: none;
		text-align: center;
		font-size: 13px;
	}
	#tabfooter ul li:nth-of-type(odd){
		border-right: 1px solid #000;
	}
	#tabfooter ul li:nth-of-type(3){
		clear: both;
	}
	#tabfooter ul li span{
		display: block;
		font-size: 13px;
	}
	#tabfooter ul li a{
		padding: 3% 0 3%;
		display: block;
		font-size: 12px;
	}
	.brand_ .title_{
		text-align: center;
	}
	#annasui .brand_ .title_ img{
		width: 35%;
	}
	#furla .brand_ .title_ img{
		width: 40%;
	}
	#pauljoe .brand_ .title_ img{
		width: 50%;
	}
}

@media screen and (max-width: 374px) {
  #tab ul li {
    width: 49.6%;
  }
  #tab ul li  a{
  	font-size: 10px;
  }
  #tab ul li  a span{
  	font-size: 10px;
  }

}