@charset "utf-8";

/* PC/sp 共通設定 */

/*________________________________________________ スクロール時フェードイン ____________ */
.fair1122-2018__main-fade {
	transition: .8s;
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.fair1122-2018__fade{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.fair1122-2018__dinner-fade {
	opacity: 0;
	transition: 1s;
}

.fair1122-2018__fadein {opacity: 1;}

/*-------------------------- PC 設定 --------------------------*/

@media screen and (min-width: 768px) {

  .fair1122-2018__middle-cover {margin-top:120px;}
  .fair1122-2018__logo--lebaravin {padding-bottom:1.44rem !important;}

/* --- wrapper --- */
  .fair1122-2018__wrapper {
    width: 100% !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:rgba(0,0,0,0.65);;
  }

/* --- cover --- */
  .fair1122-2018__cover {
    position:relative;
    width:100%;
    margin-top:0;
    padding-top:0;
    font-family: ryo-text-plusn, serif;
    font-style: normal;
  }

  .fair1122-2018__cover-title {
    position:absolute;
    width:50%;
    top:20%;
    right:-1vw;
    text-align:center;
  }

  .fair1122-2018__cover-image {
    width:22%;
  }

  .fair1122-2018__day {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.5em;
    color:#45423d;
    font-weight: 300;
    letter-spacing:0.15em;
    margin-top:25px;
  }

  .fair1122-2018__h2 {
    font-size:3.2em;
    color:#45423d;
    letter-spacing:0.25em;
    margin:0 0 20px 0;
    font-feature-settings: 'palt';
  }

  .fair1122-2018__dinner-present {
    border:1px solid #7d7d7d;
    border-radius:25px;
    padding:7px 17px;
    letter-spacing:0.12em;
    font-size:1.1em;
    font-weight: 600;
  }

  .fair1122-2018__fair-time {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    margin-top:25px;
    letter-spacing:0.2em;
  }

/* --- 特典内容 --- */
  .fair1122-2018__incentives {
    width:1140px;
    display:block;
    margin:150px auto 0 auto;
  }

  .fair1122-2018__incentives-h3 {
    position:relative;
    text-align:center;
    font-size:2.0em;
    font-family: ryo-text-plusn, serif;
    font-style: normal;
    letter-spacing:0.1em;
    line-height:2.0em;
    color:#553a0e;
  }

  .fair1122-2018__insession {
    font-size:0.85em;
    display:block;
    color:rgba(0,0,0,0.7);
  }

/* --- 2つの特典タイトル --- */
  .fair1122-2018__incentives-h5 {
    position: relative;
    width: 13%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:100px auto 0 auto;
    text-align:center;
    font-size:1.5em;
    color:rgba(0,0,0,0.7);
    letter-spacing:0.15em;
  }
  .fair1122-2018__incentives-h5::before,
  .fair1122-2018__incentives-h5::after {
    position: absolute;
    top: 0;
    content: '';
    width: 10px;
    height: 100%;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fair1122-2018__incentives-h5::before {
    left: 0;
    border-left: 1px solid #555;
  }
  .fair1122-2018__incentives-h5::after {
    right: 0;
    border-right: 1px solid #555;
  }

/* --- dinner --- */
  .fair1122-2018__course-dinner {
    margin-top:80px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .fair1122-2018__photo-flame {
    margin-top:0px;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .fair1122-2018__incentives-h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.9em;
    letter-spacing:0.15em;
    line-height:1.7em;
    color:rgba(0,0,0,0.7);
    margin-bottom:50px;
  }

  .fair1122-2018__course-dinner--right {
    padding-left:70px;
  }

  .fair1122-2018__relative {position:relative;}
  .fair1122-2018__absolute--01 {
    position:absolute;
    z-index: 2;
    bottom: 30px;
    transform-origin:left bottom;
    transform: rotate(-90deg);
    left: 72px;
    font-weight: 300;
  }

  .fair1122-2018__absolute--02 {
    position:absolute;
    z-index: 2;
    bottom: 300px;
    transform-origin:right bottom;
    transform: rotate(-90deg);
    right: 0px;
    font-weight: 300;
  }

  .fair1122-2018__number {
    font-family: 'Libre Baskerville', serif;
    font-size:70px;
    line-height:1;
    color:#553a0e;
  }

  .fair1122-2018__words--01 {
    vertical-align:top;
    letter-spacing:0.3em;
    color:#553a0e;
  }

  .fair1122-2018__words--02 {
    vertical-align:baseline;
    letter-spacing:0.3em;
    color:#553a0e;
  }

  .fair1122-2018__course-dinner-image {padding-left:30px;}
  .fair1122-2018__photo-flame-image {padding-right:30px;}

/* --- 特典概要 --- */
  .fair1122-2018__overview {
    margin:120px auto 80px auto;
    width:900px;
  }

  .fair1122-2018__overview-list {
    position : relative;
    padding : 40px 20px;
    margin : 20px auto;
    text-align : center;
    background : #f5ede2;
  }

  .fair1122-2018__dogear:before {
    content : "";
    display : block;
    position : absolute;
    top : 0px;
    left  : 0px;
    width  : 0px;
    height : 0px;
    border-width : 15px 15px 15px 15px;
    border-style : solid;
    border-color : #ffffff #f5ede2 #f5ede2 #ffffff;
  }

  .fair1122-2018__dogear:after {
    content : "";
    display : block;
    position : absolute;
    bottom : 0px;
    right  : 0px;
    width  : 0px;
    height : 0px;
    border-width : 15px 15px 15px 15px;
    border-style : solid;
    border-color : #f5ede2 #ffffff #ffffff #f5ede2;
  }

  .fair1122-2018__dogear-title {
    position:absolute;
    top:-17%;
    font-size:1.6em;
    letter-spacing:0.5em;
    right:0;
    left:0;
  }

  .fair1122-2018__dogear-title--02 {
    position:absolute;
    top:-10%;
    font-size:1.6em;
    letter-spacing:0.5em;
    right:0;
    left:0;
  }

  .fair1122-2018__dogear-p {
    margin-bottom:0;
    font-size:1.2em;
  }

  .fair1122-2018__dogear-ol {
    text-align:left;
    margin:0 auto;
    width:74%;
  }

  .fair1122-2018__dogear-list {
    font-size:1.2em;
    list-style:inside;
  }

/* --- フェアの説明 --- */
  .fair1122-2018__sense {
    width:1140px;
    display:block;
    margin:150px auto 120px auto;
  }

  .fair1122-2018__sense-box {
    width:1000px;
    height:375px;
    position:relative;
    background:#f5ede2;
  }

  .fair1122-2018__sense-box-h4 {
    position:absolute;
    top:-30px;
    left:70px;
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.9em;
    letter-spacing:0.15em;
    line-height:1.7em;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__sense-box-p {
    position:absolute;
    top:65px;
    left:70px;
    padding-right:206px;
    text-align:justify;
    font-size:1.05em;
    line-height:2.3em;
  }

  .fair1122-2018__sense-box-image {
    position:absolute;
    right:-140px;
    bottom:30px;
    width:272px;
  }

/* --- lebaravin --- */
  .lebaravin {
    margin-top:120px;
    align-items:flex-end;
  }

  .lebaravin__h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.9em;
    letter-spacing:0.1em;
    line-height:1.7em;
    color:rgba(0,0,0,0.7);
    padding-left:20px;
  }

  .lebaravin__p {
    text-align:justify;
    line-height:2.3em;
    padding-left:20px;
    margin:0;
  }

/* --- 応募方法 --- */
  .fair1122-2018__application-area {
    width:1140px;
    margin:150px auto 120px auto;
  }

  .fair1122-2018__application-area-h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.9em;
    letter-spacing:0.15em;
    text-align:center;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__application {
    align-items:center;
    margin:80px 0 120px 0;
  }

  .fair1122-2018__application-list {
    border:1px solid #7d7d7d;
    height:234px;
    text-align:center;
    padding:0 15px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .fair1122-2018__asterisk {display:contents;}

  .fair1122-2018__border--none {
    border:none;
    display:flex;
    align-items:center;
  }

/* --- 注意事項 --- */
  .fair1122-2018__consideration {
    background:#cec7be;
    padding:100px 0;
  }

  .fair1122-2018__consideration-p {
    width:53%;
    display:block;
    margin:0 auto;
  }
  .fair1122-2018__consideration-h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.9em;
    letter-spacing:0.15em;
    text-align:center;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__consideration-ol {
    width:51%;
    margin:30px auto 0 auto;
    text-align:justify;
  }

  .fair1122-2018__consideration-list {
    list-style:circle;
    line-height:2.4em;
  }

}

/*-------------------------- sp 設定 --------------------------*/
	
@media screen and (max-width: 767px){

  .fair1122-2018__middle-cover {margin-top:14vw;}
  .fair1122-2018__link--showroom {margin-top:4vw;}
  .fair1122-2018__logo--lebaravin {padding-bottom:1.2rem !important;}

/* --- cover --- */
  .fair1122-2018__cover {
    position:relative;
    width:100%;
    margin-top:0;
    padding-top:0;
    font-family: ryo-text-plusn, serif;
    font-style: normal;
    font-weight: 600;
  }

  .fair1122-2018__cover-image {width:40%;}

  .fair1122-2018__cover-title {
    position:absolute;
    top:2vw;
    text-align:center;
  }

  .fair1122-2018__h2 {
    font-size:3.2em;
    color:#45423d;
    letter-spacing:0.25em;
    margin:0 0 25px 0;
    font-feature-settings: 'palt';
  }

  .fair1122-2018__dinner-present {
    display:inline-block;
    /*margin-top:5vw;*/
    border:1px solid #7d7d7d;
    border-radius:5vw;
    padding:0.5vw 4vw;
    letter-spacing:0.13em;
    font-size:3.4vw;
  }

  .fair1122-2018__fair-time {
    font-family: 'Lusitana', serif;
    /*font-weight: 300;*/
    margin-top:2.5vw;
    letter-spacing:0.14em;
    font-size:0.9em;
  }

/* --- 特典内容 --- */
  .fair1122-2018__incentives {
    display:block;
    width:95%;
    margin:8vw auto;
  }

  .fair1122-2018__incentives-h3 {
    text-align:center;
    font-size:1.4em;
    font-family: ryo-text-plusn, serif;
    font-style: normal;
    letter-spacing:0.1em;
    line-height:1.6em;
    color:#553a0e;
  }

  .fair1122-2018__insession {
    font-size:0.8em;
    margin-bottom:3vw;
    display:block;
    color:rgba(0,0,0,0.7);
  }

/* --- 2つの特典タイトル --- */
  .fair1122-2018__incentives-h5 {
    position: relative;
    width: 36%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin:15vw auto 0 auto;
    text-align:center;
    font-size:1.0em;
    color:rgba(0,0,0,0.7);
  }
  .fair1122-2018__incentives-h5::before,
  .fair1122-2018__incentives-h5::after {
    position: absolute;
    top: 0;
    content: '';
    width: 2vw;
    height: 100%;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fair1122-2018__incentives-h5::before {
    left: 0;
    border-left: 1px solid #555;
  }
  .fair1122-2018__incentives-h5::after {
    right: 0;
    border-right: 1px solid #555;
  }

/* --- dinner --- */
  .fair1122-2018__course-dinner {
    margin-top:10vw;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .fair1122-2018__photo-flame {
    margin-top:15vw;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
  }

  .fair1122-2018__incentives-h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.4em;
    letter-spacing:0.1em;
    line-height:1.7em;
    color:rgba(0,0,0,0.7);
    margin:7vw 0 6vw 0;
    text-align:justify;
  }

  .fair1122-2018__incentives-p {color:rgba(0,0,0,0.7);}

  .fair1122-2018__relative {position:relative;}
  .fair1122-2018__absolute--01 {
    position:absolute;
    z-index: 2;
    bottom: 10vw;
    transform-origin:left bottom;
    transform: rotate(-90deg);
    left: 17vw;
    font-weight: 300;
    width:120vw;
  }

  .fair1122-2018__absolute--02 {
    position:absolute;
    z-index: 2;
    bottom: 4vw;
    transform-origin:left bottom;
    transform: rotate(-90deg);
    right: -78vw;
    font-weight: 300;
    width:80vw;
  }

  .fair1122-2018__number {
    font-family: 'Libre Baskerville', serif;
    font-size:16vw;
    line-height:1;
    color:#553a0e;
  }

  .fair1122-2018__words--01 {
    vertical-align:top;
    letter-spacing:0.2em;
    color:#553a0e;
    font-size:0.85em;
  }

  .fair1122-2018__words--02 {
    vertical-align:baseline;
    letter-spacing:0.2em;
    color:#553a0e;
  }

  .fair1122-2018__course-dinner-image {padding-left:7vw;}
  .fair1122-2018__photo-flame-image {padding-right:7vw;}

/* --- 特典概要 --- */
  .fair1122-2018__overview {
    margin:14vw auto 8vw auto;
    width:100%;
  }

  .fair1122-2018__overview-list {
    position : relative;
    padding : 8vw 5vw;
    margin : 4vw auto;
    text-align : center;
    background : #f5ede2;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__dogear:before {
    content : "";
    display : block;
    position : absolute;
    top : 0px;
    left  : 0px;
    width  : 0px;
    height : 0px;
    border-width : 2vw 2vw 2vw 2vw;
    border-style : solid;
    border-color : #ffffff #f5ede2 #f5ede2 #ffffff;
  }

  .fair1122-2018__dogear:after {
    content : "";
    display : block;
    position : absolute;
    bottom : 0px;
    right  : 0px;
    width  : 0px;
    height : 0px;
    border-width : 2vw 2vw 2vw 2vw;
    border-style : solid;
    border-color : #f5ede2 #ffffff #ffffff #f5ede2;
  }

  .fair1122-2018__dogear-title {
    position:absolute;
    top:-4vw;
    font-size:1.3em;
    letter-spacing:0.5em;
    right:0;
    left:0;
  }

  .fair1122-2018__dogear-title--02 {
    position:absolute;
    top:-4vw;
    font-size:1.3em;
    letter-spacing:0.5em;
    right:0;
    left:0;
  }

  .fair1122-2018__dogear-p {
    margin-bottom:0;
    font-size:1.1em;
  }

  .fair1122-2018__dogear-ol {
    text-align:left;
    margin:0 auto;
    width:100%;
    line-height:2.0em;
    padding-left:7vw;
    text-align:justify;
  }

  .fair1122-2018__dogear-list {
    font-size:1.1em;
    list-style:decimal;
  }

/* --- フェアの説明 --- */
  .fair1122-2018__sense {
    width:100%;
    display:block;
    margin:20vw auto 8vw auto;
  }

  .fair1122-2018__sense-box {
    position:relative;
    margin-bottom:10%;
  }

  .fair1122-2018__sense-relative {
    width:95%;
    background:linear-gradient(#f5ede2, #ffffff);
    margin:0 0 0 auto;
  }

  .fair1122-2018__sense-box-h4 {
    position:absolute;
    top:-7vw;
    left:13vw;
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.4em;
    letter-spacing:0.15em;
    line-height:1.7em;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__sense-box-p {
    text-align:justify;
    width:85%;
    padding-top:20vw;
    margin:0 auto;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__sense-box-image {
    width:100%;
    padding-left:40%;
  }

/* --- lebaravin --- */
  .lebaravin {margin:20vw 0 0 0;}

  .lebaravin__h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.4em;
    letter-spacing:0.1em;
    line-height:1.7em;
    color:rgba(0,0,0,0.7);
    margin-top:6vw;
  }

  .lebaravin__p {
    text-align:justify;
    color:rgba(0,0,0,0.7);
  }

  .lebaravin__image-area {padding:0;}

  .lebaravin__text-area {padding:0 7vw;}

/* --- 応募方法 --- */
  .fair1122-2018__application-area {
    width:95%;
    margin:20vw auto 14vw auto;
  }

  .fair1122-2018__application-area-h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.4em;
    letter-spacing:0.15em;
    text-align:center;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__application {
    align-items:center;
    margin:6vw 0 14vw 0;
  }

  .fair1122-2018__application-list {
    border:1px solid #7d7d7d;
    text-align:center;
    padding:4vw 4vw;
    justify-content:center;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__border--none {
    border:none;
    display:flex;
    align-items:center;
  }

/* --- 注意事項 --- */
  .fair1122-2018__consideration {
    background:#cec7be;
    padding:12vw 0;
    margin:20vw 0;
  }
  .fair1122-2018__consideration-p {
    width:90%;
    display:block;
    margin:0 auto;
    color:rgba(0,0,0,0.7);
  }
  .fair1122-2018__consideration-h4 {
    font-family: 'Lusitana', serif;
    font-weight: 300;
    font-size:1.4em;
    letter-spacing:0.15em;
    text-align:center;
    color:rgba(0,0,0,0.7);
  }

  .fair1122-2018__consideration-ol {
    width:90%;
    margin:4vw auto 0 auto;
  }

  .fair1122-2018__consideration-list {
    list-style:inside;
    line-height:2.0em;
    letter-spacing:0.1em;
    text-align:justify;
    color:rgba(0,0,0,0.7);
  }

}