@charset "utf-8";


/** #PC
===================================*/



/** font
===================================*/
.zagna_fair01 p{
	font-size:16px;
}

.zagna_fair01 h2,.zagna_fair01 h3, .zagna_fair01 h4{
}

/** color
===================================*/

.zagna_fair01{
	--main-color: #0b1229;
    --text-color: #000;
	--text-color_w: #fff;
	--heading-color: #231815;
}

.c-section__color{
	background-color: var(--main-color);
	color:var(--text-color_w);
} 

.c-text__w{
	color:#fff;
}

/** layout
===================================*/

.zagna_fair01{
	--mainArea_width:800px;
	--section-margin_upL:12rem;
	--section-margin_up:8rem;
	--section-margin_bottom:8rem;
	--section-margin_left:2rem;
	--section-margin_right:2rem;
	--section-padding_up:4rem;
	--section-padding_bottom:4rem;
	--section-padding_left:1rem;
	--section-padding_right:1rem;
	--inner-padding_up:3rem;
	--inner-padding_bottom:3rem;
	--inner-padding_left:1rem;
	--inner-padding_right:1rem;
}

.c-section__normal{
	margin: var(--section-margin_up) 
            0 
            var(--section-margin_bottom) 
            0;
	padding: 0;
}

.c-mainArea{
	max-width: var(--mainArea_width);
	display: block;
	margin-inline:auto;
	padding:0;
}


/** base
===================================*/

body {
    -webkit-text-size-adjust: 100%; /* iOSの自動調整を防止 */
}

.fadeIn {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fadeIn.show {
  opacity: 1;
  transform: translateY(0);
}

/* ディレイ用のクラス */
.delay-0 { transition-delay: 0s; }
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }
.delay-3 { transition-delay: 0.3s; }
.delay-4 { transition-delay: 0.4s; }
.delay-5 { transition-delay: 0.5s; }
.delay-6 { transition-delay: 0.6s; }
.delay-7 { transition-delay: 0.7s; }
.delay-8 { transition-delay: 0.8s; }
.delay-9 { transition-delay: 0.9s; }
.delay-10 { transition-delay: 1.0s; }

.c-btn__cta img{
	width: 30vw!important;
	display: block;
	margin-inline:auto;
	margin-block:var(--section-padding_up) 1rem;
}
.c-btn__cta p{
	font-size:1.0rem;
	text-align: center;
}

.c-p_text{
	margin-bottom:1rem;
}

.c-img__copyright{
	text-align: right;
	display:block;
	width: 100%;
}

.c-pc__only{
	display: block;
}
.c-sp__only{
	display: none;
}

h2.c-heading__h2{
	text-align:center;
	color:var(--heading-color);
	margin-top:3rem;
	margin-bottom:2rem;
	font-weight: 500;
	font-size:2.5rem;
}

.c-text__alignCenter{
	text-align: center;
}

/** header
===================================*/
header {
}

/** layout
===================================*/


/** Section
===================================*/

/* fv */
.l-fv__main{
	max-width: 2000px;
	width: 100%;
	padding:0px;
	margin:0 auto;
}

.l-section__fv{
	/* background: linear-gradient(to right, transparent 50%, var(--main-color) 50%); */
}

/* intro */
.l-section__intro{
	margin-top:4rem;
}
.p-intro__gr{
	display: flex;
	gap:2rem;
	justify-content: space-between;
}

/* set  */

.l-section__set{
	background: url("../../img/zegna_fair/set_bg.webp") repeat-y top left / 75% 100% var(--main-color);
	padding-bottom:var(--section-margin_bottom);
	padding-top:var(--section-margin_up);
}

.l-section__set .c-mainArea{
	width: 600px;
}

.p-set_logoImg{
	display: block;
	margin-bottom:var(--inner-padding_bottom);
}
.p-set_setImg{
	display: block;
	margin:3rem auto;
}
.p-set_priceImg{
	display: block;
	margin:3rem auto;
}
.p-set_memo{
	font-size:0.8rem;
}

/* items  */
.c-items__itemBox{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap:1rem;
	margin-top:var(--section-padding_up);
	margin-bottom:var(--section-padding_bottom);
}
.c-flex__rev{
	flex-direction: row-reverse;
}

.c-items_itemBox--img{
	flex: 3 1 0;
	width: 60.00%;	
}
.c-items_itemBox--info{
	flex: 2 1 0;
	width: 40.00%;
	margin-bottom:4rem;
}
.c-heading__itemCopy{
	font-weight: 500;
	margin-bottom:1rem;
	font-size:1.25rem!important;
}
.c-items_itemText{
	font-size:1rem!important;
	margin-bottom:1rem;
}
.c-items_memo{
	font-size:0.8rem!important;
}
.c-items_memo a{
	color:#006eff!important;
}

/* elegance  */
.l-section__elegance{
	background: url("../../img/zegna_fair/set_bg.webp") repeat-y top left / 75% 100% var(--main-color);
	padding-bottom:var(--section-padding_bottom);
	padding-top:var(--section-padding_up);
}

.l-section__elegance .c-mainArea{
	width: 600px;
}

.l-section__elegance h2{
	color: #fff!important;
	line-height: 1.5;
}

.p-elegance_mainImg{
	display: block;
	margin-top:var(--inner-padding_up);
	margin-bottom:2rem;
}

/* formal  */
.l-section__formal .c-mainArea{
	width: 600px;
}

/* store  */
.p-stores__titleImg{
	width: 70%;
	display: block;
	margin-inline:auto;
}
.l-section__stores .c-mainArea{
	max-width: 800px;
}
.l-section__stores{
	margin-top:0!important;
	padding-top:var(--section-margin_up) ;
}

.p-stores__mapImg{
	margin-top:var(--section-padding_up);
	display: block;	
}
.p-stores__storeImg{
	margin-top:var(--section-margin_up);
	display: block;
}
.p-stores__mapImg{
	margin-block:var(--section-padding_up);
	display: block;
}
/* flow  */

.l-section__flow{
	background: url("../../img/zegna_fair/set_bg.webp") repeat-y top left / 75% 100% var(--main-color);
	padding-bottom:var(--section-padding_bottom);
	padding-top:var(--section-padding_up);
	color:#FFF;
	margin-bottom:0;
}

.l-section__flow .c-heading__h2{
	color:#fff;
	margin-top:0;
	margin-bottom:3rem;
}


.p-flow__gr{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	margin-bottom:1rem;
}

.p-flow__box {
	max-width: calc(33.333% - 1.333rem);
}
.p-flow__box p:first-child{
	font-weight: bold;
}

.p-flow__info a{
	text-decoration: underline!important;
	color:#8da2ff!important;
}

.l-section__fair{
	padding-top:var(--section-padding_up);
	padding-bottom:var(--section-padding_bottom);
	margin-bottom:0;
}

.l-section__fair .c-mainArea{
	width: 700px;
}

.l-section__fair h2{
	color:#fff;
	text-align:center;
	font-size:2.0rem;
	margin-bottom:var(--inner-padding_bottom);
}

.l-section__fair a{
	color:#8da2ff!important;
}

.p-fair__bigprice{
	font-size:1.8rem!important;
	font-weight:bold;
	display: block;
	margin-bottom:1rem;
}

/** drawer
===================================*/
.drawer_nav {
}




/** navi
===================================*/
#gnav {
}

.gnavi {
}

.gnavi > li {
}

.gnavi > li a {
}



/** eyecatch
===================================*/
.main_slider {
}

.main_slider .swiper-slide {
	
}



/** contents_all
===================================*/
#contents_wrap {
}

#main_contents {
}

#main_wrap {
}

#home_article {
}



/** side
===================================*/
#side {
}



/** footer
===================================*/
#footer {
}

.footer_inner {
}

.copyright {
	text-align: center;
}

.copyright address {
	font-style: normal;
	font-size: 0.8em;
}


/** slideMenu
===================================*/
#slideMenu {
	height: 100%;
	background-color: #fff;
}



/** top
===================================*/



/** page
===================================*/



/** product
===================================*/



/** product_category
===================================*/



/** single
===================================*/



/** category
===================================*/



/** search
===================================*/



/** 404
===================================*/












/*--------------------------------------------------------------------
  === [MEDIA QUERY] ====================================
--------------------------------------------------------------------*/

/** PC only
===================================*/
@media screen and (min-width: 1230px) {

}/* @media */



/** small-PC
===================================*/
@media screen and (max-width: 1229px) {
.conteiner_l {
}

.p-contact__info{

}

}/* @media */



/** mini-PC
===================================*/
@media screen and (max-width: 1129px) {
.conteiner_l {
}

}/* @media */



/** Tablet
===================================*/
@media screen and (max-width: 980px) {
/** tb-base
===================================*/
#TB_ancor {
	color: #f66;
	font-size: 20px;
}

.zagna_fair01{
	--mainArea_width:100%;
	--section-margin_upL:10rem;
	--section-margin_up:6rem;
	--section-margin_bottom:6rem;
	--section-margin_left:2rem;
	--section-margin_right:2rem;
	--section-padding_up:4rem;
	--section-padding_bottom:4rem;
	--section-padding_left:1rem;
	--section-padding_right:1rem;
	--inner-padding_up:2rem;
	--inner-padding_bottom:2rem;
	--inner-padding_left:1rem;
	--inner-padding_right:1rem;
}

.c-btn__cta img{
	width: 90vw!important;
}
.c-btn__cta p{
	font-size:3.0vw!important;
}

.c-img__copyright{
	font-size:3.5vw;
}



.c-mainArea{
	max-width: var(--mainArea_width);
	display: block;
	margin-inline:auto;
	padding:0 3rem;
}

.c-pc__only{
	display: none;
}
.c-sp__only{
	display: block;
}

/* fv */


.l-fv__main{
	max-width: 100%;
	width: 100%;
	padding:0;
}

.l-section__fv{
	background: transparent;
}

.l-fv__cta{
	background-color: var(--main-color);
	padding-bottom:var(--section-padding_bottom);
}
.l-fv__cta .c-btn__cta img{
	margin-top:0rem;
}

/* intro */
.l-section__intro{
	margin-top:6rem;
}

.l-section__intro h2{
	margin-top:2rem;
}

.p-intro__gr{
	flex-direction: column;
	gap:0;
}

/* set  */

.l-section__set{
	background: url("../../img/zegna_fair/set_bg.webp") repeat-y top left / 100% 150% var(--main-color);
}
.l-section__set .c-mainArea{
	width: 100%;
}
.p-set_memo{
	font-size:3.5vw!important;
}
.p-set_priceImg{
	margin:3rem auto 1rem;
}

/* items  */
.c-items__itemBox{
	flex-direction: column;
}
.c-items_itemBox--img{
	flex: 1 1 0;
	width: 100.00%;	
}
.c-items_itemBox--info{
	flex: 1 1 0;
	width: 100.00%;
	margin-bottom:0;
}

.c-heading__itemCopy{
	font-size:5vw!important;
	margin-top:var(--inner-padding_up);
	margin-bottom:var(--inner-padding_bottom);
}
.c-items_itemText{
	font-size:4.0vw!important;
	margin-top:var(--inner-padding_up);
	margin-bottom:var(--inner-padding_bottom);
}
.c-items_memo{
	font-size:3.5vw!important;
}

/* elegance  */
.l-section__elegance{
	background: url("../../img/zegna_fair/set_bg.webp") repeat-y top left / 100% 150% var(--main-color);
	padding-bottom:var(--section-padding_bottom);
	padding-top:var(--section-padding_up);
}
.l-section__elegance .c-mainArea{
	width: 100%;
}

/* formal  */
.l-section__formal .c-mainArea{
	width: 100%;
}

/* flow  */
.l-section__flow{
	background: url("../../img/zegna_fair/set_bg.webp") repeat-y top left / 100% 150% var(--main-color);
}


.p-flow__gr{
	flex-wrap: nowrap;
	flex-direction: column;
}
.p-flow__box {
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	gap:1rem;
}
/* .p-flow__box > * {
	flex: 1 1 0;
} */
.p-flow__img{
	flex: 2 1 0;
	width: 40%;
}
.p-flow__info{
	flex: 3 1 0;
	width: 60%;
}
.p-flow__info p{
	font-size:3.0vw!important;
}
.p-flow__info p:first-child{
	font-size:4.5vw!important;
}

.p-stores__titleImg{
	width: 90%;
}

.l-section__fair h2{
	font-size:5.5vw!important;
}
.l-section__fair .c-mainArea{
	width: 100%;
}

/** tb-header
===================================*/



/** tb-navi
===================================*/



/** tb-eyecatch
===================================*/



/** tb-contents_all
===================================*/



/** tb-side
===================================*/



/** tb-footer
===================================*/



/** tb-slideMenu
===================================*/



/** tb-drawer
===================================*/



/** tb-top
===================================*/



/** tb-page
===================================*/



/** tb-product
===================================*/



/** tb-product_category
===================================*/



/** tb-single
===================================*/



/** tb-category
===================================*/



/** tb-search
===================================*/



/** tb-404
===================================*/



}/* @media */



/** SmartPhone
===================================*/
@media screen and (max-width: 767px) {
/** base
===================================*/

.zagna_fair01 p{
	font-size:4.0vw;
}

.c-cr__text{
	font-size:3.0vw;
}


/** sp-top
===================================*/
.breadcrumbs{
	font-size: 2.75vw!important;
	font-size: min(2.75vw, 1rem)!important;
}


/** sp-page
===================================*/





/** sp-product
===================================*/



/** sp-product_category
===================================*/



/** sp-single
===================================*/



/** sp-category
===================================*/



/** sp-search
===================================*/



/** sp-404
===================================*/





}/* @media */