@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/*メインイメージ*/
.mainimg .mainimg__img-box { background: url("/oyako/img/spot/titleimg_02.png") center top 30%/cover no-repeat; }

/*スポット詳細*/
.culture-dtl { position: relative; }
.culture-dtl h2 { margin-bottom: 5%; font-size: 2.4rem; line-height: 1.3; letter-spacing: normal; }
@media (min-width: 769px) { .culture-dtl h2 { font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 3.1311154599 ); } }
@media (min-width: 1280px) { .culture-dtl h2 { font-size: 4rem; } }
.culture-dtl .culture-dtl__slider { margin-bottom: 20px; }
.culture-dtl .culture-dtl__slider .slider_main { margin-bottom: 15px; }
.culture-dtl .culture-dtl__slider .slider_main .slick-arrow { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); font-size: 3.2rem; color: #fff; width: 25px; height: 60px; line-height: 60px; text-align: center; z-index: 1; cursor: pointer; }
.culture-dtl .culture-dtl__slider .slider_main .slick-arrow.prev { left: 0; }
.culture-dtl .culture-dtl__slider .slider_main .slick-arrow.next { right: 0; }
.culture-dtl .culture-dtl__slider .slider_sub { margin-left: -15px; }
.culture-dtl .culture-dtl__slider .slider_sub .img_sub { padding-left: 15px; background: #fff; opacity: 0.5; }
.culture-dtl .culture-dtl__slider .slider_sub .img_sub:last-child { margin-right: 0%; }
.culture-dtl .culture-dtl__slider .slider_sub .slick-current { transition: 0.5s; opacity: 1; }
.culture-dtl .culture-dtl__slider .slider_sub .slick-track { transform: unset !important; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-desc { margin-bottom: 40px; font-size: 1.4rem; }
@media (min-width: 769px) { .culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-desc { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-desc { font-size: 1.8rem; } }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info { text-align: center; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3 { display: inline-block; position: relative; margin-bottom: 12px; font-size: 1.8rem; font-family: "montserrat", "A1 Gothic M", "Times New Roman", Times, "serif"; }
@media (min-width: 769px) { .culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3 { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3 { font-size: 2rem; } }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3:before, .culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 25px; height: 1px; background-color: #808080; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3:before { left: -45px; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3:after { right: -45px; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info ul { margin: auto; background: #f3fbfb; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 13px; border-bottom: 1px solid #fff; font-size: 1.3rem; }
@media (min-width: 769px) { .culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info ul li { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.5870841487 ); } }
@media (min-width: 1280px) { .culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info ul li { font-size: 1.6rem; } }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info ul li .culture-dtl__wrap-txt-info-main { flex: 0 1 25%; width: 25%; max-width: 25%; text-align: left; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info ul li .culture-dtl__wrap-txt-info-sub { flex: 0 1 75%; width: 75%; max-width: 75%; text-align: left; }
.culture-dtl .culture-dtl__wrap-txt .culture-dtl__attent { margin-top: 10px; font-size: 1.2rem; text-align: left; }

.culture-dtl__dot { margin-bottom: 40px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .culture-dtl .culture-dtl__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .culture-dtl .culture-dtl__wrap .culture-dtl__slider { flex: 0 1 59%; width: 59%; max-width: 59%; }
  .culture-dtl .culture-dtl__wrap .culture-dtl__slider .slider_main { margin-bottom: 30px; }
  .culture-dtl .culture-dtl__wrap .culture-dtl__slider .slider_main .slick-arrow { width: 40px; }
  .culture-dtl .culture-dtl__wrap .culture-dtl__wrap-txt { flex: 0 1 38%; width: 38%; max-width: 38%; }
  .culture-dtl .culture-dtl__wrap .culture-dtl__wrap-txt .culture-dtl__wrap-txt-info h3 { margin-bottom: 20px; } }
/*------------------------------
		981px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */