.page-food-main-ttl, .page-main-ttl {
z-index: 0;
}


.page-schedule-wrap {
background: #eaeae0;
padding: 120px 4% 8%;
}
.page-price-wrap {
background: #fff;
padding: 80px 4% 170px;
}
.page-schedule-inner,
.page-price-inner{
max-width: 1312px;
margin: 0 auto;
}
.schedule-head-text{
text-align: center;
margin: 0 0 80px;
}
.schedule-head-text p{
font-size: 24px;
font-weight: 600;
color: #fff;
padding: 12px 34px;
background: #96191e;
display: inline-block;
}

.schedule-main{
position: relative;
padding: 0 0 0 136px;
}
.schedule-map-box{
display: flex;
justify-content: space-between;
padding: 0 0 7%;
}
.schedule-map{
width: 29%;
}
.schedule-line{
width: 69%;
display: flex;
align-items: center;
background: #fff;
padding: 0 4%;
}



.schedule-main dl{
display: flex;
margin: 0 0 30px;
}
.schedule-main dl dt{
width: 160px;
font-size: 28px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
color: #145055;
}
.schedule-main dl dd{
font-size: 18px;
font-weight: 400;
padding: 4px 0 0;
}
.schedule-main dl dd p{
font-size: 22px;
}
.schedule-main dl dd span{
font-size: 14px;
}
.schedule-time-ttl,
.platform-cont-ttl,
.price-cont-ttl{
font-size: 28px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
color: #145055;
margin: 0 0 2.5%;
}
.schedule-time-ttl{
padding: 3% 0 0;
}
.schedule-time-ttl span{
font-size: 19px;
position: relative;
top: -2px;
}
.schedule-time-box{
display: flex;
justify-content: space-between;
margin: 0 0 6%;
padding: 3.8% 3.2%;
background: #fff;
}
.schedule-time{
width: 48.6%;
}

.platform-ex-box{
display: flex;
justify-content: space-between;
}
.platform-ex-img{
width: 41%;
}
.platform-ex-cont{
width: 55%;
display: flex;
align-items: center;
}
.platform-ex-cont div{
width: 100%;
}
.platform-ex-cont p{
font-size: 18px;
font-weight: 400;
}


.price-col2-box{
display: flex;
justify-content: space-between;
margin: 0 0 4%;
}
.price-col2-once{
width: 48.5%;
display: flex;
justify-content: space-between;
}
.price-col2-img{
width: 52%;
}
.price-col2-cont{
width: 44%;
display: flex;
align-items: center;
}
.price-col2-cont p,
.price-col-cont p{
font-size: 18px;
font-weight: 400;
}
.train-number-ttl{
font-size: 20px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
margin: 0 0 14px;
}
.train-number-ttl p{
font-size: 20px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
margin: 0 0 20px;
}
.train-number-ttl img{
width: 100%;
margin: 0 0 6px;
}
.price-col-cont .train-number-ttl img{
width: 78%;
max-width: 500px;
margin: 0 0 6px;
}
.price-col-box{
display: flex;
justify-content: space-between;
}
.price-col-img{
width: calc(100% * 0.48 * 0.52);
}
.price-col-add{
width: 72%;
display: flex;
align-items: center;
}
.price-col-cont{
width: 100%;

}
.price-box{
position: relative;
background: #f6f6f2;
padding: 2.8% 6.4%;
}
.price-box::before{
position: absolute;
content: '';
width: 80px;
height: 80px;
top: -40px;
left: -40px;
border-radius: 100px;
background: #fff;
}
.price-box::after{
position: absolute;
content: '';
width: 80px;
height: 80px;
top: -40px;
right: -40px;
border-radius: 100px;
background: #fff;
}
.price-box-lb{
position: absolute;
width: 80px;
height: 80px;
bottom: -40px;
left: -40px;
border-radius: 100px;
background: #fff;
}
.price-box-rb{
position: absolute;
width: 80px;
height: 80px;
bottom: -40px;
right: -40px;
border-radius: 100px;
background: #fff;
}
.price-box p{
font-size: 14px;
font-weight: 400;
margin: 0 20px 0 0;
}
.price-box-inner-full{

}
.price-box-inner-narrow{
max-width: 1026px;
margin: 0 auto;
}
.price-box-ttl{
font-size: 18px;
font-weight: 700;
margin: 0 0 18px;
}
.price-box img{
margin: 0 auto 12px;
}
.price-att{
text-align: center;
font-size: 14px;
font-weight: 400;
}

.service-schedule-att-box{
position: relative;
text-align: center;
}
.service-schedule-att-box::after{
position: absolute;
content: '';
width: 100%;
height: 1px;
background: #be914b;
top: 50%;
left: 0;
}
.service-schedule-att-box p{
font-size: 22px;
color: #be914b;
display: inline-block;
background: #eaeae0;
padding: 0 18px;
position: relative;
z-index: 1;
}






/*====================TOP=====================*/

.front-schedule {
background: #eaeae0;
padding: 0 0 110px;
}
.front-schedule-inner{
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding: 0 4%;
position: relative;
overflow: hidden;
}
.front-schedule-inner::after{
position: absolute;
content: '';
width: 100%;
height: 100%;
left: -50%;
top: 0;
background: #be914b;
z-index: 0;
}


.front-schedule-cont-wrap{
width: 100%;
max-width: 1456px;
background: #be914b;
margin: 0 auto;
display: flex;
justify-content: flex-start;
position: relative;
z-index: 1;
}
.front-schedule-cont{
width: 100%;
max-width: 1300px;
padding: 5% 0;
}
.front-schedule-cont-ttl{
width: 90%;
max-width: 632px;
margin: 0 auto 5%;
}
.front-schedule-cont-box{
display: flex;
justify-content: space-between;
}
.front-schedule-map{
width: 52%;
}
.front-schedule-cont-ex{
width: 43%;
padding: 2% 0 0;
}
.front-schedule-cont-ex p{
font-family: "Zen Old Mincho", serif;
font-weight: 400;
font-size: 32px;
line-height: 2.5;
color: #fff;
margin: 0 0 7%;
}
.to-schedule{
width: 100%;
max-width: 488px;
}



.tab-list{
position: relative;
z-index: 10;
display: flex;
}
.tab-item{
width: 50%;
padding: 16px 0 0;
font-size: 20px;
font-weight: 500;
text-align: center;
}
.tab-item:nth-of-type(1) p{
background: #96191e;
line-height: 2.2;
color: #fff;
border-radius: 10px 0 0 0;
}
.tab-item:nth-of-type(2) p{
background: #145055;
line-height: 2.2;
color: #fff;
border-radius: 0 10px 0 0;
}
.tab-item.is-active:nth-of-type(1) p{
color: #96191e;
}
.tab-item.is-active:nth-of-type(2) p{
color: #145055;
}

.tab-item.is-active{
padding: 12px 0 0;
font-size: 20px;
font-weight: 500;
text-align: center;
background: #fff;
border-radius: 10px 10px 0 0;
}
.tab-item.is-active p{
background: #fff;
font-size: 24px;
line-height: 2;
}

.time-schedule-box{
background: #fff;
position: relative;
z-index: 10;
margin: 0 0 8%;
border-radius: 0 0 10px 10px;
}


.panel-item {
display: none;
width: 100%;
margin: 0 auto;
padding: 3% 5% 5%;
}

.panel-item.is-active p{
font-size: 24px;
}
.panel-item.is-active {
display: block;
animation: panel-show .6s ease-in-out forwards;
}
@keyframes panel-show {
from {opacity: 0;}
to {opacity: 1;}
}






@media only screen and (max-width : 1400px) {
.front-schedule-cont-ex p {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 2.5;
    color: #fff;
    margin: 0 0 7%;
}
.to-schedule {
    width: 88%;
    max-width: 488px;
}
}



@media only screen and (max-width : 1200px) {
.front-schedule-cont-ttl {
    width: 90%;
    max-width: 500px;
    margin: 0 auto 5%;
}
.front-schedule-map {
    width: 46%;
}
.front-schedule-cont-ex {
    width: 49%;
    padding: 0 0;
}
    .front-schedule-cont-ex p {
        font-size: 2.4vw;
        line-height: 2.5;
        color: #fff;
        margin: 0 0 7%;
    }

.page-news-contents-ttl h1, .page-food-main-ttl h1,
 .page-main-ttl h1{
font-size: 54px;
left: 60px;
top: 34px;
line-height: 54px;
}
 .page-main-ttl h1{
font-size: 54px;
left: 60px;
top: 0;
line-height: 54px;
}

.page-main-ttl p.schedule {
top: 608px;
left: 18px;
font-size: 20px;
}
.schedule-head-text {
margin: 0 0 50px;
}
.schedule-head-text p {
font-size: 20px;
padding: 10px 24px;
}
.schedule-main dl dd {
font-size: 16px;
}
.schedule-main dl dt {
width: 140px;
font-size: 22px;
}
.schedule-time-ttl, .platform-cont-ttl, .price-cont-ttl {
font-size: 24px;
margin: 0 0 2.5%;
}
.schedule-main dl dd p {
font-size: 18px;
}
.service-schedule-att-box p {
font-size: 18px;
padding: 0 14px;
}
.schedule-time-ttl span {
font-size: 16px;
top: -2px;
}
.platform-ex-cont p {
font-size: 16px;
}
.price-col2-cont p, .price-col-cont p {
font-size: 14px;
}
.page-schedule-wrap {
padding: 100px 4% 70px;
}
.page-price-wrap {
background: #fff;
padding: 60px 4% 80px;
}
.price-box p {
font-size: 12px;
margin: 0 20px 0 0;
}
.price-box-ttl {
font-size: 16px;
margin: 0 0 16px;
}
.price-att {
font-size: 12px;
}
.train-number-ttl {
font-size: 16px;
margin: 0 0 12px;
}
.tab-item {
padding: 12px 0 0;
font-size: 16px;
}
.tab-item.is-active p {
font-size: 20px;
line-height: 1.8;
}
.tab-item:nth-of-type(2) p,
.tab-item:nth-of-type(1) p{
padding: 4px 0;
}

}



@media only screen and (max-width : 1000px) {
.front-schedule {
    padding: 0 0;
}
    .front-schedule-cont-ttl {
        width: 90%;
        max-width: 460px;
        margin: 0 auto 5%;
    }
    .to-schedule {
        width: 70%;
        max-width: 488px;
    }
.front-schedule-inner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 4%;
    position: relative;
    overflow: hidden;
    background: #be914b;
}
}

@media only screen and (max-width : 768px) {
    .front-schedule-inner {
        padding: 0 6%;
    }
.front-schedule-cont {
    padding: 10% 0;
}

.front-schedule-cont-box {
    display: block;
}
    .front-schedule-map {
        width: 100%;
        margin: 0 0 4%;
    }
    .front-schedule-cont-ex {
        width: 100%;
        padding: 0 0;
    }
    .front-schedule-cont-ex p {
        font-size: 4.3vw;
        line-height: 2;
        color: #fff;
        margin: 0 0 4%;
    }
    .to-schedule {
        width: 70%;
margin: 0 auto;
    }
    .front-schedule-cont-ttl {
        width: 100%;
        margin: 0 auto 5%;
    }
.page-food-main-ttl, .page-main-ttl {
position: relative;
left: 0;
top: 0;
height: auto;
}
.page-food-main-ttl h1, .page-main-ttl h1 {
position: relative;
transform: rotate(0);
transform-origin: 0 0;
left: 0;
}
.price-box {
padding: 6% 6%;
}
.price-box-lb {
width: 10vw;
height: 10vw;
bottom: -5vw;
left: -5vw;
z-index: 0;
}
.price-box-rb {
width: 10vw;
height: 10vw;
bottom: -5vw;
right: -5vw;
z-index: 0;
}
.price-box::before {
width: 10vw;
height: 10vw;
top: -5vw;
left: -5vw;
z-index: 0;
}
.price-box::after {
width: 10vw;
height: 10vw;
top: -5vw;
right: -5vw;
z-index: 0;
}
.price-col2-box {
display: block;
margin: 0 0 4%;
}
.price-col2-once {
width: 100%;
margin: 0 auto;
padding: 2% 0;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.schedule-main {
padding: 0 0 0;
}
.schedule-main dl {
display: block;
margin: 0 0 30px;
}
.schedule-main dl dt {
width: 100%;
font-size: 4vw;
margin: 0 0 2%;
}
.schedule-main dl dd {
width: 100%;
font-size: 3.4vw;
}
.schedule-main dl dd span {
font-size: 2.8vw;
}
.schedule-main dl dd p {
font-size: 3.4vw;
}
.schedule-time-ttl, .platform-cont-ttl, .price-cont-ttl {
font-size: 4vw;
margin: 0 0 2.5%;
}
.schedule-time-ttl span {
font-size: 3vw;
top: -2px;
}
.tab-item.is-active p {
font-size: 3.3vw;
line-height: 1.8;
}
.tab-item {
padding: 12px 0 0;
font-size: 3vw;
}
.schedule-map {
width: 100%;
margin: 0 0 3%;
}
.schedule-map-box {
display: block;
padding: 0 0 7%;
}
.schedule-line {
width: 100%;
padding: 0;
}
.platform-ex-cont p {
font-size: 3.2vw;
}
.platform-ex-img {
width: 57%;
position: relative;
left: -5%;
}
.platform-ex-cont {
    width: 43%;
    display: flex;
    align-items: center;
}
.schedule-head-text p {
font-size: 3.2vw;
margin: 0 0 8%;
padding: 3% 0;
display: block;
width: 100%;
}
.schedule-head-text {
margin: 0;
}
.page-schedule-wrap {
padding: 40px 4% 50px;
}
.page-food-main-ttl h1, .page-main-ttl h1 {
width: auto;
font-size: 6.8vw;
position: relative;
left: auto;
top: auto;
letter-spacing: 0.15em;
transform: rotate(0);
line-height: 1.7;
display: inline-block;
margin: 0 0.5vw 0 0;
}
.page-main-ttl p.schedule {
font-size: 3.1vw;
position: relative;
left: auto;
top: -2vw;
display: inline-block;
writing-mode: horizontal-tb;
}
 .page-schedule-wrap .page-main-ttl{
 margin: 0 0 4%;

}
.price-col2-img {
width: 50%;
}
.price-col2-cont {
width: 46%;
display: flex;
align-items: center;
}
.train-number-ttl {
font-size: 3.2vw;
margin: 0 0 12px;
}
.price-col2-cont p, .price-col-cont p {
font-size: 3.3vw;
}
.price-att {
font-size: 12px;
position: relative;
z-index: 1;
text-align: left;
}
.page-price-wrap {
padding: 40px 4% 80px;
}
.price-col-img {
width: 50%;
}
.price-col-add{
width: 46%;
display: flex;
align-items: center;
}
.price-col-cont {
width: 100%;
display: block;
}
.col-add-text{
font-size: 3.3vw;
font-weight: 400;
position: relative;
z-index: 1;
display: block!important;
padding: 0 0 5%;
}
.price-col-cont .train-number-ttl img {
    width: 100%;
    max-width: 500px;
    margin: 0 0 6px;
}
.price-col-box {
margin: 0 0 3% !important;
}
.price-col-box .train-number-ttl p {
    margin: 0 0;
}

}