@charset "UTF-8";
.spot-details b, strong{
    font-weight: bold;
}

.banner ul li{
    margin: 15px;
}
.banner ul li{
    margin: 15px;
}
@media (min-width: 767px) {
    .banner ul{
        display: flex;
    }
    .banner img {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}


@media (max-width: 767px) {
    .banner ul{
        display: block;
    }
}

.campaign-carousel .campaign-carousel-cel{
    width: 80%;
    margin: 0 40px;
}
@media screen and (max-width: 768px) {
    .campaign-carousel .campaign-carousel-cel{
        width: 100%;
        margin: 0 10px
    }
}
.campaign-carousel .campaign-carousel-cel a{
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.campaign-carousel .flickity-page-dots .dot{
    width: 6px;
    height: 6px;
    margin: 0 6px;
}
.campaign-arrow{
    height: 1px;
    top:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    position: absolute;
    left: 50%;
    z-index: 40;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px){

    .campaign-arrow{
        width: 98%;
    }
}
@media screen and (max-width: 768px) {
    .campaign-arrow{
        top:50%
    }
    .campaign-arrow div{
        width: 45px
    }
}

.campaign-carousel-cel img {
    transition: opacity 0.4s;
    opacity: 0;

}
.campaign-carousel-cel img.flickity-lazyloaded,
.campaign-carousel-cel img.flickity-lazyerror {
    opacity: 1;
}
.inner-box4 {
    position: relative;
    margin-bottom: -100px;
    max-width: 900px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.inner-box4 h3{
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
    font-size: 1.125rem;
    font-weight: 700;
}
.inner-box5{

    max-width: 900px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top:0;
    padding-bottom:0;
}
.inner-box5 h3{
    margin-bottom: 0;
    margin-top: 0.75rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.present-color-green .inner-box2, .border-color-green{
    border: 2px solid #A1CDCE!important;
    background: white;
}
.present-color-blue .inner-box2, .border-color-blue{
    border: 2px solid #9CBDEA!important;;
    background: white;
}
.present-color-red .inner-box2, .border-color-red{
    border: 2px solid #EF8976!important;;
    background: white;
}
.present-color-pink .inner-box2, .border-color-pink{
    border: 2px solid #C9B2D9!important;;
    background: white;
}
.pat5{
    padding-top: 5px!important;
}
.pat10{
    padding-top: 10px!important;
}
header .keywordsSearchBox{
    margin-top: 0;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 60px);
    -ms-flex-align: center;
    align-items: center;
}
header .keywordsSearchBox input[type="search"]{
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
header .keywordsSearchBox .submit{
    white-space: nowrap;
    width: 60px;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(204 119 119 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: .825rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
header .keywordsSearchBox .keywordsSearchBoxForm{
    margin-right: 0.5rem;
    width: calc(100% - 60px);
}
header .navi-box ul li span{
    word-break: keep-all;
}
@media screen and (max-width: 1040px) {
    header>.headerInner>.headerInnerFlex>form.keywordsSearchBox {
        display: none;
    }
}
header .navi-box .navi .search {
    display: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media (max-width: 980px){
    header .navi-box .navi .search {
        display: block;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    header .navi-box .navi .search .keywordsSearchBoxFormSp{
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        align-items: center;
    }
    header .navi-box .navi .search .keywordsSearchBoxFormSp input[type="search"]{
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(238 238 238 / var(--tw-bg-opacity));
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    header .navi-box .navi .search .keywordsSearchBoxFormSp .submit{
        white-space: nowrap;
        width: 60px;
        border-radius: 0.25rem;
        --tw-bg-opacity: 1;
        background-color: rgb(204 119 119 / var(--tw-bg-opacity));
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: .825rem;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
}