@charset "utf-8";

/*==========================================================================

   dress

==========================================================================*/
.dress-tile {
	position: relative;
	width: 1400px;
	height: 518px;
	margin: 0 -100px;
	background: #f1f1f1;
}
.dress-tile__item {
	position: absolute;
}
.dress-tile-footer {
	margin: 50px auto;
	text-align: center;
}
.dress-tile-footer__title {
	font-size: 20px;
	margin-bottom: 25px;
}
.dress-tile-footer__text {
	font-size: 14px;
	line-height: 2;
}
.dress-tile-footer__btn {
	width: 280px;
	height: 52px;
	margin: 25px auto;
}


.dress-tile__item.item--01-01 { top: 0; left: 0;}
.dress-tile__item.item--01-02 { top: 0; left: 198px;}
.dress-tile__item.item--01-03 { top: 0; left: 580px;}
.dress-tile__item.item--01-04 { top: 0; left: 778px;}
.dress-tile__item.item--01-05 { top: 0; left: 1202px;}
.dress-tile__item.item--01-06 { top: 258px; left: 0;}
.dress-tile__item.item--01-07 { top: 258px; left: 580px;}
.dress-tile__item.item--01-08 { top: 258px; left: 976px;}
.dress-tile__item.item--01-09 { top: 258px; left: 1202px;}


.dress-tile__item.item--02-01 { top: 0; left: 0;}
.dress-tile__item.item--02-02 { top: 0; left: 198px;}
.dress-tile__item.item--02-03 { top: 0; left: 594px;}
.dress-tile__item.item--02-04 { top: 0; left: 792px;}
.dress-tile__item.item--02-05 { top: 0; left: 1187px;}
.dress-tile__item.item--02-06 { top: 258px; left: 0;}
.dress-tile__item.item--02-07 { top: 258px; left: 198px;}
.dress-tile__item.item--02-08 { top: 258px; left: 594px;}
.dress-tile__item.item--02-09 { top: 258px; left: 1187px;}

.dress-maternity__body-row {
	margin: 0 auto;
	display: inline-block;
}
.dress-maternity__body-left {
	display: block;
	padding-right: 4px;
	height: 337px;
	width: 224px;
	float: left;
}
.dress-maternity__body-center{
	display: block;
	background-color: #e4e5e4;
	text-align: center;
	margin: 0px !important;
	padding: 0px !important;
	width: 528px;
	height: 337px;
	float: left;
}
.dress-maternity__body-right {
	display: block;
	padding-left: 4px;
	height: 337px;
	width: 224px;
	float: left;
}


/*==========================================================================

new dress

==========================================================================*/
#cover-dress {
    height: 775px;
    background: url(../../_img/dress-new/page-cover03.webp) no-repeat center top / cover;
}


#cover-dress .page-cover-label, #cover-dress-test .page-cover-label {
    position: absolute;
    left: 15%;
    top: 50%;
    text-align: center;
}
#cover-dress .page-cover-label__primary, #cover-dress-test .page-cover-label__primary {
    font: 42px "Rameau W01 Light";
}
#cover-dress .page-cover-label__secondary, #cover-dress-test .page-cover-label__secondary {
    position: absolute;
    top: -41px;
    left: -22px;
}
#cover-dress .page-cover-label__ruby, #cover-dress-test .page-cover-label__ruby  {
    font-size: 16px;
}
#cover-dress .cover-btn__scroll, #cover-dress-test .cover-btn__scroll  {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%, 0);
	transition: .3s;
}
#cover-dress .cover-btn__scroll:hover, #cover-dress-test .cover-btn__scroll:hover {
	opacity: .65;
}
.dress-header-lead {
    font-size: 14px;
    line-height: 2;
    text-align: center;
}
.dress-page-nav__list {
    margin: 50px auto 80px;
    text-align: center;
}
.dress-page-nav__item {
    display: inline-block;
    width: 262px;
    margin: 8px 20px;
    font: 18px "Rameau W01 Light";
    text-align: center;
    border: 1px solid #b3b2b2;
}
.dress-page-nav__item a {
    position: relative;
    display: block;
    padding: 8px 0;
}
.dress-page-nav__item a:before {
    font: bold 12px/1 "icomoon";
    content: "\f107";
    position: absolute;
    top: 14px;
    left: 10px;
    vertical-align: middle;
}
.section-dress-type {
	position: relative;
}
.section-dress-type__bg {
	position: absolute;
	width: 100%;
	z-index: -1;
}
#wedding-dress .section-dress-type__bg {  top: 18px;}
#color-dress .section-dress-type__bg {  top: 9px;}
#kimono .section-dress-type__bg {  top: 43px;}
#maternity-dress .section-dress-type__bg {  top: 25px;}
#tuxedo .section-dress-type__bg {  top: 41px;}
#guest-costume .section-dress-type__bg {  top: 47px;}
#barrier-free .section-dress-type__bg {  top: 41px;}

.section-dress-type__bg img {
	width: 100%;
	height: auto;
}
.section-dress-type + .section-dress-type {
    margin-top: 130px;
}
.dress-type-wrap .container {
    display: table;
}
.dress-type-content,
.dress-type-aside {
    display: table-cell;
    vertical-align: top;
	box-sizing: border-box;
}
.section-dress-type:nth-child(odd) .dress-type-content { padding-left: 80px;}
.section-dress-type:nth-child(even) .dress-type-content { padding-right: 80px;}

.dress-type-content {
    text-align: center;
}
#wedding-dress .dress-type-content-header {  margin-top: 74px;}
#color-dress .dress-type-content-header {  margin-top: 70px;}
#kimono .dress-type-content-header {  margin-top: 95px;}
#maternity-dress .dress-type-content-header {  margin-top: 68px;}
#tuxedo .dress-type-content-header {  margin-top: 86px;}
#guest-costume .dress-type-content-header {  margin-top: 85px;}
#barrier-free .dress-type-content-header {  margin-top: 86px;}

.dress-type-content-header__primary h3{
    font: 38px "Rameau W01 Light";
}
.dress-type-content-header__secondary {
    font-size: 18px;
    margin-top: 12px;
}
.dress-type-content-body {
    padding: 30px 0 50px;
    font-size: 14px;
    line-height: 2;
}
.dress-type-content-gallery-nav__list {
    font-size: 0;
}
.dress-type-content-gallerynav__item {
	box-sizing: border-box;
	padding: 6px;
}
.dress-type-content-gallerynav__btn {
	width: 100%;
	height: 70px;
	font: 18px "Rameau W01 Light";
	letter-spacing: .125em;
}

.dress-type-content-gallerynav__btn.ja {
    width: 100%;
    height: 40px;
    font: 14px / 1;
    letter-spacing: 0;
}
.dress-type-content-gallery-nav__list.is--single .dress-type-content-gallerynav__item {
    width: 382px;
	margin: 0 auto;
}
.dress-type-content-gallery-nav__list.is--multi .dress-type-content-gallerynav__item {
    display: inline-block;
	width: 50%;
}
.dress-type-aside {
    width: 564px;
}
.dress-type-content-gallery-nav__title {
    margin-bottom: 10px;
    font: 20px "Rameau W01 Light";
	letter-spacing: .125em;
}
.dress-type-tile__list {
    width: 564px;
    font-size: 0;
}
.dress-type-tile__item {
    display: inline-block;
    width: 186px;
    height: 201px;
    margin: 1px;
    vertical-align: top;
}
.dress-type-tile__item img {
    width: 100%;
    height: auto;
}
.dress-type-tile__item.is--label {
	position: relative;
}
.dress-type-tile__item__label-title {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font: 20px/1.9 "Rameau W01 LightItalic";
    transform: translate(-50%, -50%);
}
#wedding-dress .dress-type-tile__item.is--label { background: url(../../_img/dress-new/bg_tile_label_wd.png) no-repeat center center / cover;}
#color-dress .dress-type-tile__item.is--label { background: url(../../_img/dress-new/bg_tile_label_cd.png) no-repeat center center / cover;}
#kimono .dress-type-tile__item.is--label { background: url(../../_img/dress-new/bg_tile_label_kimono.png) no-repeat center center / cover;}
#maternity-dress .dress-type-tile__item.is--label { background: url(../../_img/dress-new/bg_tile_label_maternity.png) no-repeat center center / cover;}
#tuxedo .dress-type-tile__item.is--label { background: url(../../_img/dress-new/bg_tile_label_tuxedo.png) no-repeat center center / cover;}
#guest-costume .dress-type-tile__item.is--label { background: url(../../_img/dress-new/bg_tile_label_guest.png) no-repeat center center / cover;}
#barrier-free .dress-type-tile__item.is--label { background: url(../../_img/dress-new/bg_tile_label_bf.png) no-repeat center center / cover;}

.dress-type-note {
    margin-top: 35px;
}
.dress-type-note__btn {
    position: relative;
    margin-bottom: 20px;
}
.dress-type-note__btn:before {
    font: bold 17px/1 "icomoon";
    content: "\f067";
    position: relative;
    top: -.05em;
    margin-right: 7px;
    vertical-align: middle;
    color: #9d8a40;
	transition: .3s;
}
.dress-type-note__btn.active:before {
    content: "\f068";
}
.dress-type-note__btn:hover {
    cursor: pointer;
}
.section-dress-type:nth-child(even) .dress-type-note__btn { text-align: right;}

.dress-type-note__desc {
    visibility: hidden;
    height: 0;
    padding: 30px 35px;
    line-height: 2;
	opacity: 0;
    transition: .3s;
}
.dress-type-note__desc.active {
    visibility: visible;
	height: auto;
	opacity: 1;
}

.dl-content{
    width: 860px;
    margin: auto;
    outline: 1px solid #fff;
    outline-offset: -10px;
    padding:20px 0;
    background-color: #fcfaf8;
}

.dl-content img.dl-logo{
    display: inline-block;
    vertical-align: middle;
}
.dl-content p{
    display: inline-block;
    width: 600px;
    font-size: 13px;
    margin-left: 30px;
    line-height: 1.9;
    vertical-align: middle;
}

.dl-content .inner{
    width: 760px;
    margin: auto;
    padding:30px 0;
}
.dress-type-logo{
    margin-top:50px;
}
.dress-type-logo img.v-top{
    vertical-align: top;
}
.dress-type-logo img.v-bottom{
    vertical-align: bottom;
}
.dress-type-logo img.v-middle{
    vertical-align: middle;
}

.dress-type-logo.wd .LIHI-HOD,
.dress-type-logo.wd .KELLY-FAETANINI,
.dress-type-logo.wd .ELISABETTA-POLIGNANO,
.dress-type-logo.wd .NICOLE-MILANO,
.dress-type-logo.wd .PRONOVIAS{
    margin-left: 30px;
}