.mainVisual__logo{
    @media screen and (min-width: 768px)
    {
        width: 1.9rem;
    }
    @media screen and (max-width: 767px)
    {
        width: .6rem;
        min-width: auto;
    }
}

.mainVisual__visual{
    @media screen and (max-width: 767px)
    {
        margin-top: .2rem;
    }
}

.mainVisual__navi {
    scale: 1;
    @media screen and (min-width: 768px)
    {scale: .9;}
}

.mainVisual__grayBg{
    z-index: -1;
    background-color: #e6ebee;
    position: absolute;
    content: '';
    left: 0;
    @media screen and (max-width: 767px)
    {
        width: 37%;
		height: 100%;
		bottom: -1.35rem;
    }
    @media screen and (min-width: 768px)
    {
        width: 47%;
		height: 78%;
		left: -1rem;
		bottom: -1.75rem;
    }
}

#grand .mainVisual__visual{
    @media screen and (max-width: 767px)
    {
        margin-top: 0;
    }
}

.mainVisual__place.-onlySp{
    @media screen and (min-width: 768px)
    {
        display: none;
    }
    @media screen and (max-width: 767px)
    {
        right: auto;
		top: auto;
		left: 2.32rem;
    }
}

.grandInfo__areaBranchItem .media.-patternB .media__title{
    font-weight: 600;
    span{
        text-transform: uppercase;
        /* height: 50%; */
	    font-family: source-sans-pro, source-han-sans-japanese, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    }

    @media screen and (min-width: 768px)
    {
        font-size: 0.32rem;

        span{
            font-size: 0.42rem;
            height: .77rem;
        }
    }
    @media screen and (max-width: 767px){
        font-size: 0.24rem;
        span{
            font-size: 0.3rem;
            height: .5rem;
        }
    }
}

#grand .topShowroom {
    @media screen and (max-width: 767px){
        padding-top: .6rem;
    }
}

.topMovie .topMovie__Wrap {
    @media screen and (min-width: 768px){
        width: 70%;
        margin: auto;
    }
}

.topShowroom{
    .box {
        @media screen and (max-width: 767px){
            display: flex;
            flex-wrap: nowrap;
            white-space: nowrap;
            overflow-x: auto;
            >.box__item{
                margin-right: .194rem;
                width: 1.3rem;
                min-width: 1.3rem;
                white-space: normal;
                
            &:nth-child(odd),&:nth-child(2n),&:nth-child(n+2),&:nth-child(n+3){
                margin: 0;
                margin-right: .194rem;
            }
            &:last-child{
                margin: 0;
            }

            .cardA__image {
                height: 1.3rem;
            }
        }
    }
    }    
}

@media screen and (max-width: 767px) {
	.topBanner .topBanner_item a:nth-child(n+2) {
		margin-top: 0;
	}
}

.topBanner {
    @media screen and (max-width: 767px){
        margin-top: .3rem;
    }
    @media screen and (min-width: 768px){
        margin-top: .1rem;

        .media__image{
            max-width: 60%;
        }
    }
}

.topBanner .topBanner_item{
    margin: 0 auto;

    @media screen and (max-width: 767px) {
        display: flex;
		flex-direction: row;
		column-gap: .2rem;
    }
    @media screen and (min-width: 768px) {
        column-gap: .8rem;
        padding: 0 1rem;
    }

    a{
        border: 1px solid #a6bbc8;
        display: flex;
    }
    .media__image img{
        height: auto;
        width: 268px;
    }

    .media__title{
        text-align: center;
        font-weight: 700;
        @media screen and (min-width: 768px) {
            margin-left: 0;
            padding-right: 0;
            text-align: center;
            font-size: .18rem;
        }
        @media screen and (max-width: 767px) {
            margin-left: 0;
            padding: .1rem;
            text-align: center;
            font-size: .14rem;
        }
        br{
            @media screen and (max-width: 767px) {
                display: none;
            }
        }
    }

}

.mainVisual__main{
    position: relative;
}

.mainVisual__inner{
    @media screen and (max-width: 767px){
        padding-top: 0;
    }
}

.mainVisual__desc{
    
    @media screen and (max-width: 767px){
        position: inherit;
        display: block;
        transform: translateY(75%);
        margin-bottom: .2rem;
    }
    
    @media screen and (min-width: 768px){
        position: absolute;
        left: 0;
        bottom: 0;
        transform: translateY(50%);
    }

    .mainVisual__desc-heading{
        font-size: .16rem;
        margin-bottom: .06rem;
        @media screen and (min-width: 768px){
            font-size: .2rem;
            margin-bottom: .04rem;
        }
    }

    .mainVisual__desc-text{
        @media screen and (max-width: 768px){
            line-height: 1.85;
        }
    }
    
}

.mainVisual__desc.subpage{
    transform: translateY(0);
    margin: .2rem .2rem .3rem;
    @media screen and (min-width: 768px){
        position: inherit;
        display: block;
        margin: .5rem 0;
    }

    .mainVisual__desc-text br{
        @media screen and (max-width: 767px){
            display: none;
        }
    }
}

#grand .topInfomarion{
    @media screen and (max-width: 767px){
        padding: .35rem 0 .35rem;
    }
}



.mainVisual__marquee{
    display: flex;
    overflow: hidden;
    user-select: none;
    background-color: #fff;
    
    .marquee{
        flex-shrink: 0;
        display: flex;
        justify-content: space-around;
        min-width: 100%;
        img{
            height: .6rem;
            width: auto;

            @media screen and (min-width: 768px) {
                height: .8rem;
            }
        }
    }

    .marquee.-kobe{
        animation: marquee 50s linear infinite;
    }
    .marquee.-osaka{
        animation: marquee 35s linear infinite;
    }
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-50%));
    }
}

.titleA{
    &.-bgFont{
        &.-bgBusiness{
            &::before {
            @media screen and (min-width: 768px) {
                top: -0.37rem;
                left: 1.3rem;
                content: 'business';
            }
            }
        }
    }
}

@media screen and (max-width: 767px) {
    .grandInfo__areaBranch{
        flex-direction: row;
        column-gap: .3rem;
    }
    .grandInfo__areaBranchItem{
        width: 100%;
    }
    .grandInfo__areaBranchItem:nth-of-type(n+2){
        margin-top: 0;
    }

    .media{
        flex-direction: column-reverse;
    }

    .media.-patternB{
        height: auto;
    }

    .grandInfo__areaBranchItem .media.-patternB .media__title{
        padding: .1rem;
        font-size: .16rem;
        width: 100%;

        span{
            font-size: .2rem;
            height: 50%;
            line-height: .75;
        }

        &::before{
            width: .1rem;
	        height: .13rem;
        }
    }
    .media.-patternB .media__title{

    }

    .media.-patternB .media__image {
        width: 100%;
    }
}

.-titleColumn{
    margin-top: .4rem;
}

.topGuide{
    padding-bottom: 0;
    @media screen and (max-width: 767px){
        margin-top: 0;
    }
}

.topEvent{
    background: none;
    
    @media screen and (max-width: 767px){
        padding: .6rem 0 .67rem;
    }
}

.topBusiness{
    @media screen and (max-width: 767px){
        margin: .6rem 0 0;
    }
}

#grand .topEvent {
    @media screen and (max-width: 767px){
        padding: .6rem 0 0;
    }
}

.titleA + .topGuide__sliderWrap  {
    margin-top: 0.35rem;
}

@media screen and (min-width: 768px){
	.topGuide::before {
		height: calc(100% - 5.5rem);
	}
}

.topTopics.bgDecoration::before{
    background: #e6e6d8;
}

section.forBusiness.-onlyPc{
    display: none;
    @media screen and (min-width: 768px) {
        display: block;
    }
}

.forBusiness__location{
    margin: .35rem 0 .3rem;
    font-weight: 600;
    font-size: .2rem;
}

.card>.-business{
    border: 1px solid #a6bbc8;
    background-color: #fff;

    .card__image{
        @media screen and (max-width: 767px){
            height: 90px;
        }
        @media screen and (min-width: 768px){
            height: 160px;
        }
    }

    .cardA__inner{
        padding: .15rem .15rem;
        min-height: .93rem;
        position: relative;

        &::before{
            position: absolute;
            content: '';
            display: inline-block;
            background-size: contain;
            vertical-align: middle;
            right: .24rem;
            width: .15rem;
            height: .19rem;
            top: 0;
            bottom: 0;
            margin: auto;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2246px%22%20height%3D%2260px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23000%22%0A%20d%3D%22M0.006%2C59.999%20L30.533%2C29.994%20L0.006%2C-0.013%20L15.459%2C-0.013%20L45.988%2C29.994%20L15.459%2C59.999%20L0.006%2C59.999%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
            background-repeat: no-repeat;
	        background-position: center center;
        }

        @media screen and (max-width: 767px){
            min-height: .6rem;
            padding: .08rem 0 .08rem .08rem;

            &::before{
                right: .06rem;
                width: .09rem;
            }
        }
    }

    .cardA__title{
        @media screen and (max-width: 767px){
            margin-top: .1rem;
            font-size: .11rem;
        }
        @media screen and (min-width: 768px){
            margin-top: .125rem;
        }
    }
    .cardA__name+.cardA__title, .cardA__title.-line2{
        margin-top: .0;
    }

    .cardA__title.-line2{
        line-height: 1.7;
    }
}

#grand .card>.-business .cardA__name{
    width: fit-content;
    padding: 0 .15rem;
}

.footer__headLogo_sp{
    margin: 0 auto .4rem;
    width: 100%;
    text-align: center;

    img{
        width: .66rem
    }
    @media screen and (min-width: 768px){
        display: none;
    }
}

.footer__headBlock{
    display: none;
    @media screen and (min-width: 768px){
        display: flex;
    }
}

.footer__sns{
    background: none;
    padding-right: 0;
}

.footer__snsList img {
	width: .3rem;
    max-width: unset;
}

/* #footer{
    @media screen and (max-width: 767px){
        margin-top: 0;
    }
} */

/* .footer__companyList .-spColOnly{
    @media screen and (max-width: 767px){
        padding-right: .6rem;
        padding-left: .6rem;
    }
} */

.footer__companyList.box.-spColOnly{
    width: 100%;
	padding: 0 .4rem;
}


.topShowroom__button, .topEvent__button{
    @media screen and (max-width: 767px){
        padding: 0rem 0.4rem;
    }
}

#grand .listButton.-sm{
    padding: .4rem;
    @media screen and (max-width: 767px){
        margin-top: 0;
        padding: .4rem .4rem 0;
    }
}

#grand .listButton .button{
    @media screen and (max-width: 767px){
        padding: .19rem .5rem .17rem .2rem;
    }
}

.button.-sizeM{
    height: .6rem;
    padding: .2rem .4rem;
}

.button.-modifier{
    @media screen and (max-width: 767px){
        padding: .12rem .4rem;
    }
    @media screen and (min-width: 768px){
        padding: .1rem .4rem;
    }
    
}


.topTopics__button{
    @media screen and (max-width: 767px){
        padding: 0 .4rem;
        .button{
                height: .6rem;
                padding: .2rem .4rem;
                width: 100%;
                border: none;
            }
    }
}

.button.-onlyPc{
    @media screen and (max-width: 767px){
        display: none;
    }
    @media screen and (min-width: 768px){
        display: inline-block;
    }
}

.button.-onlySp{
    @media screen and (max-width: 767px){
        display: inline-block;
    }
    @media screen and (min-width: 768px){
        display: none;
    }
}

.footer__companyListLink{
    background: #fff;
    color: #0a0a0a;
    border: none;
    &::before{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2246px%22%20height%3D%2260px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23000%22%0A%20d%3D%22M0.006%2C59.999%20L30.533%2C29.994%20L0.006%2C-0.013%20L15.459%2C-0.013%20L45.988%2C29.994%20L15.459%2C59.999%20L0.006%2C59.999%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
    }
    @media screen and (max-width: 767px){
        font-size: 0.16rem;
		padding-left: .2rem;
		height: .6rem;

        &::before{
        right: .07rem;
        height: .14rem;
        }

        img{
            width: .86rem;
        }
    }

    @media screen and (min-width: 768px) {
        height: .8rem;

        &:hover{
            color: #fff;
            background-color: #A6BBC8;
            border: none;
            &::before{
                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2246px%22%20height%3D%2260px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23fff%22%0A%20d%3D%22M0.006%2C59.999%20L30.533%2C29.994%20L0.006%2C-0.013%20L15.459%2C-0.013%20L45.988%2C29.994%20L15.459%2C59.999%20L0.006%2C59.999%20Z%22%2F%3E%0A%3C%2Fsvg%3E');
            }
        }

    }
}

.footer__sns{
    @media screen and (max-width: 767px){
        margin: .2rem auto 0;
    }
}
.footerMenuSp__spacer{
    height: .8rem;
    display: block;
    @media screen and (min-width: 768px) {
        display: none;
    }
}
.footerMenuSp{
    position: fixed;
    z-index: 5;
    bottom: 0;
    right: 0;
    transition: opacity 0.3s ease-in;
    height: .8rem;
    width: 100%;
    background-color: #fff;
    padding: .1rem;
    box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.1);

    .footerMenuSp__inner{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .2rem;
        height: 100%;
        width: calc(100% - .35rem);
    }

    .footerMenuSp__icon{
        height: .32rem;
        display: block;
    }

    .footerMenuSp__button{
        flex: 1 1 0px;
        width: 0;
        text-decoration: none;
        display: block;
        position: relative;
        text-align: center;

        svg.shop{width: .35rem;transform: translateY(-5px);}

        svg.event{width: .38rem;transform: translateY(-7px);}

        svg.map{width: .45rem;transform: translateY(-10px);}

        svg.pin{width: .4rem;transform: translateY(-7px);}
    }

    .footerMenuSp__text{
        display: block;
        white-space: nowrap;
        font-size: .09rem;
        line-height: 1;
    }

    .footerMenuSp__button:not(:last-child){
        &:after{
            content: '';
            position: absolute;
            right: -.1rem;
            top: .09rem;
            width: 1px;
            background-color: #a6bbc8;
            height: .3rem;
        }
    }

    @media screen and (min-width: 768px) {
        display: none;
    }
}

#osaka .footer__sitemap {
	grid-template-columns: none;
}

/* footer{
    @media screen and (max-width: 767px) {
        margin-bottom: .8rem;
    }
} */

.header__logoInner.-sp, a.header__logoInner.-sp {
    flex-direction: column;
    width: 100%;
}

.header__logoInner.-sp{
    display: flex;
    @media screen and (min-width: 768px){
        display: none;
    }
}
.header__logoInner.-pc{
    display: none;
    @media screen and (min-width: 768px){
        display: flex;
    }
}

.header__logoInner.-sp .-logo{
    align-self: flex-start;
}
.header__logoInner.-sp .-text{
    margin-top: .1rem;
}


.header__logoInner.-sp .-logo img{
    @media screen and (max-width: 767px){
        min-width: auto;
        width: 1rem;
        margin-top: .04rem;
    }
}
.naviTitle{
    font-size: .18rem;
	font-weight: 700;
    width: 100%;
    margin-bottom: .05rem;
}

.naviList{
    margin: 0 0 .35rem;
}

.listItem{
    position: relative;
    width: 50%;
    text-align: center;
    border: 1px solid #a6bbc8;
    height: .6rem;
    display: table-cell;
    vertical-align: middle;
}

.naviList tr td:first-child {
    border-left: 0;
}
.naviList tr td:last-child {
    border-right: 0;
}

.listLink{
    position: relative;
	display: block;
	color: #4b4f54;
	text-decoration: none;
	font-size: .18rem;
	font-weight: 500;
	-webkit-transition: color .25s;
	transition: color .25s;
    
    @media screen and (max-width: 767px){
        letter-spacing: .016em;
        font-size: .14rem;
        font-weight: 500;
        line-height: 1.2;
    }

    a {
	color: #000;
        text-decoration: underline;
        word-break: break-all;
    }
}

.header__naviList{
    border-top: 1px solid #a6bbc8;
    border-bottom: 1px solid #a6bbc8;
    width: 100%;
    margin: 0 0 .35rem;
    display: flex;
    flex-wrap: wrap;
}

.header__listItem{
    position: relative;
	display: flex;
    width: 50%;
    text-align: center;
    height: .6rem;
    justify-content: space-around;
	align-items: center;
    border-bottom: 1px solid #a6bbc8;

    &:nth-child(odd){
        border-right: 1px solid #a6bbc8;
    }

    &:only-child{
        width: 100%;
        border-right: none;
    }

    /* before last child and odd */
    &:nth-last-child(2):nth-child(odd){
        border-bottom: none;
    } 

    &:last-child{
        border-bottom: none;
    }
}

.naviSp{
    padding: 0px 0.2rem;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;


    @media screen and (min-width: 768px){
        display: none;
    }
}

.globalNavi__head{
    @media screen and (max-width: 767px){
        display: none;
    }
}

.globalNavi__linkList{
    display: flex;
    flex-wrap: wrap;
    column-gap: .15rem;
	row-gap: .1rem;
}
.globalNavi__linkListItem{
    flex: 45%;
}

.globalNavi__linkListLink{
    height: .6rem;
    line-height: .6rem;
    text-decoration: none;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: .14rem;
    border: 1px solid #a6bbc8;
    display: block;
    span{
        margin-left: -.1rem;
    }
}

.globalNavi__linkListLink::before{
    position: absolute;
	top: 0;
	bottom: 0;
    right: .15rem;
	content: '';
	display: inline-block;
	margin: auto;
	width: .1rem;
	height: .13rem;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2246px%22%20height%3D%2260px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23000%22%0A%20d%3D%22M0.006%2C59.999%20L30.533%2C29.994%20L0.006%2C-0.013%20L15.459%2C-0.013%20L45.988%2C29.994%20L15.459%2C59.999%20L0.006%2C59.999%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.globalNavi__linkListLink.-journal::before{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.5%22%20height%3D%2217.5%22%20viewBox%3D%220%200%2017.5%2017.5%22%3E%20%3Cg%20id%3D%22copy%22%20transform%3D%22translate(-1.5%20-1.5)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_59%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2059%22%20transform%3D%22translate(6.444%206.444)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2211.556%22%20height%3D%2211.556%22%20rx%3D%222%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%22-0.5%22%20y%3D%22-0.5%22%20width%3D%2212.556%22%20height%3D%2212.556%22%20rx%3D%222.5%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_287%22%20data-name%3D%22%E3%83%91%E3%82%B9%20287%22%20d%3D%22M4.667%2C13.556H3.778A1.778%2C1.778%2C0%2C0%2C1%2C2%2C11.778v-8A1.778%2C1.778%2C0%2C0%2C1%2C3.778%2C2h8a1.778%2C1.778%2C0%2C0%2C1%2C1.778%2C1.778v.889%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
}

.spGlobalNaviButton{
    @media screen and (max-width: 767px){
        z-index: 999;
    }
}

.spGlobalNaviButton__icon{
    &::after {
        @media screen and (max-width: 767px){
            background-color: rgba(255,255,255,0);
            content: "MENU";
            font-size: .07rem;
            left: -.02rem;
            top: .06rem;
            width: fit-content;
            color: #fff;
            -webkit-transition: all .25s;
            transition: all .25s;
        }
    }
}
.-menuOpen .spGlobalNaviButton__icon{
    &::after {
        @media screen and (max-width: 767px){
            background-color: #fff;
            content: "";
            display: block;
            position: absolute;
            right: 0;
            left: 0;
            width: 100%;
            height: 2px;
            -webkit-transition: all .25s;
            transition: all .25s;
        }
    }
}


/* carousel */
.pickupSlider__pagination {
    justify-content: center;
    @media screen and (max-width: 767px){
        margin: .3rem 0 0;
        padding: 0 .3rem 0;
    }
    @media screen and (min-width: 768px){
        margin: .4rem 0 0;
    }
    >.swiper-pagination-bullet{
        height: .08rem;
        width: .08rem;
        margin: 0 .06rem;
        border-radius: 50%;
        background: #000;
	    opacity: .2;
        flex: initial;
    }
    >.swiper-pagination-bullet.swiper-pagination-bullet-active,
    >.swiper-pagination-bullet.swiper-pagination-bullet-active+.swiper-pagination-bullet,
    >.swiper-pagination-bullet.swiper-pagination-bullet-active+.swiper-pagination-bullet+.swiper-pagination-bullet {
        background-color: #d86018;
        opacity: 1;
    }
}

.pickupSlider__slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 .1rem;
}

.pickupSlider{
    flex-direction: column;
}

.pickupSlider__slider{
    overflow: visible;
    width: 100%;

    .swiper-wrapper{
        margin: 0 calc(-0.2rem + 10px);
        @media screen and (min-width: 768px) {
            margin: 0 -.2rem;
        }
    }
}

.pickupSlider__sliderItem{
    width: 43%;
    border: 1px solid #a6bbc8;
    margin: 0 10px;

    @media screen and (min-width: 768px) {
        margin: 0 .24rem;
        width: 28%;
    }
}

.pickupSlider__itemTag{
    margin-top: 0;
}
.pickupSlider__itemTag span{
    border-radius: 0;
    background-color: #fff;
    @media screen and (max-width: 767px) {
        padding: .03rem .06rem;
    }
    @media screen and (min-width: 768px) {
        padding: .05rem .18rem;
        font-size: .14rem;
    }
}

.pickupSlider__top-text{
    position: absolute;
    top: .1rem;
    left: .1rem;
    @media screen and (min-width: 768px) {
        top: .2rem;
        left: .2rem;
    }
}

.pickupSlider__itemTitle{
    background-color: #fff;
    font-size: .11rem;
    padding-left: .1rem;
    padding-bottom: .1rem;
    min-height: .56rem;
    @media screen and (min-width: 768px) {
        font-size: .18rem;
        padding-left: .2rem;
        padding-bottom: .15rem;
        padding-top: .15rem;
        margin-top: 0;
        min-height: .8rem;
    }
}

.pickupSlider__itemMore{
    text-align: left;
    @media screen and (max-width: 767px) {
        font-size: .11rem;
    }
    @media screen and (min-width: 768px) {
        font-size: .14rem;
        padding-top: .1rem;
    }
}

.pickupSlider__sliderNext, .pickupSlider__sliderPrev{
    background-color: rgba(255, 255, 255, .5);

    margin-top: -.8rem;
    top: calc(50% - (.8rem / 2));

    @media screen and (max-width: 767px) {
        margin-top: -.4rem;
        top: calc(50% - (.56rem / 2));
    }
}

#grand, #kobe{
    .topPickup{
        .pickupSlider__sliderNext, .pickupSlider__sliderPrev{
            margin-top: -.4rem;

            @media screen and (max-width: 767px) {
                margin-top: -.2rem;
            }
        }
    }
}

.pickupSlider__sliderNext{
    margin-right: -.2rem;
    @media screen and (min-width: 768px) {
        margin-right: -.8rem;
    }
    &::before{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2246px%22%20height%3D%2260px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23000%22%0A%20d%3D%22M0.006%2C59.999%20L30.533%2C29.994%20L0.006%2C-0.013%20L15.459%2C-0.013%20L45.988%2C29.994%20L15.459%2C59.999%20L0.006%2C59.999%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
    }
}
.pickupSlider__sliderPrev{
    margin-left: -.2rem;

    @media screen and (min-width: 768px) {
        margin-left: -.8rem;
    }
    &::before{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20%0A%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20width%3D%2246px%22%20height%3D%2260px%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20%20fill%3D%22%23000%22%0A%20d%3D%22M0.006%2C59.999%20L30.533%2C29.994%20L0.006%2C-0.013%20L15.459%2C-0.013%20L45.988%2C29.994%20L15.459%2C59.999%20L0.006%2C59.999%20Z%22%2F%3E%0A%3C%2Fsvg%3E");
    }
}