@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 vertical-align:baseline;
 background:transparent;
}
ul{list-style-type: none;}
/* CSS Document */
/************************/
/*____ 共通基礎 ____*/
body{margin:0;font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif,"Helvetica Neue",Arial;}
body .article{font-size: 14px;line-height: 1.5;}
.mincho_txt{font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;font-weight:bold;}
figure{margin:auto;}
a:link, a:visited, a:hover, a:active {color: #FFF;text-decoration: none;}
a, a img {transition: all 0.4s ease 0s;}
#my_footer img {width:auto;}
.pagetop__btn {display:none;}
#LP-body{opacity:1;}
a.cmBtn {font-weight:normal; text-decoration:none; display:block; text-align:center; position:relative;}
.cmTxt{line-height:1.66rem;font-size: 0.9rem;font-weight: 200;margin-bottom: 1rem;color: #444444;}
.header{z-index:100000;}
.mbGf-legal a{color:#000;}
/************************/
/*____ レイアウト ____*/
.flex_c{display:flex;flex-wrap:wrap;justify-content:center;width: auto;}
.flex_b{display:flex;flex-wrap:wrap;justify-content:space-between;width: auto;}
/************************/
/* menuボタンアイコン */
#menuButton {display: block;width: 42px;height:42px;position: fixed;bottom: 20px;right: 10px;z-index: 3;}
#menuButton span {display: block;background: #666;width: 24px;height: 2px;position: absolute;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child {top: 12px;}
#menuButton span:nth-child(2) {margin-top: -1px;top: 50%;}
#menuButton span:last-child {bottom: 12px;}
/************************/
/*____ 看板 ____*/
.title_container{position: relative;}
.title_img{width: 100%;height: auto;position: relative;background: no-repeat 50% 50%;background-size: cover;margin: 0 auto;}
.title_img:after {content: "";display: block;}
.title_h1 {display: inline-block;font-weight:600;letter-spacing:0px;}
.title_date{font-weight:100;}
/************************/
/*____ 見出し ____*/
.headLine{position:relative;z-index:1;}
.headLine hr{margin:0px;height:inherit;border-top-width:1px;border-color:#191919;}
.headLineDeg{display:block;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:30px;height:30px;border:solid #191919;border-width:0 px 1px 0;background-color:#FFF;position:relative;top:-16px;}
.headLineTtl{margin:0 0px;font-size:1.75rem;letter-spacing:-1px;font-weight:600;}
.mbInformation.hubData{z-index: 100000;position: relative;}
/************************/
/*____   ____*/
.section{margin:0 !important;padding:0 !important;}
figure img , ul li img {width:100%;}
#topicpath_style.trace-box{position: relative;}
.sp_slide_pt .slick-prev:before, .slick-next:before{color:#999;}
#loadhtml_footer001_pc a:link, #loadhtml_footer001_pc a:visited, #loadhtml_footer001_pc a:hover, #loadhtml_footer001_pc a:active , #loadhtml_footer001_pc p {color: #333;text-decoration: none;}
#loadhtml_footer001_sp a:link, #loadhtml_footer001_sp a:visited, #loadhtml_footer001_sp a:hover, #loadhtml_footer001_sp a:active , #loadhtml_footer001_sp p {color: #333;text-decoration: none;}
.copyright__txt , .footer__copyright , .footer__caution , .button__decision , .footer__pagetop{color:#000 !important;}
.footer__pagetop , .button__decision{color:#FFF !important;}
#totop {display: none;width: 60px;height: 60px;background: #000;border-radius: 3px;position: fixed;border: 1px solid #000;bottom: 75px;right: 20px;z-index: 100;}
#totop a {display: block;width: 100%;height: 100%;text-align: center;line-height: 0;position:relative;}
#totop a span{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;}
#totop a i {font-size: 20px;color: #fff;}
#totop a span {display: block;font-size: 11px;font-weight: bold;line-height: 16px;color: #fff;}
.sns_size {margin: 1rem auto 1rem;text-align: center;max-width: 520px;width:90%;}
#topicpath_style.trace-box {font-size: x-small;margin: 0 auto;text-align: left;background-color:#FFF;color:#000;}
.pan_div{width:calc( 100% - 20px );padding: 4px 10px;max-width:1200px;margin:0 auto;color: #000;}
.pan_div a{color:#000;}
.header__utility a{color:#000;}
.pc .footer{margin-top:0;}
#header_menu-logo img{width:149px;}
#topicpath_style.trace-box{max-width:100%;color:#000;}
#rakuten .header , #yahoo .header{background-color:#FFF;}
/* ------------------------------------------以下にcssを追加 */
/* google font */
.cormorant{font-family: 'Cormorant SC', serif;}
/* adobe font */
NeueKabelLight{
font-family: neue-kabel, sans-serif;
font-weight: 300;
font-style: normal;
}
.NeueKabelRegular{
font-family: neue-kabel, sans-serif;
font-weight: 400;
font-style: normal;
}
.FloodStdRegular{
font-family: flood-std, sans-serif;
font-weight: 400;
font-style: normal;
}

/* MV */
#LP-head{text-align:center;background-color:#dbdee7;}
.main_mv_content{width: 800px;margin: 0 auto;padding:50px 0;position:relative;}
.main_mv_content img{width:100%;display:block;margin:0 auto;opacity:0;}
img.main_mv_content_text{width:80%;}
.mv_action_01{position:relative;bottom:-50px;}
.LP-head_content h1{margin:0 auto 1em;}
.LP-head_content{padding-bottom:50px;}
#LP-head p{width:90%;margin:0 auto;line-height:1.75em;}

.img-wrap_1 {overflow: hidden;position: relative;}
.img-wrap_1:before {
  animation: img-wrap_1 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #dbdee7;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes img-wrap_1 {
  100% {
    transform: translateX(100%);
  }
}
.img-wrap_2 {overflow: hidden;position: relative;}
.img-wrap_2:before {
  animation: img-wrap_2 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #dbdee7;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes img-wrap_2 {
  100% {
    transform: translateX(-100%);
  }
}


/* ナビ */
.main_nav{padding-bottom:150px;}
.main_nav ul{width:1200px;margin:0 auto;display:flex;justify-content:space-between;padding:0 0 50px;}
.main_nav ul li{width:19%;position:relative;overflow:hidden;}
.main_nav ul li p{position:absolute;bottom:0;left:0;right:0;top:45%;margin:0 auto;text-align:center;font-size:16px;transition-duration:0.5s;color: #FFF;}
.main_nav ul li p span{display:block;font-size:3em;}
.main_nav ul li img{transition-duration:0.5s;display: block;}
.main_nav ul li a{display:block;position: relative;}
.main_nav ul li .nav_line{border:3px solid #FFF;width:calc( 96% - 6px );height:calc( 96% - 6px );position:absolute;left:0;right:0;top:2%;margin:0 auto;transition-duration:0.5s;transform:scale(1.2);z-index:110;}
.main_nav ul li .nav_line:after{content:"";background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */display:block;width:100%;height:100%;position:absolute;z-index:100;visibility: visible;opacity:0;transition-duration:0.5s;}
.main_nav ul li .nav_line:hover{transform:scale(1);}
.main_nav ul li .nav_line:hover:after{opacity:1;}

.main_nav ul li .nav_line:hover + .nav_img{transform:scale(1.2);filter: grayscale(0%);}
.main_nav_text{text-align:center;padding-top:50px;margin-bottom:1em;line-height:2em;}
.main_nav_text h2{font-weight:normal;line-height:2em;}

/* メイン */
.visible_area{display:none;}
#ladies_bag{background-color:#dbdee7;}
#ladies_bag_2{background-color:#e9e9e7;}
#ladies_bag_3{background-color:#e6e5ea;}
#ladies_bag_4{background-color:#f3edf1;}
#ladies_bag_5{background-color:#e6e0e0;}




.content_section_base{width:1200px;margin:0 auto;position:relative;}
.content_box{padding-bottom:100px;}
.content_section_base_left{float:left;position:relative;width:45%;margin-top: -50px;margin-bottom: 200px;}
.content_section_base_left img{width:100%;}
.content_section_base_right{position:absolute;right:0;text-align:center;}

#ladies_bag .h3_title{background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/gucci/01.png);background-size:250px;background-repeat: no-repeat;padding:80px;background-position:center;font-size:1.5em;}
#ladies_bag_2 .h3_title{background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/fendi/02.png);background-size:250px;background-repeat: no-repeat;padding:80px;background-position:center;font-size:1.5em;}
#ladies_bag_3 .h3_title{background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/bottega/03.png);background-size:250px;background-repeat: no-repeat;padding:80px;background-position:center;font-size:1.5em;margin-left: -380px;z-index: 10;position: relative;}
#ladies_bag_4 .h3_title{background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/chloe/04.png);background-size:250px;background-repeat: no-repeat;padding:80px;background-position:center;font-size:1.5em;}
#ladies_bag_5 .h3_title{background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/margiela/05.png);background-size:250px;background-repeat: no-repeat;padding:80px;background-position:center;font-size:1.5em;}
.content_section_base_text_box a{color:#000;text-decoration:underline;margin:2em auto 3em;display: inline-block;}
.main_content_ul_flex{display:flex;width:100%;}
.main_content_ul_flex li{width:20%;margin:0 1% 0 0;}

.link_item_btn{width:300px;padding:2em 0;display:block;margin:3em auto;background-color:#747f85;text-align:center;}

.content_section_base_text_box_txt{line-height:1.75em;}

#ladies_bag_2 .content_section_base_left{float:right;}
#ladies_bag_2 .content_section_base_right{left:0;right:auto;}
#ladies_bag_2 .main_content_ul_flex{display:flex;justify-content:flex-end;width:100%;}
#ladies_bag_2 .use_item p{text-align:right;}
#ladies_bag_2 .main_content_ul_flex li{width:20%;margin:0 0 0 1%;}

#ladies_bag_3 .content_section_base_left{width:49%;margin-bottom: 300px;}
#ladies_bag_3 .content_section_base_right{width:49%;}
#ladies_bag_3 .use_item{text-align:center;}
#ladies_bag_3 .content_section_base_text_box{text-align:center;}
#ladies_bag_3 .main_content_ul_flex{justify-content:center;}
#ladies_bag_3 .content_section_base_text_box_txt{margin:2em 0;}

#ladies_bag_4 .main_content_ul_flex{flex-wrap:wrap;}
#ladies_bag_4 .content_section_base_left{margin-bottom: 50px;}

#ladies_bag_5 .content_section_base_left{float:right;}
#ladies_bag_5 .content_section_base_right{left:0;right:auto;}
#ladies_bag_5 .main_content_ul_flex{display:flex;justify-content:flex-end;width:100%;}
#ladies_bag_5 .use_item p{text-align:right;}
#ladies_bag_5 .main_content_ul_flex li{width:20%;margin:0 0 0 1%;}

.footer_link_area{background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/under_k.jpg);background-size:cover;background-position:center;padding:50px 0;background-repeat: no-repeat;max-height:550px;}
.footer_link_area_box{width:1000px;margin:50px auto;text-align:center;}

.footer_link_area_box ul{display:flex;flex-wrap:wrap;}
.footer_link_area_box ul li{width:calc( 20% - 2px );background-color:rgba(255,255,255,0.8);margin: 1px;}
.footer_link_area_box ul li a{color:#272b34;padding:10px 0;display:block;}
.footer_link_area_box ul li a:hover{color:#FFF;background-color:#658798;}
.footer_link_area_box_02 ul li{width: calc( 25% - 2px ) !important;margin: 1px;}

.footer_link_area_box p{color:#FFF;font-size:34px;text-shadow:1px 1px 10px #8e8e8e;margin-bottom:0.5em;}
.footer_link_area_box_02 p{color:#FFF;font-size:18px;}
.footer_link_area_box_02 ul li{width:20%;background-color:rgba(117,128,134,0.8);}
.footer_link_area_box_02 ul li a{color:#FFF;padding:20px 0;display:block;}
.footer_link_area_box_02 ul li a:hover{color:#FFF;background-color:#3a4f58;}





/* フッター */
.footer_bg_image{width:100%;height:650px;background-size:cover;background-position:center center;position:relative;}

/* リンク */
.relation_link_area{background-color:#FFF;padding:6em 0 6em;}
.relation_link_area ul{display:flex;justify-content:space-between;width:1000px;margin:0 auto;text-align:center;}
.relation_link_area ul li{width:24%;}
.relation_link_area ul p{color:#000;}
.relation_link_area ul img{width:100%;}
.relation_link_area ul img:hover{opacity:0.8;}
.relation_link_area p{font-size:12px;}
p.relation_link_area_text{text-align:center;font-size:1.25em;margin:0 0 1em;}

/* swiper */
.swiper-container {width: 100%;}
.slider_box{text-align:center;}
.slider_item_text{font-size:3em;margin:0 0 0.5em;}
.visible_area{width: calc(55% - 100px);padding: 50px;background-color:#FFF;position:relative;}
.thumb-list {max-width:1200px;width:100%;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;margin:0 auto;}
.thumb-item {list-style: none;width:24%;background-color: #FFF;position:relative;margin-bottom:1%;}
.thumb-item p{color:#000;text-align:center;font-size:12px;margin-top:0.5em;}
.thumb-item p span{font-size:9px;display:block;}
.thumb-link {display: block;width: calc( 100% - 50px);padding: 30px 25px;}

.thumb-link:hover:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #3d7996;opacity: 0.5;display:block;}

.current_item:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #78000a;opacity: 0.5;display:block;}

p.item_num{position:absolute;left:-1.5em;top:40%;transform: rotate(90deg);font-size:9px;color:#78000a;}
.swiper-container .swiper-slide img{width:100%;}
.swiper-container .swiper-slide p{font-size:12px;}
.swiper-slide h4{text-align:center;border-bottom:2px solid;margin-bottom:0.5em;padding-bottom:0.5em;margin-top:1em;font-size:1.25em;color:#bfa276;}
.swiper-slide_image{display: block;width: 80%;margin: 0 auto;}

.swiper-button-prev{background-image:none;left:0 !important;width:34px;}
.swiper-button-prev:hover{opacity:0.8;}
.swiper-button-prev:after{content:"<";display:block;background-color:#99001e;color:#fff;visibility: visible !important;height: 50px;font-size:16px;line-height:50px;text-align:center;}
.swiper-button-next{background-image:none;right:0 !important;width:34px;}
.swiper-button-next:hover{opacity:0.8;}
.swiper-button-next:after{content:">";display:block;background-color:#99001e;color:#fff;visibility: visible !important;height: 50px;font-size:16px;line-height:50px;text-align:center;}

.thumb-link img{width:90%;display:block;margin:0 auto;}
.thumb-link_item_name{font-weight:bold;}

.sp_img{display:none !important;}
.pc_img{display:block !important;}

.sp_only{display:none;}

@media screen and (max-width:768px) {
	.main_mv_content{width:96%;padding: 25px 0;}
	.content_section{position:relative;}
	img.main_mv_content_text {width: 100%;}
	.pc_img{display:none !important;}
	.sp_img{display:block !important;}
	.sp_only{display:block;}
	.main_nav_text{margin-bottom:2em;}
	.main_nav ul{flex-wrap:wrap;width:100%;justify-content: flex-start;}
	.main_nav ul li {width: 32%;margin:0.5%;}
	.content_section_base{width:100%;position:relative;}
	
	.content_section_base_left{float:none;}
	.content_section_base_right{position:static;clear: both;}
	
	.main_nav {padding-bottom: 25px;}
	
	.thumb-list{display:none;}
	.visible_area{display:block;background-color: transparent;width: calc(100% - 100px);padding-top:0;}
	
	.content_section_base_left {float: none;position: relative;width: 80%;margin-top: 0;margin-bottom: 0;top: -30px;}
	.content_section_base_img_02{width:96%;margin:0 auto;}
	
	.main_content_ul_flex{justify-content: center;}
	.content_section_base_text_box_txt{width:90%;margin:0 auto;}
	.use_item > p{margin:2em auto 1em;}
	.slider_item_text {font-size: 2em;margin:1em auto 0.5em;}
	.count_num{text-align:right;width:80%;margin:0 auto;font-size:1.25em !important;}
	.swiper-slide h4{color: #39474e;border:none;}
	.check_btn{display:block;width: 90%;padding:10px 0;text-align:center;margin:1em auto;background-color: teal;}
	.link_item_btn{margin:0 auto;}
	.swiper-button-prev:after {background-color: #888888;}
	.swiper-button-next:after{background-color: #888888;}
	#ladies_bag_2 .use_item p{text-align:center;}
	#ladies_bag_2 .main_content_ul_flex{justify-content:center;}
	
	#ladies_bag .h3_title{position:absolute;top:200px;right:0;z-index:100;background-size: 150px;padding: 40px 10px;font-size: 1em;}
	#ladies_bag_2 .h3_title{position:absolute;top:200px;left:0;z-index:100;background-size: 150px;padding: 40px 10px;font-size: 1em;background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/fendi/02_dark.png);}
	#ladies_bag_3 .h3_title{position:absolute;top:-30px;right:0;z-index:100;background-size: 200px;padding: 40px 10px;font-size: 1em;}
	#ladies_bag_4 .h3_title{position:absolute;top:-30px;right:0;z-index:100;background-size: 200px;padding: 40px 10px;font-size: 1em;}
	#ladies_bag_5 .h3_title{position:absolute;top:200px;left:0;z-index:100;background-size: 150px;padding: 40px 10px;font-size: 1em;background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/mb/article/107/img/margiela/05_dark.png);}

	#ladies_bag_3 .content_section_base_left{width:100%;top: 70px;margin-bottom: 0px;}
	#ladies_bag_3 .content_section_base_right{width:100%;margin-top: 120px;}
	#ladies_bag_3 .content_section_base_text_box_txt{width:90%;margin:2em auto 1em;}
	#ladies_bag_3 .swiper-container_3_1{width:90%;margin:0 auto 0 0;}
	#ladies_bag_3 .swiper-container_3_2{width:90%;margin:0 0 0 auto;}
	#ladies_bag_3 .main_content_ul_flex{flex-wrap:wrap;justify-content:start;width: 90%;margin: 0 auto;}
	#ladies_bag_3 .main_content_ul_flex li {width: 24%;}
	#ladies_bag_4 .main_content_ul_flex{flex-wrap:wrap;justify-content:start;width: 90%;margin: 0 auto;}
	#ladies_bag_4 .main_content_ul_flex li {width: 24%;}
	#ladies_bag_5 .main_content_ul_flex{flex-wrap:wrap;justify-content:start;width: 90%;margin: 0 auto;}
	#ladies_bag_5 .main_content_ul_flex li {width: 24%;}
	
	#ladies_bag_5 .use_item p{text-align:center;}
	
	.footer_link_area_box{width:90%;opacity:1 !important;transform:unset !important;margin: 0 auto 50px;}
	.relation_link_area{opacity:1 !important;transform:unset !important;width:90%;margin:0 auto;}
	.footer_link_area_box ul li {width: calc( 50% - 2px );}
	.footer_link_area_box_02 ul li {width: calc( 50% - 2px ) !important;}
	.relation_link_area ul li {width: calc( 50% - 10px);margin:5px;}
	.relation_link_area ul{flex-wrap:wrap;width:100%;}
	.relation_link_area p {font-size: 10px;}
	
}

/* 着用アイテムsoldout */
ul.main_content_ul_flex li.soldout:after {
	content: "sold out";
	display: block;
	color: #fff;
	background-color: rgba(117,128,134,0.5);
	text-align: center;
}

/* FOCUS ITEM soldout SP */
div.swiper-slide a.check_btn.soldout {
	font-size: 0px;
	background-color: rgba(117,128,134,0.5);
	margin: 14px auto;
}
div.swiper-slide a.check_btn.soldout::after {
	content: "sold out";
	font-size: 14px;
	color: #fff;
}

/* FOCUS ITEM soldout PC */
.thumb-link.soldout:hover:after{
	content: 'sold out';
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	position: absolute;
	top: 5%;
	right: 60%;
	bottom: 87%;
	left: 0%;
	background-color: rgba(117,128,134,0.6);
	opacity: 1;
	display: block;
	text-align: center;
}

#LP-html ul::after {
    content: normal;
}