@charset "utf-8";

/*全体*/
/*基本設定*/
.sstripWrap .mainWrap {
    font-size: 14px;
    color: #333;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

@media (max-width: 599px) {
    .sstripWrap .mainWrap {
    font-size: 12px;
    }
}

.sstrip-back01 {
    background: #eef6ff;
}

/*メインビジュアル*/
.sstripImg {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.sstripImg > .box {
    height: 430px;
}

[data-element-id] .sstripImg .show\@sp {
  width: 500px;
}

.sstripImg img {
    width: 100%;
}

.sstripImg .uk-slidenav-position {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.sstripImg .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
}

.sstripImg .uk-slideshow li {
    height: 100% !important;
}

.sstripImg .uk-slideshow .uk-flex {
    height: 100%;
}

.sstripImg .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;

/*IE対策*/
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.sstripImg .catch {
    width: 25%;
    min-width: 319px;
    position: absolute;
    top: 50%;
    left: 50%;
            -webkit-transform: translate(-39%, -50%);
                    transform: translate(-39%, -50%);
    z-index: 1;
}

@media (max-width: 1024px) {
    .sstripImg .catch {
        width: 60%;
    }
}

@media (max-width: 599px) {
    .sstripImg .uk-slideshow li div {
        height: 100%;
    }
}

/*見出し*/
.sstripWrap .ttl01 {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.sstripWrap .ttl01 .sub {
    font-size: 60%;
    color: #3a77c7;
    display: block;
}

@media (max-width: 1024px) {
    .sstripWrap .ttl01 {
        font-size: 22px;
    }
}

@media (max-width: 599px) {
    .sstripWrap .ttl01 {
        font-size: 20px;
    }
}

/*出発地選択*/
.sstripWrap .search {
    background: #444;
    padding: 10px 0;
}

.sstripWrap .search .txt {
    color: #fff;
    margin-right: 10px;
    font-size: 18px;
}

.sstripWrap .search select {
    width: 200px;
    padding: 10px;
    font-size: 15px;
    border-radius: 6px;
}

@media (max-width: 599px) {
    .sstripWrap .search {
        padding: 10px 0;
    }
    
    .sstripWrap .search .txt {
        width: calc(100% - 160px);
        font-size: 14px;
    }
    
    .sstripWrap .search select {
        width: 150px;
        font-size: 16px;
    }
}

/*sstriplink*/
.sstriplink {
    background: #fff;
}

.sstriplink .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.sstriplink .item {
    width: calc(100% / 5);
    position: relative;
    z-index: 0;
}

.sstriplink .item a {
    display: block;
}

.sstriplink .item a:hover {
    text-decoration: underline;
}

.sstriplink .item a .txt {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    padding: 15px 0;
    display: block;
    position: relative;
    z-index: 0;
}

.sstriplink .item a .txt:after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
    position: absolute;
    right: 50%;
    -webkit-animation: uest 0.7s infinite alternate;
            animation: uest 0.7s infinite alternate;
    margin: 7px 0 0 0;
}

@-webkit-keyframes uest {
    0% {
    top: 50%;
    opacity: 0;
    }
    100% {
    top: 66%;
    opacity: 1;
    }
}

@keyframes uest {
    0% {
    top: 50%;
    opacity: 0;
    }
    100% {
    top: 66%;
    opacity: 1;
    }
}

.sstriplink .item a .txt .sub {
    font-size: 70%;
    font-weight: normal;
    display: block;
}

.sstriplink .item:nth-of-type(1) a .txt {
    border-bottom: 4px solid #ea5413;
}

.sstriplink .item:nth-of-type(2) a .txt {
    border-bottom: 4px solid #dadf00;
}

.sstriplink .item:nth-of-type(3) a .txt {
    border-bottom: 4px solid #28a7e1;
}

.sstriplink .item:nth-of-type(4) a .txt {
    border-bottom: 4px solid #14ae67;
}

.sstriplink .item:nth-of-type(5) a .txt {
    border-bottom: 4px solid #eeb52d;
}


@media (max-width: 1024px) {
    .sstriplink .item {
        width: calc(100% / 3 - 5px);
    }
}

@media (max-width: 599px) {
    .sstriplink .box {
        background: #eee;
        padding: 10px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .sstriplink .item {
        width: calc(100% / 3 - 7px);
    }
    
    .sstriplink .item a .txt {
        font-size: 14px;
        padding: 8px 0;
    }

    .sstriplink .item {
        margin-right: 10px;
    }

    .sstriplink .item:nth-of-type(3n) {
        margin-right: 0;
    }

    .sstriplink .item:nth-of-type(n + 4) {
        margin-top: 10px;
    }

    .sstriplink .item:nth-of-type(1) a .txt {
        background: #ea5413;
    }

    .sstriplink .item:nth-of-type(2) a .txt {
        background: #dadf00;
    }

    .sstriplink .item:nth-of-type(3) a .txt {
        background: #28a7e1;
    }

    .sstriplink .item:nth-of-type(4) a .txt {
        background: #14ae67;
    }

    .sstriplink .item:nth-of-type(5) a .txt {
        background: #eeb52d;
    }
}

/*sstripAbout*/
.sstripAbout .box {
    background: #f1f1ef;
    border-radius: 10px;
    padding: 40px;
}

.sstripAbout .box .item {
    color: #444;
}

.sstripAbout .box .item .tit {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.sstripAbout .box .item .list {
    margin-top: 20px;
}

.sstripAbout .box .item .list ul li .txt {
    font-size: 18px;
    color: #42515a;
    text-align: center;
    font-weight: bold;
    padding: 40px 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    position: relative;
    z-index: 0;
}

.sstripAbout .box .item .list ul li .txt:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    bottom: -15px;
    left: 48%;
    position: absolute;
    z-index: 0;
    border-color: #f8c6af transparent transparent transparent;
}

.sstripAbout .box .item .list ul li:nth-of-type(1) .txt {
    background: #ffa57d8c;
}

.sstripAbout .box .item .list ul li:nth-of-type(2) .txt {
    background: #eef15cc2;
}

.sstripAbout .box .item .list ul li:nth-of-type(3) .txt {
    background: #9cd2ea91;
}

.sstripAbout .box .item .list ul li:nth-of-type(1) .txt:after {
    border-color: #f8c6af transparent transparent transparent;
}

.sstripAbout .box .item .list ul li:nth-of-type(2) .txt:after {
    border-color: #eef15cc2 transparent transparent transparent;
}

.sstripAbout .box .item .list ul li:nth-of-type(3) .txt:after {
    border-color: #9cd2ea91 transparent transparent transparent;
}

.sstripAbout .box .item .txtbox {
    font-size: 17px;
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 1024px) {
    .sstripAbout .box {
        padding: 30px;
    }

    .sstripAbout .box .item .list ul li .txt {
        padding: 20px 10px;
    }

    .sstripAbout .box .item .list ul li .txt:after {
        display: none;
    }
}

@media (max-width: 599px) {
    .sstripAbout .box {
        padding: 0;
        background: #fff;
    }

    .sstripAbout .box .item .tit {
        font-size: 16px;
    }

    .sstripAbout .box .item .list ul li .txt {
        padding: 10px 5px;
        font-size: 14px;
    }

    .sstripAbout .box .item .list ul li .txt {
        margin-bottom: 10px;
    }

    .sstripAbout .box .item .txtbox {
        font-size: 15px;
    }
}

/*sstripPoints*/
.sstripPoints .box {
    border: 2px solid #dcdcdc;
    padding: 30px;
    border-radius: 20px;
}

.sstripPoints .box .txtbox .txt .sub {
    font-weight: bold;
}

@media (max-width: 599px) {
    .sstripPoints .box {
        border: none;
        padding: 30px 20px;
        background: #eee;
    }
}

/*sstripTours*/
/*sstripTourslink*/
.sstripTourslink ul li > * {
    font-size: 17px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
}

.sstripTourslink ul li:nth-of-type(1) > * {
    background: #ea5413;
    border-radius: 40px 0 0 40px;
}

.sstripTourslink ul li:nth-of-type(2) > * {
    background: #dadf00;
}

.sstripTourslink ul li:nth-of-type(3) > * {
    background: #28a7e1;
}

.sstripTourslink ul li:nth-of-type(4) > * {
    background: #14ae67;
}

.sstripTourslink ul li:nth-of-type(5) > * {
    background: #eeb52d;
    border-radius: 0 40px 40px 0;
}

.sstripTourslink ul li.active > *:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    position: absolute;
    bottom: -10px;
    left: 40%;
    z-index: 0;
}

.sstripTourslink ul li:nth-of-type(1).active > *:before {
    border-color: #ea5413 transparent transparent transparent;
}

.sstripTourslink ul li:nth-of-type(2).active > *:before {
    border-color: #dadf00 transparent transparent transparent;
}

.sstripTourslink ul li:nth-of-type(3).active > *:before {
    border-color: #28a7e1 transparent transparent transparent;
}

.sstripTourslink ul li:nth-of-type(4).active > *:before {
    border-color: #14ae67 transparent transparent transparent;
}

.sstripTourslink ul li:nth-of-type(5).active > *:before {
    border-color: #eeb52d transparent transparent transparent;
}

@media (max-width: 1024px) {
    .sstripTourslink ul li > * {
        padding: 15px 10px;
    }
}

@media (max-width: 599px) {
    .sstripTourslink {
        overflow: auto;
        overflow-x: scroll;
    }
    
    .sstripTourslink ul {
        width: 600px;
    }

    .sstripTourslink ul li > * {
        font-size: 16px;
        padding: 15px 10px 12px;
    }
}

/*sstripToursItem*/
.sstripToursItem {
    background: #eee;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.sstripToursItem > li {
    background: #fff;
    padding: 30px;
}

.sstripToursItem > li+li {
    border-top: 1px solid #ccc;
}

.sstripToursItem li .fbox .left {
    width: 250px;
}

.sstripToursItem li .fbox .right {
    width: calc(100% - 270px);
}

.sstripToursItem li .fbox .right .txtbox .tit {
    font-size: 25px;
    font-weight: bold;
}

.sstripToursItem li .fbox .right .txtbox .txt {
    color: #555;
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .sstripToursItem li .fbox .left {
        width: 100%;
    }

    .sstripToursItem li .fbox .right {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 599px) {
    .sstripToursItem > li {
        padding: 10px;
    }

    .sstripToursItem li .fbox .right .txtbox .tit {
        font-size: 20px;
    }

    .sstripToursItem li .fbox .right .txtbox .txt {
        margin-top: 5px;
    }
}

/*sstripToursItemInlink*/
.sstripToursItemInlink {
    margin-top: 20px;
}

.sstripToursItemInlink a {
    display: block;
}

.sstripToursItemInlink a .txt {
    font-size: 17px;
    background: #333;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding: 6px 5px 5px;
    display: block;
}

.sstripToursItemInlink a .txt:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    margin-left: 5px;
}

.sstripToursItemInlink a .yen_parent {
    font-size: 22px;
    color: #d81616;
    text-align: center;
    font-weight: bold;
    display: block;
    margin-top: 5px;
}

@media (max-width: 599px) {
    .sstripToursItemInlink a .txt {
        font-size: 15px;
    }

    .sstripToursItemInlink a .yen_parent {
        font-size: 18px;
    }
}

/*sstripToursItemAttempt*/
.sstripToursItemAttempt {
    color: #666;
    background: #eee;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}

.sstripToursItemAttempt .more {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.sstripToursItemAttempt .more:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: "\f358";
    font-weight: 900;
    line-height: 1;
    margin-right: 5px;
}

.sstripToursItemAttempt .txt {
    margin-top: 5px;
}

.sstripToursItemAttempt .txt b {
    color: #333;
    display: block;
}

@media (max-width: 599px) {
    .sstripToursItemAttempt .more {
        font-size: 14px;
    }
}

/*sstripToursBnr*/
.sstripToursBnr {
    margin-top: 50px;
}

.sstripToursBnr .bnr {
    max-width: 100%;
    width: 650px;
    margin: 0 auto;
}

.sstripToursBnr .bnr a {
    display: block;
}

.sstripToursBnr .bnr a .txt {
    color: #1D7DBE;
    text-align: center;
    margin-top: 5px;
}

.sstripToursBnr .bnr a:hover .txt {
    text-decoration: underline;
}

/*sstripQa*/
.sstripQa .box dl {
    border: 2px solid #3a77c7;
    padding: 15px 10px;
    background: #fff;
    -webkit-box-shadow: 2px 2px 2px #e4e4e4;
            box-shadow: 2px 2px 2px #e4e4e4;
}

.sstripQa .box dl+dl {
    margin-top: 20px;
}

.sstripQa .box dl dt,
.sstripQa .box dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sstripQa .box dl dt {
    font-size: 17px;
    border-left: 5px solid #3a77c7;
    padding: 10px 70px 10px 10px;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

.sstripQa .box dl dd {
    font-size: 15px;
    color: #666;
    border-top: 1px dashed #ccc;
    margin-top: 15px;
    padding-top: 15px;
    display: none;
}

.sstripQa .box dl .arrow {
    width: 45px;
    height: 45px;
    line-height: 47px;
    text-align: center;
    color: #fff;
    background: #3a77c7;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 0;
}

.sstripQa .box dl .arrow:before {
    content: "＋";
}

.sstripQa .box dl .active .arrow {
    line-height: 45px;
}

.sstripQa .box dl .active .arrow:before {
    content: "-";
}

@media (max-width: 599px) {
    .sstripQa .box dl {
        padding-bottom: 20px;
    }

    .sstripQa .box dl+dl {
        margin-top: 20px;
    }
    
    .sstripQa .box dl dt {
        font-size: 15px;
        padding: 0px 40px 0px 10px;
    }

    .sstripQa .box dl dd {
        font-size: 13px;
    }

    .sstripQa .box dl dt .sub {
        margin-right: 10px;
    }

    .sstripQa .box dl dd .sub {
        margin-right: 20px;
    }

    .sstripQa .box dl .arrow {
        width: 35px;
        height: 35px;
        line-height: 36px;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .sstripQa .box dl .active .arrow {
        line-height: 32px;
    }
}