@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

* {
	box-sizing: border-box;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

input {
	vertical-align: middle;
}

a, a:link, a:active {
	color: #333;
	text-decoration: none;
}
a:visited{
	color: #888;
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: none;
}

a:hover img, a:active img {
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	opacity: 0.65;
}

h1 {
	text-align: center;
	color: #fff;
	font-weight: bolder;
	font-size: 28px;
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 10px 0px;
	letter-spacing: 2px;
	font-family: arial;
        background: #000;
}


#header, #footer {
	width: 1000px;
}


.tbl {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.tbl > * {
	display: table-cell;
	vertical-align: middle;
}
.tbl-l {
	text-align: left;
}
.tbl-c {
	text-align: center;
}
.tbl-r {
	text-align: right;
}

.logo-right {
	width: 700px;
}
.logo-right img {
	margin-bottom: 10px;
}
.head-campaign {
	width: 315px;
	margin: 0;
	margin-left: auto;
}
.head-campaign img {
	width: 100%;
	height: 60px;
	max-height: 100%;
}
.head-searchform {
	background: #000;
	padding: 10px;
}
.head-searchform .tbl-l {
	width: 260px;
}
.head-searchform span {
	color: #fff;
	font-family: Times New Roman;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: bold;
}
.searchtxt {
	width: 218px;
	height: 30px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 5px 0px 0px 5px;
}
.searchbtn {
	vertical-align: middle;
	border-radius: 0px 5px 5px 0px;
}

.head-trend {
	display: inline-block;
}
.head-trend li {
	display: inline-block;
}
.head-trend a {
	font-size: 12px;
	color: #fff;
	margin-left: 10px;
	border: 1px solid #fff;
	padding: 3px 10px 3px 10px;
}
.head-trend a:hover {
	text-decoration: underline;
}

.head-menu {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin: 20px 0;
	background: #fff;
	text-align: center;
}
.head-menu li {
	display: table-cell;
	color: #666;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	line-height: 190%;
	font-weight: normal;
	font-size: 14px;
	font-weight: normal;
	border-right: 1px solid #eee;
}
.head-menu li:hover {
	background: #f5f5f5;
}

.main-slider {
	margin-bottom: 50px !important;
}
.main-slider img {
	width: 100%;
}
.main-slider .slick-prev,
.main-slider .slick-next {
	width: 40px;
	height: 40px;
}
.main-slider .slick-prev:before,
.main-slider .slick-next:before {
	font-size: 40px;
}

.head-category {
	overflow: hidden;
	
	margin-left: 8px;
}
.head-category li {
	background-size: 60px !important;
	background: no-repeat 3% 45%;
	
	width: calc(25% - 8px);
	float: left;
	
	border: 1px solid #ccc;
	padding: 20px 0 0 75px;
	height: 72px;
	font-size: 20px;
	font-weight: bold;
	line-height: 80%;
	
	margin: 0 8px 8px 0;
}
.head-category span {
	font-size: 11px;
	font-weight: normal;
}
.head-category a:hover {
	color: #ccc;
}
.head-category li.hc-01 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic1.jpg);
}
.head-category li.hc-02 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic2.jpg);
}
.head-category li.hc-03 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic3.jpg);
}
.head-category li.hc-04 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic4.jpg);
}
.head-category li.hc-05 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic5.jpg);
}
.head-category li.hc-06 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic6.jpg);
}
.head-category li.hc-07 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic7.jpg);
}
.head-category li.hc-08 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-pic8.jpg);
}
.head-category li.hc-09 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-fca9.jpg);
}
.head-category li.hc-10 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-fca10.jpg);
}
.head-category li.hc-11 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-fca11.jpg);
}
.head-category li.hc-12 {
	background-image: url(https://www.rakuten.ne.jp/gold/destiny-fashion/smt/images/icon-fca19.jpg);
}

.head-banner {
	width: 100%;
	margin: 30px auto;
	display: table;
	table-layout: fixed;
}
.head-banner li {
	display: table-cell;
	text-align: center;
}
.head-banner img {
	width: 320px;
}

.head-reccomend {
	width: 100%;
	text-align: center;
}
.head-reccomend img {
	width: 180px;
	margin: auto;
}

.head-reccomend a {
	color: #666;
	font-size: 14px;
}
.head-reccomend a:hover {
	color: #aaa;
}

.head-oshirase {
	margin: 20px;
	font-size: 14px;
	font-weight: bold;
}

.head-oshirase a {
	color: #e5b1bc;
}
.head-oshirase a:hover {
	color: #aaa;
}


#contents {
	width: 770px;
}

.newdesigns {
	display: flex;
	flex-wrap: wrap;
	width: 720px;
	margin: 30px auto;
}

.newdesigns li {
	width: 50%;
	line-height: 170%;
	font-size: 15px;
	color: #666;
	padding: 0 calc((50% - 325px) / 2) 50px;
}

.newdesigns img {
	width: 325px;
}

.newdesigns a {
	color: #666;
	display: block;
	text-align: right;
}
.newdesigns a:hover {
	color: #aaa;
}

.morebutton {
	display: block;
	width: 200px;
	margin: 0 auto 50px;
}

#contents h2 {
	width: 730px;
	margin: 0px 20px 10px 20px;
	padding: 0;
	border-bottom: 1px solid #ccc;
}


.ranking {
	display: flex;
	flex-wrap: wrap;
	width: 740px;
	margin: 30px auto;
}
.ranking li {
	width: calc(100% / 3);
	line-height: 170%;
	font-size: 15px;
	color: #666;
	padding: 0 calc((100% / 3 - 230px) / 2) 50px;
}
.ranking img {
	width: 230px;
}
.ranking a {
	color: #666;
	display: block;
	text-align: right;
}
.ranking a:hover {
	color: #aaa;
}

.rank1::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking1.png);
}
.rank2::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking2.png);
}
.rank3::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking3.png);
}
.rank4::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking4.png);
}
.rank5::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking5.png);
}
.rank6::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking6.png);
}
.rank7::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking7.png);
}
.rank8::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking8.png);
}
.rank9::before {
	content: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/icon-ranking9.png);
}




#left {
	width: 200px;
}
#left .searchtxt {
	width: 150px;
	border-color: #ccc;
}

.left-word {
	overflow: hidden;
	margin: 20px 0;
}
.left-word li {
	float: left;
	list-style: none;
	margin: 0px 8px 8px 0px;
	padding: 7px;
	background: #f5f5f5;
	border: 1px solid #eee;
	border-radius: 5px;
	font-size: 12px;
}
.left-word a {
	font-size: 12px;
}
.left-word a:hover {
	text-decoration: underline;
}

.left-menu-title {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 17px;
	font-weight: bolder;
	padding: 13px 0;
	background: #000;
}

.left-menu {
	width: 100%;
	margin-bottom: 20px;
	padding: 5px 10px 20px 10px;
	border: 1px solid #ccc;
	border-top: none;
}

.ca1 {
	text-align: left;
	color: #333;
	font-size: 15px;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bolder;
	line-height: 35px;
	height: 35px;
}

.left-menu img {
	max-width: 160px;
}

.left-menu a {
	color: #666;
}
.left-menu a:hover {
	color: #ccc;
}


.ca1 {
	overflow: hidden;
}
.ca1 img {
	width: 35px;
	float: left;
	margin-right: 5px;
}

.ca2 {
	font-size: 12px;
	padding: 5px 0 6px 30px;
	background: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/back-ca2.png) no-repeat 6% 47%;
}

.ca3 {
	font-size: 11px;
	padding: 5px 0px 6px 40px;
	background: url(https://www.rakuten.ne.jp/gold/destiny-fashion/pc/img/back-ca2.png) no-repeat 18% 47%;
	background-size: 5.5%;
}

.ca4 {
	font-size: 14px;
	padding: 15px 0px 0px 20px;
	font-weight: normal;
}

.sns-list {
	display: flex;
    justify-content: flex-start;
	margin-top: 15px;
}
.sns-list img {
	height: 37px;
	vertical-align: bottom;
	margin-right: 10px;
}



.hotcontents li {
	width: 600px;
	margin: 0px auto;
	padding: 15px 0px 10px 0px;
	font-size: 14px;
	color: #666;
}

.hotcontents img {
	max-width: 100%;
	margin-bottom: 5px;
}


.shoppingguide {
	width: 100%;
	margin-bottom: 40px;
	font-size: 12px;
	line-height: 180%;
	color: #333;
}
.guide-text {
	display: flex;
	justify-content: space-between;
}
.guide-text > div {
	width: 315px;
}

.shoppingguide h1 {
	text-align: center;
	color: #fff;
	font-weight: bolder;
	font-size: 28px;
	margin: 20px 0px 15px 0px;
	padding: 13px 0;
	background: #000;
}
.shoppingguide h2 {
	text-align: center;
	color: #2D2008;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
	margin: 20px 0px 20px 0px;
	padding: 13px 0px 13px 0px;
	border: 1px solid #ccc;
}
.shoppingguide h3 {
	font-size: 14px;
	margin: 20px 0px 7px 0px;
}

strong {
	font-weight: bold;
	color: #e5b1bc;
	font-size: 14px;
}


.footer {
	width: 100%;
	color: #666;
	text-align: center;
	padding: 40px 0px 50px 0px;
	font-size: 19px;
	line-height: 170%;
	border-top: 1px solid #ccc;
}
.footer .tbl-c {
	width: 350px;
}
.footer a {
	color: #666;
}
.footer a:hover {
	color: #ccc;
}

.copyright{
	width: 100%;
	margin-top: 10px;
	color: #333;
	font-size: 9px;
	text-align: center;
	background: #f5f5f5;
}