@charset "utf-8";
/* stylelint-disable */
/* CSS Document */

/* DIORのカテゴリフレグランス部分のみ矢印をつけない */
.Dior .sub-box ul.dior_NOarrow li:not(:first-child) > p:after {
    background-image: none;
}
.Dior .sub-box ul.dior_NOarrow li:not(:first-child).selected > p:after {
    background-image: none;
}

.sub-box ul.dior_NOarrow li:not(:first-child) > p:after {
    background-image: none;
}
.sub-box ul.dior_NOarrow li:not(:first-child).selected > p:after {
    background-image: none;
}

/* Diorのコンテンツを囲む
-------------------------------------------- */
.Dior{
    color: #000000;
}
.Dior a{
    text-decoration: none;
}
/* 全ページ共通ロゴ
-------------------------------------------- */
.Dior div.dior-top-logo{
    width: 720px;
    padding-bottom: 30px; /*※余白レギュレーションあり*/
}
.Dior div.dior-top-logo img{
    width: 100%;
}

/* 全ページ共通メインルック
-------------------------------------------- */
.Dior div.main-look{
    width: 720px;
    margin-bottom: 80px; /*※余白レギュレーションあり*/
}
.Dior div.main-look-top{
    width: 720px;
    margin-bottom: 30px; /*※余白レギュレーションあり*/
}
.Dior div.main-look img,
.Dior div.main-look-top img{
    width: 100%;
}
/* 全ページ共通見出し
-------------------------------------------- */
.Dior .ttl-sec{
    font-size: 1.8rem;
    padding-top: 0px;
    border-top: none;
    font-weight: normal;
    margin-bottom: 30px; /*※余白レギュレーションあり*/
}

/* Diorプッシュ
-------------------------------------------- */
.Dior div.dior-push ul{
	display: flex;
	margin-bottom: 60px;/*※余白レギュレーションあり*/
}
.Dior div.dior-push li{
	width: calc(705px / 2);
}
.Dior div.dior-push li:first-child{
	margin-right: 15px;
}
.Dior div.dior-push li img{
	width: 100%;
}
.Dior .about-dior{
}
/* 商品４つならび
-------------------------------------------- */
.Dior section{
    margin-bottom: 80px; /*※余白レギュレーションあり*/
}
.Dior ul.static-itemlist{
    display: flex;
    flex-wrap: wrap;
    width: 720px;
}
.Dior ul.static-itemlist li{
    width: calc(630px / 4);
    margin-bottom: 30px; /*※余白レギュレーションあり*/
}
.Dior ul.static-itemlist li:not(:nth-child(4n)){
    margin-right: 30px;
}
.Dior ul.static-itemlist li img{
    width: 100%;
    margin-bottom: 20px; /*※余白レギュレーションあり*/
}

/* カテゴリー内商品３つならび
-------------------------------------------- */
.Dior ul.static-itemlist-category{
    display: flex;
    flex-wrap: wrap;
    width: 720px;
}
.Dior ul.static-itemlist-category li{
    width: calc(660px / 3);
    margin-bottom: 30px; /*※余白レギュレーションあり*/
}
.Dior ul.static-itemlist-category li:not(:nth-child(3n)){
    margin-right: 30px;
}
.Dior ul.static-itemlist-category li img{
    width: 100%;
    width: calc(100% - 92px);
    border: 1px solid #e6e6e6;/*※枠線の色レギュレーションあり*/
    margin-bottom: 20px; /*※余白レギュレーションあり*/
    padding:25px 45px 20px;
}
.Dior ul.static-itemlist-category li p.category_name{
    text-align: center;
}
.Dior ul.static-itemlist li p.brand{
}
.Dior ul.static-itemlist li p.product{
}
.Dior ul.static-itemlist li p.price{
}

/*----------------------------------------------*/
.Dior ul.static-expart li{
    width: calc(660px / 3);
    margin-bottom: 30px; /*※余白レギュレーションあり*/
}
.Dior ul.static-expart li:not(:nth-child(3)){
    margin-right: 30px;
}
.Dior ul.static-expart li img{
    width: 100%;
    margin-bottom: 20px; /*※余白レギュレーションあり*/
}
.Dior ul.static-expart li p.text01{
    margin-bottom: 20px; /*※余白レギュレーションあり*/
    font-weight: bold;
    text-align: center;
}
.Dior ul.static-expart li p.text02{
    text-align: center;
}

/* KW検索結果ページ上部
-------------------------------------------- */
.Dior .sub-category-top{
    display: flex;
    width: 720px;
    margin-bottom: 60px;/*※余白レギュレーションあり*/
}
.Dior .sub-category-top-left{
    width: 220px;
    margin-right: 30px;/*※余白レギュレーションあり*/
    background: #000;
    color: #fff;
    padding: 20px;/*※余白レギュレーションあり*/
    display: flex;
    align-items: center;
}
.Dior .sub-category-top-left .title{
    font-weight: bold;
    margin-bottom: 20px;/*※余白レギュレーションあり*/
    text-align: center;
}
.Dior .sub-category-top-left-inr{
    width: 220px;
}
.Dior .sub-category-top-left .description{
    word-break: normal;
}
.Dior .sub-category-top-right{
    width: 470px;
}
.Dior .sub-category-top-right img{
    width: 100%;
}
/* BACKSTAGE_カテゴリーツリー .DB_category_PC
-------------------------------------------- */

.DB_category_PC .sub-box{
	background-color: #000;
	border: 1px solid #000;
	border-radius: 5px;
	overflow: hidden;
	color: #fff;
}
.DB_category_PC .sub-nav > li.is-active > a.sub-nav__inr:hover,
.DB_category_PC .sub-nav > li .is-current > a.sub-nav__inr{
	color: #fff !important;
}

.DB_category_PC .sub-nav > p.sub-nav-memu:hover,
.DB_category_PC .sub-nav > p:hover,
.DB_category_PC .sub-nav > a,
.DB_category_PC .sub-nav > a:hover,
.DB_category_PC .sub-nav > a:active,
.DB_category_PC .sub-nav > a:focus,
.DB_category_PC .sub-nav > p,
.DB_category_PC .selected {
	background: #000;
    color: #fff;
    text-decoration: none;
	opacity: 1;
}

.DB_category_PC .sub-box p.sub-nav-memu:after{
}

.DB_category_PC .sub-box p.sub-nav-memu.selected:after{
}
/* BACKSTAGE_トップ（PUSH_シェードファインダー）
-------------------------------------------- */
.Dior div.DB-push ul{
	display: flex;
	margin-bottom: 60px;/*※余白レギュレーションあり*/
}
.Dior div.DB-push li{
	width: calc(705px / 2);
}
.Dior div.DB-push li:not(:nth-child(2)){
	margin-right: 15px;
}
.Dior div.DB-push li img{
	width: 100%;
}
.Dior div.DB-push li p{
	background: #000;
	color: #fff;
	padding: 15px;
	margin-top: 15px;
	text-align: center;
}
/* BACKSTAGE_youtubeプレイヤー
-------------------------------------------- */
.Dior #player{
	margin-bottom: 60px;/*※余白レギュレーションあり*/
}

/* BACKSTAG_バックステージについて　商品３つ並び
-------------------------------------------- */
.Dior section{
    margin-bottom: 80px; /*※余白レギュレーションあり*/
}
.Dior ul.static-itemlist-3{
    display: flex;
    flex-wrap: wrap;
    width: 720px;
}
.Dior ul.static-itemlist-3 li{
    width: calc(660px / 3);
    margin-bottom: 30px; /*※余白レギュレーションあり*/
}
.Dior ul.static-itemlist-3 li:not(:nth-child(3n)){
    margin-right: 30px;
}
.Dior ul.static-itemlist-3 li img{
    width: 100%;
    margin-bottom: 20px; /*※余白レギュレーションあり*/
}
.Dior ul.static-itemlist-3 li p.product{
	text-align: center;
}

.Dior ul.static-itemlist-3 li p.detail{
    text-align: center;
	display: block;
	background: #000;
	color: #FFF;
    width: 70%;
    margin: 10px auto;
    padding: 10px;
}

/* BACKSTAG_バックステージについて　１アイテムずつの訴求ブロック
-------------------------------------------- */

/*※※カルーセル※※*/
.Dior .jcarousel-wrapper{
    position: relative;
    top: -30px;
}
.Dior .jcarousel-wrapper .DB_itemgrid_image img{
    position: relative;
	left: 50px;
	width: 365px;
	height: 490px;
}
.Dior .jcarousel-wrapper .DB_itemgrid_image-r img{
    position: absolute;
	right: 50px;
	width: 365px;
	height: 490px;
}
.Dior .jcarousel-wrapper .DB_itemgrid_detail{
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 0;
	height: 460px;
	width: 305px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Dior .jcarousel-wrapper .DB_itemgrid_detail-l{
	display: inline-block;
	position: relative;
	top:30px;
	left: 0;
	height: 460px;
	width: 305px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.Dior .jcarousel-wrapper--on-arrow .jcarousel-control-prev-wrap{
    left: 40px;
}
.Dior .jcarousel-wrapper--on-arrow .jcarousel-control-next-wrap{
    right: 40px;
}
.Dior .jcarousel-control-prev-wrap a, .jcarousel-control-next-wrap a{
    width: 50px;
    height: 50px;
}
.Dior .jcarousel-control-prev__icon-arrow {
    width: 50%;
    height: 50%;
}
.jcarousel-control-prev-wrap, .jcarousel-control-next-wrap{
    width: 50px;
}


/*※※カルーセル※※*/

.Dior .DB_itemgrid{
	margin-bottom: 60px;/*※余白レギュレーションあり*/
	height: 627px;
}
.Dior .DB_itemgrid_title{
}
.Dior .DB_itemgrid_title img{
	width: 100%;
}
.Dior .DB_itemgrid_contents{
	position: relative;
}
.Dior .DB_itemgrid_image{
	display: inline-block;
}
.Dior .DB_itemgrid_image img{
	position: absolute;
	top: -30px;
	left: 50px;
	width: 365px;
	height: 490px;
}
.Dior .DB_itemgrid_image-r img{
	position: absolute;
	top: -30px;
	right: 50px;
	width: 365px;
	height: 490px;
}
.Dior .DB_itemgrid_detail{
	display: inline-block;
	position: absolute;
	top:0;
	right: 0;
	height: 460px;
	width: 305px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Dior .DB_itemgrid_detail-l{
	display: inline-block;
	position: absolute;
	top:0;
	left: 0;
	height: 460px;
	width: 305px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Dior .DB_itemgrid_detail_inr{
	text-align: center;
	padding: 0 20px;
}
.Dior .DB_itemgrid_detail_inr img{
	width: 50%;
}
.Dior .DB_itemgrid_detail_inr .catch{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}
.Dior .DB_itemgrid_detail_inr .desc{
}
.Dior .DB_itemgrid_detail_inr .price{
	margin-bottom: 10px;
}
.Dior .DB_itemgrid_detail_inr .detail a{
	display: block;
	background: #000;
	color: #FFF;
    width: 50%;
    margin: 0 auto 10px;
    padding: 10px;
}
.Dior .DB_itemgrid_detail_inr .howto a{
	display: block;
	background: #FFF;
	color: #000;
    width: calc(50% - 2px);
	border: 1px #000000 solid;
    margin: 0 auto;
    padding: 9px 10px;
}
/* BACKSTAG_バックステージについて　中断の見出し
-------------------------------------------- */
.Dior .title_middle img{
	display: block;
	margin: 20px auto;
}
/* stylelint-enable */