@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes load { 0% { transform: translateY(0); }
  25% { transform: translateY(-10px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@keyframes slide { 0% { transform: translateX(0); }
  100% { transform: translateX(-10%); } }
@keyframes arrow { 0% { transform: scale(0, 1); transform-origin: 0 0; }
  50% { transform: scale(1, 1); transform-origin: 0 0; }
  50.1% { transform: scale(1, 1); transform-origin: 100% 0; }
  100% { transform: scale(0, 1); transform-origin: 100% 0; } }
.outline { margin-bottom: 30px; }
.outline__wp { margin: 0 0 4px; }
.outline__con { background: #fff; border: solid 1px #1A150F; }
.outline__con-box { width: 100%; border-bottom: 1px solid; border-color: #5b5b5b; }
.outline__con-box-ttl { font-size: 1.3rem; box-sizing: border-box; padding: 5px; text-align: center; color: #FFF; background: #fde7bd; background: linear-gradient(90deg, #43382C 20%, #292118 100%); border-bottom: 1px solid; border-color: #1A150F; }
@media (min-width: 769px) { .outline__con-box-ttl { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.9920318725 ); } }
@media (min-width: 1020px) { .outline__con-box-ttl { font-size: 1.8rem; } }
.outline__con-box-txt { font-size: 1.3rem; box-sizing: border-box; position: relative; padding: 5px 10px; }
@media (min-width: 769px) { .outline__con-box-txt { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.9920318725 ); } }
@media (min-width: 1020px) { .outline__con-box-txt { font-size: 1.8rem; } }
.outline__con-box-txt .outline__access { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.outline__con-box-txt .outline__access .access__point { flex: 0 1 80%; width: 80%; max-width: 80%; max-width: 320px; }
.outline__con-box-txt .outline__access .access__dstnce { flex: 0 1 20%; width: 20%; max-width: 20%; text-align: right; }
.outline__con-box:last-child { border: none; }
.outline__con-box.wi-50 { 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; }
.outline__con-box.wi-50 .outline__con-50 { flex: 0 1 50%; width: 50%; max-width: 50%; box-sizing: border-box; }
.outline__con-box.wi-50 .outline__con-50:first-child { border-right: 1px solid; border-color: #1A150F; }

.swiper__all .swiper__main { margin: 0% 0% 2.94% 0%; position: relative; width: 100vw; max-width: 100%; background: #dddddd; }
.swiper__all .swiper__main .swiper.item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; }
.swiper__all .swiper__main .swiper.item figure { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: auto; max-height: 90%; max-width: 90%; transform: translate(-50%, -50%) scale(1.7); }
.swiper__all .swiper__main .swiper.item figure .img-txt { position: absolute; bottom: -2.5px; right: -15px; width: 160px; height: 20px; font-size: 1.2rem; color: #fff; background: rgba(0, 0, 0, 0.7); transform: scale(0.5); }
.swiper__all .swiper__main .swiper.item figure .img-txt span { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.swiper__all .swiper__main .swiper.item .swiper-pagination { font-size: 1.2rem; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 5px; text-align: center; }
@media (min-width: 769px) { .swiper__all .swiper__main .swiper.item .swiper-pagination { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.796812749 ); } }
@media (min-width: 1020px) { .swiper__all .swiper__main .swiper.item .swiper-pagination { font-size: 1.4rem; } }
.swiper__all .swiper__main .swiper.item .slide-arrow { cursor: pointer; width: 35px; height: 35px; background: #1A150F; z-index: 2; }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-prev { left: 0; }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-prev::after { left: 40%; border-top: solid 2px #fff; border-left: solid 2px #fff; transform: rotate(-45deg); }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-next { right: 0; }
.swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-next::after { left: 25%; border-top: solid 2px #fff; border-left: solid 2px #fff; transform: rotate(135deg); }
.swiper__all .swiper__main .swiper.item .slide-arrow::after { position: absolute; content: "" !important; top: 33%; width: 10px; height: 10px; }
.swiper__all .swiper__main .slider_img { position: absolute; bottom: 0; right: 3px; font-size: 1rem; color: #000; }
.swiper__all .swiper__main::before { content: ''; display: block; padding-top: 75%; }

.thumb { width: 100%; margin: 0 auto 20px; }
.thumb .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; 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; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.thumb .swiper-wrapper .swiper-slide { flex: 0 1 19.6%; width: 19.6%; max-width: 19.6%; position: relative; margin-right: 0.5% !important; margin-bottom: 0.5%; z-index: 1; cursor: pointer; overflow: hidden; }
.thumb .swiper-wrapper .swiper-slide figure { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: auto; max-height: 100%; max-width: 100%; }
.thumb .swiper-wrapper .swiper-slide figure img { transform: scale(2.5); }
.thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after { box-sizing: border-box; content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; border: solid 4px #1A150F; }
.thumb .swiper-wrapper .swiper-slide::before { content: ''; display: block; padding-top: 75%; }
.thumb .swiper-wrapper .swiper-slide:nth-child(5), .thumb .swiper-wrapper .swiper-slide:nth-child(10) { margin-right: 0 !important; }

.istttn .swiper__all .swiper__main .swiper.item figure .img-txt { right: -53px; width: 220px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .outline__con { border: solid 1px #1A150F; }
  .outline__con-box { 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; width: 100%; border-bottom: 1px solid; border-color: #5b5b5b; }
  .outline__con-box-ttl { flex: 0 1 170px; width: 170px; max-width: 170px; border-right: 1px solid; border-bottom: none; padding: 10px 0; }
  .outline__con-box-txt { flex: 0 1 calc(100% - 170px); width: calc(100% - 170px); max-width: calc(100% - 170px); padding: 10px 20px; }
  .outline__con-box-txt .outline__access .access__point { max-width: 380px; }
  .outline__con-box.wi-50 .outline__con-50 { 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; }
  .swiper__all .swiper__main .swiper.item .slide-arrow { width: 65px; height: 65px; }
  .swiper__all .swiper__main .swiper.item .slide-arrow.swiper-button-next::after { left: 10%; }
  .swiper__all .swiper__main .swiper.item .slide-arrow::after { top: 25%; width: 30px; height: 30px; }
  .swiper__all .swiper__main::before { padding-top: 63.8%; } }
/*------------------------------
		1021px以上
------------------------------*/
/*------------------------------
		1221px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

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