#DiscountTitle{
        background: #f5ff52;
        margin: 0 auto
    }

.underColumn{
    padding: 20px 0px 40px;
}
.underColumn.y_back {
    background: #ffffe4;
    width: 100% !IMPORTANT;
}
    .title.sp-none{
        background: url("../image/discount_2022/main_pc_back.png") no-repeat center center;
/*        background-size: cover;*/
        width: 100%;
height: 180px;
  padding-top: 104px;
        text-align: center;}
    .title-posi{
        position: relative;
    }
span.left{
    top: -64px;
    position: absolute;
    left: -340px;
}
 .title  span.right  {
    position: absolute;
    top: -64px;
}
#DiscountTitle .lead{
        width: 745px;
        margin: 0 auto;
        font-weight: bold;
        color: #333;
        padding: 10px;
    }
#DiscountTitle .lead span{
        color: #df4747;
    }


    div#Discountnavi ul{
        display: flex;
        width: 100%;
        height: 60px;
        flex-wrap: wrap;
        list-style: none;
    }
    div#Discountnavi ul li {
    width: calc(25% - 1px);
    border-left: 1px solid #fff;
    text-align: center;
}
div#Discountnavi ul li:first-child {
  border-left: none;
}
    div#Discountnavi li a{
        color: #fff;
  font-size: 24px;
  text-shadow: 3px 3px 0px rgba(183, 90, 0, 1), -1px -1px 0px rgba(183, 90, 0, 1), -1px 3px 0px rgba(183, 90, 0, 1), 1px -1px 0px rgba(183, 90, 0, 1);
  font-weight: bold;
display: block;
padding-top: 10px;
        text-decoration: none;
    }
/*
    div#Discountnavi li a:after{
content: "";
    display: inline-block;
    width: 85%;
    border-bottom: 4px dotted #fff;
    position: relative;
    top: -14px;
    }
*/
div#Discountnavi li a:hover{
    opacity: 0.8
}
.h_title {
    background: url(../image/discount_2022/title.png) no-repeat center center;
    height: 64px;
    padding-left: 50px;
    font-size: 30px;
    line-height: 58px;
    margin: 20px 0 15px;
}
ul.LargeCell{
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    }
    ul.LargeCell li{
width: calc(33.2% - 17px);
    padding-left: 17px;
    }
ul.LargeCell li a {
    border: #f66403 solid 5px;
    border-radius: 15px;
    display: block;
    background: #fff;
    position: relative;
    text-decoration: none;
}
ul.LargeCell li a .CellHead {
display: block;
    color: #282828;
    font-weight: bold;
    line-height: 128%;
    font-size: 20px;
    padding: 10px 10px 0;
    height: 65px;
}
ul.LargeCell li a .CellHead span.Airline {
    color: #f66403;
    display: block;
    font-size: 16px;
}
ul.LargeCell li a span.date {
    background: #709e4a;
    color: #fff;
    border-radius: 14px;
    padding: 2px 8px;
    font-size: 14px;
    font-weight: bold;
}
ul.LargeCell li a p.Cellimg img {
    height: 170px;
    width: 100%;
    object-fit: cover;
}
    
    

 p.Cellimg {
    line-height: 0%;
    border-radius: 0 0px 8px 8px;
    overflow: hidden;
}   
span.CellBody {
    display: block;
    text-align: right;
    padding: 5px;
    vertical-align: middle;
}
span.Price {
    color: #282828;
    font-weight: bold;
}
span.Price .large {
    color: #fa3253;
    font-family: impact;
    font-size: 38px;
}
    p.Airtype{
            left: -22px;
            top: 80px;
        position: absolute;
    }
p.Airtype.indirect {
    background: #f66403;
    border-radius: 50% 50%;
    height: 82px;
    width: 82px;
    color: #fff;
    text-align: center;
    z-index: 1;
    font-weight: bold;
    border: 5px solid #f66403;
}
p.Airtype > span{
    display: block;
width: 80px;
    height: 63px;
    padding-top: 17px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
    }
p.Airtype.indirect span.Departure {
    display: block;

    border-bottom: 4px dotted #fff;
}

p.Airtype.direct {
    background:#fff;
    border-radius: 50% 50%;
    height: 82px;
    width: 82px;
    color: #f66403;
    text-align: center;
    font-weight: bold;
    z-index: 1;
    border: 5px solid #f66403;
}
p.Airtype.direct span.Departure {
    display: block;
    border-bottom: 4px dotted #f66403;
}
    
ul.MiddleCell{
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    margin: 20px 0;
    }
    ul.MiddleCell li{
width: calc(25% - 13px);
    padding-left: 13px;
        margin-bottom: 10px;
    }
ul.MiddleCell li a {
    border: #ffcd1e solid 5px;
    border-radius: 15px;
    display: block;
    background: #fff;
    position: relative;
    text-decoration: none;
}
ul.MiddleCell li a .CellHead {
display: block;
    color: #282828;
    font-weight: bold;
    line-height: 128%;
    font-size: 17px;
    padding: 10px 10px 0;
    height: 70px;
}
ul.MiddleCell li a .CellHead span.Airline {
    color: #f66403;
    display: block;
    font-size: 16px;
}
ul.MiddleCell li a span.date {
    background: #709e4a;
    color: #fff;
    border-radius: 14px;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: bold;
}
ul.MiddleCell li a p.Cellimg img {
    height: 130px;
    width: 100%;
    object-fit: cover;
}
    
ul.MiddleCell li a p.Airtype.indirect {
    background: #f69600;
    border-radius: 50% 50%;
height: 75px;
    width: 75px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border: 5px solid #f69600;
}
ul.MiddleCell li a p.Airtype > span{
    display: block;
    width: 73px;
    height: 61px;
    padding-top: 12px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
    }
ul.MiddleCell li a p.Airtype.indirect span.Departure {
    display: block;

    border-bottom: 4px dotted #fff;
}

ul.MiddleCell li a p.Airtype.direct {
    background:#fff;
    border-radius: 50% 50%;
height: 75px;
    width: 75px;
    color: #f69600;
    text-align: center;
    font-weight: bold;
    border: 5px solid #f69600;
}
ul.MiddleCell li a p.Airtype.direct span.Departure {
    display: block;
    border-bottom: 4px dotted #f69600;
}
ul.MiddleCell span.Price .large {
    color: #fa3253;
    font-family: impact;
    font-size: 29px;
}
ul.MiddleCell p.Airtype{
            left: -15px;
            top: 115px;
        position: absolute;
    } 
    
    
    
ul.SmallCell{
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    }
    ul.SmallCell li{
width: calc(20% - 10px);
    padding-left: 10px;
    }
ul.SmallCell li a {
    border: #0b8949 solid 5px;
    border-radius: 15px;
    display: block;
    background: #fff;
    position: relative;
    text-decoration: none;
}
ul.SmallCell li a .CellHead {
display: block;
    color: #282828;
    font-weight: bold;
    line-height: 128%;
    font-size:15px;
    padding: 10px 10px 0;
    height: 65px;
}
ul.SmallCell li a .CellHead span.Airline {
    color: #f66403;
    display: block;
    font-size: 16px;
}
ul.SmallCell li a span.date {
    background: #709e4a;
    color: #fff;
    border-radius: 14px;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: bold;
}
ul.SmallCell li a p.Cellimg img {
    height: 130px;
    width: 100%;
    object-fit: cover;
}
    
    
ul.SmallCell li a p.Airtype.indirect {
    background: #0b8949;
    border-radius: 50% 50%;
height: 75px;
    width: 75px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border: 5px solid #0b8949;
}
ul.SmallCell a p.Airtype > span{
    display: block;
    width: 73px;
    height: 61px;
    padding-top: 12px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
    }
ul.SmallCell a p.Airtype.indirect span.Departure {
    display: block;

    border-bottom: 4px dotted #fff;
}

ul.SmallCell a p.Airtype.direct {
    background:#fff;
    border-radius: 50% 50%;
height: 75px;
    width: 75px;
    color: #0b8949;
    text-align: center;
    font-weight: bold;
    border: 5px solid #0b8949;
}
ul.SmallCell a p.Airtype.direct span.Departure {
    display: block;
    border-bottom: 4px dotted #0b8949;
}
ul.SmallCell span.Price .large {
    color: #fa3253;
    font-family: impact;
    font-size: 25px;
}
ul.SmallCell p.Airtype{
            left: -15px;
            top: 109px;
        position: absolute;
    } 
ul.LargeCell li a:hover,
ul.MiddleCell li a:hover,
ul.SmallCell li a:hover{
    opacity: 0.8
}
p#BannerKakuyasu {
    text-align: center;
}
.text-base{
    position: relative;
}
.text-base h2{
    position: absolute;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -19%);
    background: #FFF;
    padding: 0 35px;
    color: #194917;
    font-size: 34px;
}
@media  screen and (min-width: 1100px) {
    #DiscountTitle{
        width: 100%;
    }
    .title{
        background: url("../image/discount_2022/main_pc_back.png") no-repeat center center;
/*        background-size: cover;*/
        width: 100%;
        text-align: center;
    }
    }
    @media  screen and (min-width: 640px) {
    .pc-none{
        display: none;
    }   
    #DiscountTitle{
        background: #f5ff52;
/*        width: 1100px;*/
        margin: 0 auto
    }
   .w1100{
        width: 1100px;
              margin: 0 auto
    }
div#Discountnavi {
    background: #ffa81e;
    border-radius: 15px;
    padding: 0 25px;
    width: 1050px;
    margin: 20px auto;
}
    
    }
@media screen and (max-width: 639px){
    .sp-none{
        display: none;
    }   
    .title.pc-none{
        width: 100%;
    }
    .title.pc-none img{
        max-width: 100%;
    }
p#BannerKakuyasu img {
    max-width: 100%;
}
#DiscountTitle .lead {
    width: auto;}
#DiscountTitle {
    background: #fff;
    }
div#Discountnavi {
    background: #ffa81e;
    margin: 20px auto;
}
#Discountnavi img {
    max-width: 100%;
    height: 26px;
}
div#Discountnavi li a {
    font-size: 1.5rem;
    display: block;
    padding-top: 5px;
}
.h_title {
    background: url(../image/discount_2022/h_title_sp_2.png) no-repeat center center;
    height: 64px;
padding-left: 40px;
    font-size: 1.7rem;
    line-height: 58px;
    margin: 20px 0 15px;
    background-size: contain;
    font-weight: bold;
    position: relative;
    letter-spacing: -0.02em;
}
.h_title::before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../image/discount_2022/h_title_sp_icon.png) no-repeat center center;
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: 5px;
    bottom: 20px;
}   
.underColumn {
    padding: 0px 0px 20px;
}
div#Discountnavi ul {
    height: 40px;
    border: none;
    }
ul.LargeCell li {
    width: calc(100% - 13px);
    padding-left: 13px;
    margin-bottom: 12px;
}
ul.MiddleCell li {
   width: calc(100% - 10px);
    padding-left: 10px;
     margin-bottom: 12px;
}
ul.SmallCell li {
   width: calc(100% - 10px);
    padding-left: 10px;
     margin-bottom: 12px;
}
ul.LargeCell li a,
ul.MiddleCell li a,
ul.SmallCell li a{
    display: flex;
    flex-direction: row-reverse;
}
ul.LargeCell li a {
    border: #f66403 solid 3px;
    }
span.CellBody {
    display: block;
    position: absolute;
    bottom: 0;
}
span.Price .large {
    font-size: 2.8rem;
}
ul.LargeCell li a span.date {
    padding: 1px 8px;
    font-size: 1.2rem;
}
p.Airtype {
    left: -15px;
    top: -15px;
    position: absolute;
}
p.Airtype.indirect,
p.Airtype.direct{
    font-size: 3.2vw;
    height: 62px;
    width: 62px;
}
p.Airtype > span {
    display: block;
/*
    width: 60px;
    height: 49px;
    padding-top: 11px;
*/
    width: 52px;
    height: 52px;
    padding-top: 6px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
}
p.Airtype.indirect {

    }
ul.LargeCell li a .CellHead{
    font-size: 4.05vw; 
    padding-bottom: 40px;
        width: 65%;
    }
ul li a p.Cellimg {
    line-height: 0%;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
    width: 50%;
    background: url("../image/discount_2022/coso.png") center center no-repeat;
    background-size: 125px;
}
ul.LargeCell li a p.Cellimg img {
    height: auto;
    min-height: 120px;
    width: 100%;
    object-fit: cover;
}
ul.LargeCell li a .CellHead span.Airline {
    font-size: 3.5vw;
}
ul.MiddleCell li a {
    border: #ffcd1e solid 3px;
    }
ul.MiddleCell li a .CellHead {
    font-size: 3.8vw;
    padding-bottom: 25px;
        width: 60%;
    }
ul.MiddleCell li a p.Cellimg {
    line-height: 0%;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
    width: 40%;
}
ul.MiddleCell li a p.Cellimg img {
     height: auto;
    min-height: 110px;
    width: 100%;
    object-fit: cover;
}
ul.MiddleCell li a .CellHead span.Airline {
    font-size: 3.5vw;
}
ul.MiddleCell li a p.Airtype {
    left: -15px;
    top: -15px;
    position: absolute;
}
ul.MiddleCell li a p.Airtype.indirect,
ul.MiddleCell li a p.Airtype.direct{
    font-size: 3.2vw;
    height: 62px;
    width: 62px;
}
ul.MiddleCell li a p.Airtype > span {
    display: block;
/*
    width: 60px;
    height: 49px;
    padding-top: 11px;
*/
    width: 52px;
    height: 52px;
    padding-top: 6px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
}
ul.MiddleCell span.Price .large {
    font-size: 2.8rem;
}
ul.MiddleCell li a span.date {
    padding: 1px 8px;
    font-size: 1.3rem;
}
ul.SmallCell li a {
    border: #0b8949 solid 3px;}
ul.SmallCell li a .CellHead{
    font-size: 3.7vw; 
    padding-bottom: 10px;
        width: 60%;
    height: 115px;
    }
ul.SmallCell li a p.Cellimg {
    line-height: 0%;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
    width: 30%;
}
ul.SmallCell li a p.Cellimg img {
     height: auto;
    min-height: 85px;
    width: 100%;
    object-fit: contain;
}
ul.SmallCell li a .CellHead span.Airline {
    font-size: 3.5vw;
}
ul.SmallCell li a p.Airtype {
    left: -15px;
    top: -15px;
    position: absolute;
}
ul.SmallCell li a p.Airtype.indirect,
ul.SmallCell li a p.Airtype.direct{
    font-size: 3.2vw;
    height: 62px;
    width: 62px;
}
ul.SmallCell li a p.Airtype > span {
    display: block;
/*
    width: 60px;
    height: 49px;
    padding-top: 11px;
*/
    width: 52px;
    height: 52px;
    padding-top: 6px;
    border-radius: 50% 50%;
    border: 1px solid #fff;
}
ul.SmallCell span.Price .large {
    font-size: 2.8rem;
}
ul.SmallCell li a span.date {
    padding: 1px 8px;
    font-size: 1.3rem;
}
.text-base{
    padding-top: 0;
}
.text-base h2{
padding: 0 2vw;
    color: #194917;
    font-size: 4.5vw;
    font-weight: bold;
    top: 17%;
}
    }