.autumn_cp { background: white; color: #333; position: relative; }
@media screen and (max-width: 685px) { .autumn_cp .c-pc { display: none; } }
@media all and (min-width: 686px) { .autumn_cp .c-sp { display: none; } }

.autumn_cp .mainvisual { background: url(../../../travel/2018_autumn_cp/img/main_bg.jpg) no-repeat left top; height: 265px; padding: 0 0 0 292px; position: relative; }
@media screen and (max-width: 685px) { .autumn_cp .mainvisual { background: url(../../../travel/2018_autumn_cp/img/main_bg_sp.jpg) no-repeat left top; height: 410px; padding: 0px; } }
.autumn_cp .mainvisual img { position: relative; z-index: 10; }
@media screen and (max-width: 685px) { .autumn_cp .mainvisual img { display: none; } }
.autumn_cp .mainvisual::before { border: 1px solid white; bottom: 10px; content: ""; left: 10px; margin: auto; position: absolute; right: 10px; top: 10px; }
@media screen and (max-width: 685px) { .autumn_cp .mainvisual::before { bottom: 30px; left: 30px; right: 30px; top: 30px; } }
.autumn_cp .mainvisual::after { background: url(../../../travel/2018_autumn_cp/img/main_bg02.png) no-repeat left top; content: ""; height: 127px; left: 236px; position: absolute; top: 12px; width: 452px; z-index: 1; }
@media screen and (max-width: 685px) { .autumn_cp .mainvisual::after { content: none; } }

.autumn_cp .lead { font-size: 16px; line-height: 30px; margin: 35px 0 55px; text-align: center; }
@media screen and (max-width: 685px) { .autumn_cp .lead { font-size: 24px; line-height: 2em; text-align: left; margin: 20px 30px 60px; } }

.autumn_cp .poster { margin: 0 0 75px; position: relative; }
@media screen and (max-width: 685px) { .autumn_cp .poster { margin: 0 0 45px; } }

.autumn_cp .poster__title { margin: 0 0 20px; text-align: center; }

.autumn_cp .poster__img { height: 509px; margin: 0 auto 35px; width: 734px; position: relative; }
.autumn_cp .poster__img img { position: absolute; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; border: 1px solid #f0f0f0; }
@media screen and (max-width: 685px) { .autumn_cp .poster__img { height: 433px; margin: 0 30px 30px; width: auto; }
  .autumn_cp .poster__img img { width: 100%; } }

.autumn_cp .poster__list { font-size: 0; text-align: center; }
@media screen and (max-width: 685px) { .autumn_cp .poster__list { display: flex; justify-content: center; margin: 0 30px; } }
.autumn_cp .poster__list li { cursor: pointer; display: inline-block; margin: 0 15px; width: 115px; height: 82px; position: relative; box-sizing: border-box; border: 1px solid #f0f0f0; }
@media screen and (max-width: 685px) { .autumn_cp .poster__list li { width: calc((100% - 60px) * .25); margin: 0px 20px; } }
.autumn_cp .poster__list li img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; box-sizing: border-box; transition: all 200ms ease; }
.autumn_cp .poster__list li[data-current="true"] { pointer-events: none; }
.autumn_cp .poster__list li[data-current="true"] img { opacity: .6; }

.autumn_cp .poster__prev, .autumn_cp .poster__next { background: url(../../../travel/2018_autumn_cp/img/main_arrow.png) no-repeat 17px 50% #f4a38e; border-radius: 100%; cursor: pointer; height: 43px; position: absolute; top: 270px; width: 43px; transition: all 200ms ease; }
@media all and (min-width: 686px) { .autumn_cp .poster__prev:hover, .autumn_cp .poster__next:hover { background-position: 22px 50%; } }
@media screen and (max-width: 685px) { .autumn_cp .poster__prev, .autumn_cp .poster__next { background-position: 25px 50%; background-size: 14px auto; height: 60px; top: 230px; width: 60px; } }
.autumn_cp .poster__prev { left: 35px; transform: rotate(180deg); }
@media screen and (max-width: 685px) { .autumn_cp .poster__prev { left: 10px; } }
.autumn_cp .poster__next { right: 35px; }
@media screen and (max-width: 685px) { .autumn_cp .poster__next { right: 10px; } }

.autumn_cp .cm { margin: 0px 0px 60px; }
@media screen and (max-width: 685px) { .autumn_cp .cm { margin: 0px 30px 45px; } }

.autumn_cp .cm__title { margin: 0px 0px 20px; text-align: center; }

.autumn_cp .cm__movie { width: 730px; margin: 0px auto; }
@media screen and (max-width: 685px) { .autumn_cp .cm__movie { width: auto; }
  .autumn_cp .cm__movie iframe { width: 100%; height: calc(56.3vw - 30px); }
  .autumn_cp .cm__movie img { width: 100%; } }

.autumn_cp .bn01 { margin: 60px auto 60px; text-align: center; width: 700px; }
@media screen and (max-width: 685px) { .autumn_cp .bn01 { margin: 45px auto; width: 626px; } }
.autumn_cp .bn01 img { margin: 0px auto; }
.autumn_cp .bn01 a { display: block; }
@media all and (min-width: 686px) { .autumn_cp .bn01 a { transition: all 200ms ease; }
  .autumn_cp .bn01 a:hover { opacity: 0.7; } }

.autumn_cp .introduction { margin: 0 0 50px; }

.autumn_cp .introduction__img { margin: 0 0 35px; }
@media screen and (max-width: 685px) { .autumn_cp .introduction__img { margin: 0; }
  .autumn_cp .introduction__img img { height: 335px; width: 100%; object-fit: cover; object-position: 90% center; } }

.autumn_cp .introduction__lead { font-size: 16px; line-height: 30px; margin: 0 0 35px; text-align: center; }
@media screen and (max-width: 685px) { .autumn_cp .introduction__lead { font-size: 24px; line-height: 2em; margin: 20px 30px 35px; text-align: left; } }

.autumn_cp .introduction__koyo { font-size: 16px; line-height: 30px; margin: 0 0 25px; text-align: center; }
@media screen and (max-width: 685px) { .autumn_cp .introduction__koyo { font-size: 24px; line-height: 1.5em; margin: 0 30px 45px; text-align: left; } }
.autumn_cp .introduction__koyo::before { background: url(../../../travel/2018_autumn_cp/img/introduction_icon.png) no-repeat left top; background-size: contain; content: ""; display: inline-block; height: 24px; margin: 0 10px 0 0; vertical-align: -6px; width: 24px; }
@media screen and (max-width: 685px) { .autumn_cp .introduction__koyo::before { display: block; float: left; height: 44px; width: 44px; } }
.autumn_cp .introduction__koyo a { color: #300; }

.autumn_cp .introduction__spec { background: #fbf9f1; border: 1px solid #c6c6bd; margin: 0 35px; overflow: hidden; padding: 30px 0 22px 30px; }
@media screen and (max-width: 685px) { .autumn_cp .introduction__spec { margin: 0 30px; padding: 35px 35px 25px 35px; } }
.autumn_cp .introduction__spec dt { background: #8e8d7b; font-size: 14px; line-height: 22px; width: 73px; }
.autumn_cp .introduction__spec dt { background: #8e8d7b; color: white; float: left; font-size: 14px; font-weight: normal; line-height: 22px; margin: 0 10px 8px 0; text-align: center; width: 73px; }
@media screen and (max-width: 685px) { .autumn_cp .introduction__spec dt { float: none; font-size: 19px; line-height: 32px; margin: 0; width: 100px; } }
.autumn_cp .introduction__spec dd { float: left; font-size: 14px; line-height: 22px; margin: 0 0 8px; width: 340px; }
@media screen and (max-width: 685px) { .autumn_cp .introduction__spec dd { float: none; font-size: 19px; line-height: 32px; margin: -32px 0 10px 115px; width: auto; } }

.autumn_cp .access { background: url(../../../travel/2018_autumn_cp/img/access_pc.png) no-repeat 0 170px #f0f0f0; box-sizing: border-box; height: 950px; padding: 60px 0 0; position: relative; }
@media screen and (max-width: 685px) { .autumn_cp .access { padding: 55px 0 0; height: 1000px; background: url(../../../travel/2018_autumn_cp/img/access_sp.png) no-repeat 0 185px #f0f0f0; } }

.autumn_cp .access__title { margin: 0 0 20px; text-align: center; }

.autumn_cp .access dl { position: absolute; width: 270px; top: 455px; }
@media screen and (max-width: 685px) { .autumn_cp .access dl { top: 515px; } }
.autumn_cp .access dl dt { color: #333; font-size: 18px; font-weight: bold; line-height: 24px; text-align: center; margin: 0px 0px 5px; }
@media screen and (max-width: 685px) { .autumn_cp .access dl dt { font-size: 20px; } }
.autumn_cp .access dl dd { text-align: center; }
.autumn_cp .access dl dd p { color: #333; font-size: 16px; line-height: 24px; margin: 0; text-align: center; margin: 0px 0px 5px; }
@media screen and (max-width: 685px) { .autumn_cp .access dl dd p { font-size: 20px; } }
@media all and (min-width: 686px) { .autumn_cp .access dl dd a { transition: all 200ms ease; }
  .autumn_cp .access dl dd a:hover { opacity: 0.7; } }
.autumn_cp .access__4 { left: 190px; }
@media screen and (max-width: 685px) { .autumn_cp .access__4 { left: 55px; } }
.autumn_cp .access__3 { right: 200px; }
@media screen and (max-width: 685px) { .autumn_cp .access__3 { right: 55px; } }
.autumn_cp .access__3--caption { font-size: 11px !important; }
@media screen and (max-width: 685px) { .autumn_cp .access__3--caption { font-size: 14px !important; } }

.autumn_cp .map { background: url(../../../travel/2018_autumn_cp/img/map_bg.jpg) no-repeat left top; padding: 35px 0px 35px; height: 617px; box-sizing: border-box; }
@media screen and (max-width: 685px) { .autumn_cp .map { height: 567px; } }

.autumn_cp .map__title { margin: 0 0 25px; text-align: center; }

.autumn_cp .map__lead { font-size: 16px; line-height: 26px; margin: 0px 0px 30px 75px; }
@media screen and (max-width: 685px) { .autumn_cp .map__lead { text-align: center; font-size: 22px; margin: 0px 0px 40px; } }
.autumn_cp .map__lead::before { background: url(../../../travel/2018_autumn_cp/img/map_icon.png) no-repeat left top; content: ""; display: inline-block; height: 24px; margin: 0 10px 0 0; vertical-align: -6px; width: 24px; }

.autumn_cp .map__photos { width: 821px; margin: 0px auto; height: 426px; background: url(../../../travel/2018_autumn_cp/img/map.png) no-repeat left top; position: relative; }
@media screen and (max-width: 685px) { .autumn_cp .map__photos { margin: 0px 0px 0px 10px; transform: scale(0.82); transform-origin: left top; } }
.autumn_cp .map__photos li { position: absolute; }
@media all and (min-width: 686px) { .autumn_cp .map__photos li a { transition: all 200ms ease; }
  .autumn_cp .map__photos li a:hover { opacity: 0.7; } }
.autumn_cp .map__photos--01 { left: 35px; top: -5px; }
.autumn_cp .map__photos--02 { left: 304px; top: -20px; }
.autumn_cp .map__photos--03 { left: 619px; top: 42px; }
.autumn_cp .map__photos--04 { left: 158px; top: 210px; }

.autumn_cp .map__overflow { background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; display: none; }
.autumn_cp .map__overflow--close { width: 38px; height: 38px; background: url(../../../travel/2018_autumn_cp/img/close.png) no-repeat left top; position: fixed; z-index: 10; left: 50%; top: 50%; cursor: pointer; margin: -267px 0px 0px 330px; }
.autumn_cp .map__overflow--img { width: 700px; height: 494px; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 1; }
.autumn_cp .map__overflow--img img { border: 6px solid white; }

.autumn_cp .timetable { background: #fce9db; padding: 55px 0px 50px; }

.autumn_cp .timetable__title { text-align: center; margin: 0px 0px 30px; }

.autumn_cp .timetable__detail { background: white; width: 732px; margin: 0px auto 10px; padding: 35px; box-sizing: border-box; }
@media screen and (max-width: 685px) { .autumn_cp .timetable__detail { margin: 0px auto 15px; width: auto; padding: 25px 30px; } }
.autumn_cp .timetable__detail h3 { background: #eb6100; border-radius: 10px; padding: 12px 15px; font-size: 0px; margin: 0px 0px 15px; }
.autumn_cp .timetable__detail p { font-size: 16px; line-height: 26px; margin: 0px 0px 25px 0px; }
@media screen and (max-width: 685px) { .autumn_cp .timetable__detail p { font-size: 22px; line-height: 30px; } }
.autumn_cp .timetable__detail h4 { margin: 0px 0px 15px 0px; font-size: 0px; }
@media screen and (max-width: 685px) { .autumn_cp .timetable__detail div img { width: 100%; } }

.autumn_cp .timetable__caption { width: 732px; margin: 0px auto; }
@media screen and (max-width: 685px) { .autumn_cp .timetable__caption { width: auto; margin: 0px 30px; } }
.autumn_cp .timetable__caption li { font-size: 14px; line-height: 24px; color: #333; text-indent: -1em; padding: 0px 0px 0px 1em; }
@media screen and (max-width: 685px) { .autumn_cp .timetable__caption li { font-size: 20px; line-height: 30px; } }

.autumn_cp .limited { padding: 50px 0 0; }

.autumn_cp .limited__title { margin: 0 0 20px 0; text-align: center; }
@media screen and (max-width: 685px) { .autumn_cp .limited__title { margin: 0 15px 20px; }
  .autumn_cp .limited__title img { width: 100%; } }

.autumn_cp .limited__lead { font-size: 16px; line-height: 26px; margin: 0 0 20px 0; text-align: center; }
@media screen and (max-width: 685px) { .autumn_cp .limited__lead { font-size: 24px; line-height: 36px; margin: 0 30px 30px; text-align: left; } }

.autumn_cp .limited__course { background: #f1eadf; border: 1px solid #b28850; margin: 0 auto 25px; padding: 19px 0; text-align: center; width: 650px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__course { margin: 0 30px 30px; width: auto; } }

.autumn_cp .limited__conditions { margin: 0 auto 15px; width: 620px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__conditions { margin: 0 30px 30px; width: auto; } }
.autumn_cp .limited__conditions dt { background: #b94437; color: white; font-size: 16px; font-weight: normal; line-height: 26px; text-align: center; width: 53px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__conditions dt { font-size: 24px; line-height: 30px; width: 85px; } }
.autumn_cp .limited__conditions dd { font-size: 16px; line-height: 26px; margin: -26px 0 10px 70px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__conditions dd { font-size: 24px; line-height: 30px; margin: -30px 0 15px 100px; } }
.autumn_cp .limited__conditions dd a { color: #300; }
.autumn_cp .limited__conditions dd a::before { border-color: transparent transparent transparent #900; border-style: solid; border-width: 6px 0 6px 10px; content: ""; display: inline-block; height: 0; margin: 0 5px 0 0; width: 0; }
@media screen and (max-width: 685px) { .autumn_cp .limited__conditions dd a::before { vertical-align: 2px; } }

.autumn_cp .limited__caption { color: #333; font-size: 14px; line-height: 26px; margin: 0 auto 40px; width: 620px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__caption { font-size: 22px; line-height: 30px; margin: 0 30px 40px 30px; padding: 0 0 0 1em; text-indent: -1em; width: auto; } }

.autumn_cp .limited__spot { display: flex; justify-content: space-between; margin: 0 auto; width: 816px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__spot { margin: 0 30px; width: auto; } }
.autumn_cp .limited__spot div { width: 370px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__spot div { width: calc(50% - 10px); }
  .autumn_cp .limited__spot div > img { width: 100%; } }
.autumn_cp .limited__spot h3 { font-size: 0; margin: 30px 0 20px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__spot h3 { margin: 15px 0 15px; } }
.autumn_cp .limited__spot p { font-size: 16px; line-height: 30px; margin: 0 0 10px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__spot p { font-size: 24px; line-height: 36px; } }

.autumn_cp .limited__bus { margin: 0 auto 70px; width: 662px; }
@media screen and (max-width: 685px) { .autumn_cp .limited__bus { margin: 0 30px 60px; width: auto; } }
.autumn_cp .limited__bus h3 { margin: 0 0 15px; }
.autumn_cp .limited__bus ul { margin: 10px 0 0; }
.autumn_cp .limited__bus li { font-size: 14px; line-height: 24px; padding: 0 0 0 1em; text-indent: -1em; }
@media screen and (max-width: 685px) { .autumn_cp .limited__bus li { font-size: 24px; line-height: 1.5em; } }
@media screen and (max-width: 685px) { .autumn_cp .limited__bus--timetable img { width: 100%; } }

.autumn_cp .event { border: 7px solid #f1ece4; margin: 0 35px; outline: 1px solid #d1c0a5; padding: 25px 30px 35px 35px; position: relative; }
@media screen and (max-width: 685px) { .autumn_cp .event { padding: 20px 35px 5px 35px; margin: 0px 30px; } }
.autumn_cp .event::before { background: url(../../../common/img/logo.png) no-repeat left top; background-size: contain; content: ""; height: 87px; left: 35px; position: absolute; top: -7px; width: 58px; }
@media screen and (max-width: 685px) { .autumn_cp .event::before { width: 80px; height: 119px; } }

.autumn_cp .event__title { margin: 0 0 40px 93px; font-size: 0px; }
@media screen and (max-width: 685px) { .autumn_cp .event__title img { display: block; margin: 0px 0px 10px; } }

@media all and (min-width: 686px) { .autumn_cp .event__detail { display: flex; justify-content: space-between; } }
.autumn_cp .event__detail div { box-sizing: border-box; min-height: 175px; padding: 0 0 0 190px; position: relative; width: 385px; }
@media screen and (max-width: 685px) { .autumn_cp .event__detail div { margin: 0px 0px 30px; padding: 0 0 0 265px; width: auto; min-height: 245px; } }
.autumn_cp .event__detail div img { left: 0; position: absolute; top: 0; }
@media screen and (max-width: 685px) { .autumn_cp .event__detail div img { height: 245px; } }
.autumn_cp .event__detail div h4 { font-size: 18px; font-weight: normal; line-height: 30px; margin: 0 0 10px; }
@media screen and (max-width: 685px) { .autumn_cp .event__detail div h4 { font-size: 26px; line-height: 1.4em; } }
.autumn_cp .event__detail div p { font-size: 14px; line-height: 18px; margin: 0; }
@media screen and (max-width: 685px) { .autumn_cp .event__detail div p { font-size: 24px; line-height: 1.4em; } }
.autumn_cp .event__detail div a { background: #ae2431; bottom: 0; color: white; display: block; font-size: 14px; line-height: 25px; padding: 5px 0; position: absolute; right: 0; text-align: center; text-decoration: none; width: 195px; }
@media all and (min-width: 686px) { .autumn_cp .event__detail div a { transition: all 200ms ease; }
  .autumn_cp .event__detail div a:hover { opacity: 0.7; } }
@media screen and (max-width: 685px) { .autumn_cp .event__detail div a { width: 276px; line-height: 30px; padding: 10px 0px; font-size: 22px; } }
.autumn_cp .event__detail div a::before { width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 7px; border-color: transparent transparent transparent white; display: inline-block; content: ""; margin: 0px 5px 0px 0px; vertical-align: 1px; }
@media screen and (max-width: 685px) { .autumn_cp .event__detail div a::before { transform: scale(1.6); transform-origin: right center; vertical-align: 3px; margin: 0px 10px 0px 0px; } }

.autumn_cp { background: white; color: black; padding: 0px 0px 35px; }