// 20260212 #sec9_add { position: relative; background-image: url("../img/menu/sec9_bg02.jpg"), url("../img/menu/sec10_bg.png"), url("../img/menu/sec9_bg.jpg"); background-repeat: no-repeat, no-repeat, repeat-y; background-position: top center, bottom center, top center; background-size: 100% auto; padding: 0px 0 20vw; overflow: hidden; .set1 { padding-top: 20vw; margin-bottom: 0; h2 { margin: 0 auto 5vw; } .note { color: #fff; line-height: 1.8; margin-bottom: 5vw; padding-left: 3.5vw; padding-right: 3.5vw; margin-bottom: 10vw; } .infiniteslide2 { align-items: flex-start!important; } .slider__s { position: relative; margin-bottom: 10vw; height: 100vw; overflow: hidden; .box { position: relative; margin-right: 4vw; width: 65vw; text-align: center; float: left; &.odd { .photo { padding-top: 15vw; } } .photo { width: 100%; margin-bottom: -5vw; margin-top: 0; } .tt-1 { text-align: center; position: relative; z-index: 2; margin-bottom: 4vw; margin-top: 0; span { background: url(../img/menu/sec10_bg02.jpg); height: 10vw; line-height: 10vw; text-align: center; width: 35vw; margin: 0 auto; display: block; color: #521900; font-size: 4.5vw; } } .tt-2 { font-size: 3.8vw; font-weight: 600; line-height: 1.8; margin-bottom: 1vw; margin-top: 0; } .tt-3 { font-size: 3.15vw; line-height: 1.8; font-weight: 500; margin-bottom: 2vw; margin-top: 0; } } } .notes { text-align: center; } } .set2 { position: relative; padding-left: 3.5vw; padding-right: 3.5vw; h2 { margin-bottom: 16px; } .box { margin: 0 auto; color: #000000; position: relative; padding: 8vw 5vw; background: url("../img/menu/sec10_bg02.jpg"); h3 { position: relative; } } .bnr { margin: 5vw auto 0; position: relative; &::after { content: ""; border-top: 1px solid #767573; height: 1px; position: absolute; top: 0; left: 0; right: 0; } a { display: block; } } .feedBox { position: relative; padding: 8vw 0 5vw; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-bottom: 0; align-items: center; .photo { width: 45%; height: 120px; a { display: block; width: 100%; height: 100%; transition: all .4s ease; } span { display: block; width: 100%!important; height: 100%!important; background-size: cover!important } } .feedContent { width: 50%; .time { color: #930510; line-height: 1; margin-bottom: 9px; } .desc { line-height: 1.8; margin-bottom: 0; margin-top: 0; } } } .linkMore { text-align: center; display: block; margin: 0 auto; color: #930510; width: 105px; position: relative; padding-right: 0; &::after { content: ""; background: url(../img/index/arrow.png) no-repeat center; background-size: 100% auto; width: 15px; height: 13px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } } } }