.con-event .box-event { margin-left: auto; margin-right: auto; width: calc(100% - 80px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-event .box-event { width: 92%; } }
@media only screen and (max-width: 767px) { .con-event .box-event { width: 89.6%; } }

.con-traveling_lacook { margin-left: auto; margin-right: auto; width: calc(100% - 160px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-traveling_lacook { width: 92%; } }
@media only screen and (max-width: 767px) { .con-traveling_lacook { width: 84%; } }

/*Animate */
/* ----------------------------------------------------------- #traveling header
----------------------------------------------------------- */
body#traveling header.hamburger-menu-on { background: none; backdrop-filter: blur(0); }
body#traveling header.hamburger-menu-on .con-header .logo a .logo-lacook { background-color: #fff; }
body#traveling header.hamburger-menu-on .con-header .gnav .gnav-mainlist li a { color: #fff; }
@media only screen and (min-width: 1025px) { body#traveling header.hamburger-menu-on .con-header .gnav .gnav-mainlist li a:after { background-color: #fff; } }
@media print { body#traveling header.hamburger-menu-on .con-header .gnav .gnav-mainlist li a:after { background-color: #fff; } }
.ie8 body#traveling header.hamburger-menu-on .con-header .gnav .gnav-mainlist li a:after { background-color: #fff; }
body#traveling header.hamburger-menu-on .con-header .button-menu .bar:before, body#traveling header.hamburger-menu-on .con-header .button-menu .bar:after { background-color: #fff; }

/* ----------------------------------------------------------- .con-mainvisual
----------------------------------------------------------- */
.con-mainvisual .img { overflow: hidden; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .img { aspect-ratio: 1.2/1; } }
@media only screen and (max-width: 767px) { .con-mainvisual .img { aspect-ratio: 0.85/1; } }
.con-mainvisual .img img { width: 100%; }
@media only screen and (max-width: 1024px) { .con-mainvisual .img img { height: 100%; object-fit: cover; } }

/* ----------------------------------------------------------- .con-about
----------------------------------------------------------- */
.con-about { position: relative; overflow: hidden; }
.con-about:before, .con-about:after { content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; top: 18px; z-index: -1; display: block; }
.con-about:before { background-image: url(../images/traveling/deco-about-left.png); width: 11vw; height: 22vw; left: 0; }
@media only screen and (max-width: 767px) { .con-about:before { width: 22vw; height: 44vw; top: 0; left: -5vw; } }
.con-about:after { background-image: url(../images/traveling/deco-about-right.png); width: 12vw; height: 24vw; right: 0; }
@media only screen and (max-width: 1024px) { .con-about:after { top: auto; bottom: 0; } }
@media only screen and (max-width: 767px) { .con-about:after { width: 24vw; height: 48vw; } }
.con-about .box-about { width: 70%; margin: 0 auto; padding: 120px 0 64px; }
@media only screen and (min-width: 768px) { .con-about .box-about { display: -webkit-flex; display: flex; } }
@media print { .con-about .box-about { display: -webkit-flex; display: flex; } }
.ie8 .con-about .box-about { display: -webkit-flex; display: flex; }
@media only screen and (min-width: 1025px) { .con-about .box-about { -webkit-align-items: flex-end; align-items: flex-end; } }
@media print { .con-about .box-about { -webkit-align-items: flex-end; align-items: flex-end; } }
.ie8 .con-about .box-about { -webkit-align-items: flex-end; align-items: flex-end; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-about .box-about { width: 82%; padding-top: 64px; } }
@media print { .con-about .box-about { width: 82%; padding-top: 64px; } }
.ie8 .con-about .box-about { width: 82%; padding-top: 64px; }
@media only screen and (max-width: 767px) { .con-about .box-about { width: 95%; margin: 0 auto; padding: 48px 0 32px 5%; } }
.con-about .box-about .title-basic { width: 47%; }
@media only screen and (max-width: 767px) { .con-about .box-about .title-basic { width: 100%; } }
.con-about .box-about .title-basic span.jp { line-height: 1.43; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-about .box-about .title-basic span.jp { font-size: 4rem; } }
@media print { .con-about .box-about .title-basic span.jp { font-size: 4rem; } }
.ie8 .con-about .box-about .title-basic span.jp { font-size: 4rem; }
.con-about .box-about .txt { width: 53%; font-size: 2rem; font-weight: 400; line-height: 2.2; }
@media only screen and (min-width: 1025px) and (max-width: 1439px) { .con-about .box-about .txt { font-size: 1.8rem; } }
@media print { .con-about .box-about .txt { font-size: 1.8rem; } }
.ie8 .con-about .box-about .txt { font-size: 1.8rem; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-about .box-about .txt { padding-left: 3%; }
  .con-about .box-about .txt br { display: none; } }
@media only screen and (max-width: 767px) { .con-about .box-about .txt { width: 100%; font-size: 1.5rem; margin-top: 24px; } }

/* ----------------------------------------------------------- .con-event
----------------------------------------------------------- */
.con-event { margin-top: 160px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-event { margin-top: 80px; } }
@media only screen and (max-width: 767px) { .con-event { margin-top: 64px; } }
.con-event .title-basic { margin-bottom: 40px; }
@media only screen and (max-width: 767px) { .con-event .title-basic { margin-bottom: 24px; } }
.con-event .box-event { background-color: #F0F0F0; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; padding: 80px 8.3vw; position: relative; }
@media only screen and (max-width: 767px) { .con-event .box-event { padding: 32px 8.3vw; } }
.con-event .box-event:before, .con-event .box-event:after { content: "traveling la-cook From Gifu"; font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; font-weight: 300; letter-spacing: 0.1em; text-align: center; position: absolute; top: 0; bottom: 0; margin: auto 0; color: #9A9A9A; text-transform: uppercase; }
@media only screen and (max-width: 767px) { .con-event .box-event:before, .con-event .box-event:after { top: auto; bottom: 40px; font-size: 1rem; } }
.con-event .box-event:before { transform: scale(-1, -1); left: 1.6vw; }
.con-event .box-event:after { right: 1.6vw; }
@media only screen and (min-width: 768px) { .con-event .box-detail { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-event .box-detail { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-event .box-detail { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.con-event .box-detail .box-txt { order: 1; padding-top: 40px; width: 50%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-event .box-detail .box-txt { padding-top: 0; } }
@media only screen and (max-width: 767px) { .con-event .box-detail .box-txt { width: 100%; } }
.con-event .box-detail .box-txt h3 { font-size: 3.2rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.43; margin-bottom: 24px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-event .box-detail .box-txt h3 { font-size: 2.6rem; margin-bottom: 16px; } }
@media only screen and (max-width: 767px) { .con-event .box-detail .box-txt h3 { font-size: 2rem; margin-bottom: 16px; } }
.con-event .box-detail .box-txt .txt { font-size: 1.8rem; font-weight: 400; letter-spacing: 0.1em; margin-bottom: 64px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-event .box-detail .box-txt .txt { font-size: 1.6rem; margin-bottom: 40px; } }
@media only screen and (max-width: 767px) { .con-event .box-detail .box-txt .txt { font-size: 1.4rem; margin-bottom: 32px; } }
.con-event .box-detail .box-txt table { width: 100%; border-top: 1px solid #DDD; }
@media only screen and (min-width: 1025px) { .con-event .box-detail .box-txt table tr th, .con-event .box-detail .box-txt table tr td { border-bottom: 1px solid #DDD; } }
@media print { .con-event .box-detail .box-txt table tr th, .con-event .box-detail .box-txt table tr td { border-bottom: 1px solid #DDD; } }
.ie8 .con-event .box-detail .box-txt table tr th, .ie8 .con-event .box-detail .box-txt table tr td { border-bottom: 1px solid #DDD; }
@media only screen and (max-width: 1024px) { .con-event .box-detail .box-txt table tr th, .con-event .box-detail .box-txt table tr td { display: block; } }
.con-event .box-detail .box-txt table tr th { color: #9A9A9A; font-size: 1.5rem; line-height: 1.43; letter-spacing: 0.1em; font-weight: 500; padding: 24px; }
@media only screen and (max-width: 1024px) { .con-event .box-detail .box-txt table tr th { padding: 24px 0 8px; } }
@media only screen and (max-width: 767px) { .con-event .box-detail .box-txt table tr th { font-size: 1.3rem; padding: 16px 0 4px; } }
.con-event .box-detail .box-txt table tr td { font-size: 1.8rem; letter-spacing: 0.1em; line-height: 1.43; padding: 24px 0; }
@media only screen and (max-width: 1024px) { .con-event .box-detail .box-txt table tr td { border-bottom: 1px solid #DDD; padding: 0 0 16px; } }
@media only screen and (max-width: 767px) { .con-event .box-detail .box-txt table tr td { font-size: 1.4rem; } }
.con-event .box-detail .box-txt .txt-caution { font-size: 1.4rem; font-weight: 400; letter-spacing: 0.1em; margin-top: 8px; }
@media only screen and (max-width: 767px) { .con-event .box-detail .box-txt .txt-caution { font-size: 1.2rem; letter-spacing: 0; } }
.con-event .box-detail .swiper-event { width: 42.9%; position: relative; order: 2; }
@media only screen and (max-width: 767px) { .con-event .box-detail .swiper-event { width: 100%; } }
.con-event .box-detail .swiper-event .swiper-wrapper .swiper-slide { background-color: #F0F0F0; }
.con-event .box-detail .swiper-event .swiper-wrapper .swiper-slide .txt-caption { font-size: 1.4rem; letter-spacing: 0.1em; font-weight: 400; margin-top: 16px; }
@media only screen and (max-width: 767px) { .con-event .box-detail .swiper-event .swiper-wrapper .swiper-slide .txt-caption { font-size: 1.1rem; margin-top: 4px; letter-spacing: 0; } }
.con-event .box-detail .swiper-event .swiper-event-pagination { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 5em; text-align: center; z-index: 5; }
@media only screen and (max-width: 767px) { .con-event .box-detail .swiper-event .swiper-event-pagination { bottom: 3em; } }
.con-event .box-detail .swiper-event .swiper-event-pagination .swiper-pagination-bullet { opacity: 1; background-color: #fff; }
.con-event .box-detail .swiper-event .swiper-event-pagination .swiper-pagination-bullet-active { transform: scale(1.5); opacity: 0.7; }
.con-event .box-thanks { background-color: #fff; text-align: center; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; padding: 64px 24px; margin-top: 64px; }
@media only screen and (max-width: 767px) { .con-event .box-thanks { padding: 32px 24px; margin-top: 40px; } }
.con-event .box-thanks .txt-en { color: #AFAD69; font-family: "Josefin Sans", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 2.4rem; letter-spacing: 0.24em; margin-bottom: 24px; }
@media only screen and (max-width: 767px) { .con-event .box-thanks .txt-en { font-size: 1.8rem; margin-bottom: 16px; } }
.con-event .box-thanks h3 { font-weight: 500; font-size: 2rem; letter-spacing: 0.1em; }
@media only screen and (max-width: 767px) { .con-event .box-thanks h3 { font-size: 1.5rem; text-align: left; }
  .con-event .box-thanks h3 br { display: none; } }

/* ----------------------------------------------------------- .con-traveling_lacook
----------------------------------------------------------- */
.con-traveling_lacook { text-align: center; margin-top: 160px; }
@media only screen and (max-width: 767px) { .con-traveling_lacook { margin-top: 120px; } }
.con-traveling_lacook .img-title { max-width: 732px; margin: 0 auto 64px; width: 70%; }
@media only screen and (max-width: 767px) { .con-traveling_lacook .img-title { width: 92%; margin-bottom: 40px; } }
.con-traveling_lacook h2 { font-size: 3.2rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.43; margin-bottom: 24px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-traveling_lacook h2 { font-size: 2.6rem; margin-bottom: 16px; } }
@media only screen and (max-width: 767px) { .con-traveling_lacook h2 { font-size: 2rem; margin-bottom: 16px; } }
.con-traveling_lacook .txt { font-size: 1.8rem; font-weight: 400; letter-spacing: 0.1em; margin-bottom: 56px; }
@media only screen and (max-width: 767px) { .con-traveling_lacook .txt { font-size: 1.4rem; margin-bottom: 32px; } }
.con-traveling_lacook .list-traveling_lacook { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(25% - 8px), 1fr)); gap: 8px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-traveling_lacook .list-traveling_lacook { grid-template-columns: repeat(auto-fit, minmax(calc(33% - 8px), 1fr)); } }
@media only screen and (max-width: 767px) { .con-traveling_lacook .list-traveling_lacook { grid-template-columns: repeat(auto-fit, minmax(calc(50% - 8px), 1fr)); } }
.con-traveling_lacook .list-traveling_lacook li a { display: block; overflow: hidden; aspect-ratio: 1/1; }
@media only screen and (min-width: 1025px) { .con-traveling_lacook .list-traveling_lacook li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-traveling_lacook .list-traveling_lacook li a:hover { opacity: 0.7; } }
@media print { .con-traveling_lacook .list-traveling_lacook li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-traveling_lacook .list-traveling_lacook li a:hover { opacity: 0.7; } }
.ie8 .con-traveling_lacook .list-traveling_lacook li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-traveling_lacook .list-traveling_lacook li a:hover { opacity: 0.7; }
.con-traveling_lacook .list-traveling_lacook li a img { width: 100%; height: 100%; object-fit: cover; }
.con-traveling_lacook .button-basic { margin-top: 40px; }