@charset "utf-8";

/*
 * CSS for SmartPhone
 * @date     2018.01.23
 * @author   shingo sato
 */


/* ------------------------------------------

------------------------------------------ */
body {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

.wid98 {
    width: 98%;
}

#widewrapper .pc {
    display: none !important;
}

#contentsArea {
    position: relative;
    background: #FFF;
}

.red {
    color: #b00;
}

#contents {
    background: #fff;
    box-shadow: inset 0px 15px 10px -15px #999;
    padding-top: 0;
}

/* ----- pickup -----*/
.contentright h2 {
    padding: 0 10px 0;
    text-align: center;
}

.contentright h2 img {
    width: 100%;
    max-width: 373px;
}


/* ----- linkbnr -----*/
ul.leftbnr {
    text-align: center;
    margin: 15px;
}

ul.leftbnr li {
    margin-bottom: 10px;
}

ul.leftbnr li img {
    width: 100%;
    max-width: 200px;
}

#contents .superSale a {
    color: #ba0100;
}

.superSale {
    font-weight: normal;
    font-size: 15px;
    display: none;
}

.dropup-menu .navimds.superSale {
    display: block;
}

nav.arealist li.superSale {
    padding-left: 0;
}

nav.arealist li.superSale a {
    padding-left: 0;
    padding-right: 0;
    background: none;
}

nav.arealist li.superSale a:hover {
    background: #eee;
}

nav.arealist li.allarea {
    border-top: none;
}

nav.arealist li.allarea a {
    position: relative;
    display: block;
}

nav.arealist li.allarea a.noken {
    background-image: none;
}

nav.arealist li.allarea a.open {
    background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1down.gif);
}

.area13 {
    line-height: 1.5;
}

.area13>ul {
    display: none;
}

.area13>.isShow {
    display: block;
}


#schPCSP {
    position: relative;
    bottom: 0;
    margin: 25px 15px 15px;
    background-color: #fff;
    z-index: 10;
    box-shadow: none;
    border: 1px solid;
    left: 0;
}

#schPCSP span.sp {
    position: relative;
    text-align: center;
    font-weight: bold;
    padding: 8px 0;
    width: 100%;
    display: block;
    color: #FFFFFF;
    background: #ba0100;
}

#schPCSP span.sp.close:after {
    content: "+";
    color: #38c1eb;
    position: absolute;
    border: 1px solid #38c1eb;
    padding: 1px 5px 2px 5px;
    font-size: 12px;
    top: 5px;
    right: 5px;
}

#schPCSP span.sp.open:after {
    content: "‐";
    color: #38c1eb;
    position: absolute;
    border: 1px solid #38c1eb;
    padding: 1px 5px 2px 5px;
    font-size: 12px;
    top: 5px;
    right: 5px;
    display: none;
}


#search-box {
    position: relative;
    border: 0;
    margin: 0;
    text-align: left;
}

#search-box #search-box-title,
#search-box .searchCategory {
    display: none;
}

#search-box .remindMsg {
    text-align: center;
}

#search-box #search-box-body {
    display: block;
}

#search-box #search-box-body #domestic-search-box {
    padding: 0;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl {
    display: block;
    width: 96%;
    margin: auto;
    overflow: hidden;
}


#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dt {
    padding-right: 20px;
    padding-top: 5px;
    display: block;
    overflow: hidden;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd {
    margin-bottom: 0;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select,
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd input,
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd a#dh-child-popup {
    margin-bottom: 4px;
    border: 1px solid #747474;
    background-color: #f7f7f4;
    border-radius: 6px;
    font-size: 16px !important;
}


#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.heyasu select {
    width: 85%;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number select {
    width: 62px;
    font-size: 16px !important;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li {
    width: 48%;
    max-width: none;
    white-space: nowrap;
    text-align: left;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li a {
    display: inline-block;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.adult {
    float: left;
    margin-top: 2px;
    padding-top: 0;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.child {
    float: right;
    margin-top: 0;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.area select {
    font-size: 16px !important;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.prcBox select {
    width: 65%;
    font-size: 16px !important;
}

.sltBox td {
    font-size: 14px !important;
}

.sltBox table select {
    font-size: 16px !important;
}

#search-box p.searchSubmit {
    display: block;
    overflow: hidden;
    width: 160px;
    margin: 0 auto 2px auto;
}

#search-box p.searchSubmit a {
    border-radius: 100px;
    border: 0;
    padding: 6px 0;
    width: 160px;
    margin: 2px auto 8px auto;
    font-size: 100%;
}

#search-box .inputDate,
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select {
    font-size: 13px;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl.structure.structure2.lft {
    width: 46%;
    float: left;
    margin-left: 2%;
}

.hasDatepicker {
    padding: 1px 3px;
}

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select {
    height: 36px;
    border-radius: 4px;
    font-size: 16px !important;
}

#search-box .number ul li.child a {
    line-height: 1.2;
}

body .childBox.popup-contents {
    z-index: 999 !important;
}

#search-box #search-box-body dl.structure label {
    font-size: 14px;
}

@media screen and (max-width:330px) {
    #search-box #search-box-body dl.structure label {
        font-size: 12px;
    }
}

#ui-datepicker-div {
    z-index: 9999999999999999999 !important;
}

/*
#ui-datepicker-div{width:18em!important;}
#ui-datepicker-div .ui-datepicker-group{width: 100%;}
.ui-datepicker{position: fixed !important; }*/


.jdsAlwaysFix2.end {
    display: none !important;
}

.rt-footer {
    z-index: 1 !important;
}

/*# sourceMappingURL=contents_sp_j.css.map */

.mt10 {
    margin-top: 10px !important;
}

#ss_special {
    display: none;
}

#ss_the_sale {
    display: none;
}

.ebnr {
    display: none;
}

.ss1bnr {
    display: none;
}

.ss2bnr {
    display: none;
}




.arealist.kenlist {
    bottom: 1px !important;
    width: 100%;
    z-index: 999;
}

#showMsg {
    display: none !important;
}

#areanewplan .htlBox.htlBox33.swiper-slide {
    margin: 10px 10px 10px 0 !important;
}

#bussRank .htlBox.htlBox33.swiper-slide {
    margin: 40px 10px 10px 0 !important;
}

#newPlan .htlBox.htlBox5.swiper-slide {
    margin: 10px 10px 10px 0 !important;
}

#bussRank .htlBox.htlBox5.swiper-slide {
    margin: 40px 10px 10px 0 !important;
}

#leisureRank .htlBox.htlBox5.swiper-slide {
    margin: 40px 10px 10px 0 !important;
}

.swiper-button-next,
.swiper-button-prev {
    display: none !important;
}

#areanewplan .htlBox .rate a,
#bussRank .htlBox .rate a,
#leisureRank .htlBox .rate a,
#newPlan .htlBox .rate a {
    min-height: 23px;
}

#areanewplan .htlBox.swiper-slide dl.return dd,
#bussRank .htlBox.htlBox33.swiper-slide dl.return dd {
    height: 50px;
    padding: 20px 0 0 0;
}

#areanewplan .htlBox.swiper-slide dl.return dd em {
    display: inline;
}

#areanewplan .htlBox.swiper-slide dl.return dd span {
    display: inline;
}

#bussRank .htlBox.htlBox33.swiper-slide dl.return dd em {
    display: inline;
}

#bussRank .htlBox.htlBox33.swiper-slide dl.return dd span {
    display: inline;
}

#discover .hotels.jQnQj .htlBox33 dl.return dd span {
    display: inline;
}

#discover .hotels.jQnQj .htlBox33 dl.return dd em {
    display: inline;
}

#areanewplan .htlBox.htlBox33.swiper-slide h3,
#leisureRank .htlBox.htlBox5.swiper-slide h3,
#bussRank .htlBox.swiper-slide h3,
#newPlan .htlBox.swiper-slide h3 {
    min-height: 45px;
    line-height: 15px;
}

#leisureRank .htlBox p.area,
#bussRank .htlBox p.area,
#areanewplan .htlBox.htlBox33.swiper-slide .area,
#newPlan .htlBox.swiper-slide .area {
    min-height: 40px;
}

#leisureRank .htlBox h3.planName,
#bussRank .htlBox.swiper-slide h3.planName,
#areanewplan .htlBox.htlBox33.swiper-slide h3.planName,
#newPlan .htlBox.swiper-slide h3.planName {
    min-height: 40px;
}

#leisureRank .htlBox dl.return dd em,
#newPlan .htlBox dl.return dd em,
#bussRank .htlBox dl.return dd em {
    display: inline;
}

#leisureRank .htlBox dl.return dd span,
#newPlan .htlBox dl.return dd span,
#bussRank .htlBox dl.return dd span {
    display: inline;
}

#leisureRank .htlBox dl.return dd,
#newPlan .htlBox dl.return dd,
#bussRank .htlBox dl.return dd {
    height: 50px;
    padding: 20px 0 0 0;
}

#discover .hotels.jQnQj .htlBox33 dl.return dd {
    height: 50px;
    padding: 20px 0 0 0;
}

.htlBox .photo img {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.htlBox .rate a:before {
    border: none;
}

#search-box #f_chu {
    margin-top: 5px;
    display: inline;
}

#areanewplan .hotels.swipeBnrNo {
    margin-left: 2%;
    margin-right: 2%;
}

#sevInfo h2 {
    width: 100% !important;
    margin: 0;
    padding-top: 30px;
}

/*--------------------------------------------
#menu-sp
 --------------------------------------------*/
#menu-sp {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
    background: #fffaf7;
    box-sizing: border-box
}

#menu-sp .main-acc {
    display: none;
    padding: 15px 10px 1em;
    position: absolute;
    bottom: 47px;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    opacity: 0.85;
}

#menu-sp .menu-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    border-radius: 1px;
    -webkit-transform: rotateX(0deg) rotate(-45deg);
    transform: rotateX(0deg) rotate(-45deg);
    position: relative;
    top: 1px;
    left: 7px;
    transition: .4s
}

#menu-sp .is-show .menu-arrow {
    top: -3px;
    -webkit-transform: rotateX(-180deg) rotate(-45deg);
    transform: rotateX(-180deg) rotate(-45deg)
}

#menu-sp .ico-close {
    position: absolute;
    width: 22px;
    height: 22px;
    display: block;
    top: 8px;
    right: 8px;
    cursor: pointer
}

#menu-sp .ico-close:before,
#menu-sp span.ico-close:after {
    content: "";
    width: 22px;
    height: 2px;
    display: block;
    background: #616161;
    position: absolute;
    top: 50%
}

#menu-sp .ico-close:before {
    transform: rotate(-45deg)
}

#menu-sp .ico-close:after {
    transform: rotate(45deg)
}

#menu-sp ul li a {
    font-size: 1em;
    font-weight: 700;
    letter-spacing: .05em
}

#menu-sp .menu-list1 li {
    text-align: center
}

#menu-sp .menu-list1.col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 12px
}

#menu-sp .menu-list1.col2 li {
    width: 48%
}

#menu-sp .menu-list1 li a {
    padding: .6em 0;
    display: inline-block;
    border-bottom: 1px solid #989898;
    width: 100%;
    box-sizing: border-box
}

#menu-sp .menu-list1 li a span {
    display: block;
    font-size: 12px
}

#menu-sp .menu-list2 li {
    text-align: center
}

#menu-sp .menu-list2 li a {
    padding: .7em 0 0;
    display: inline-block;
    width: 100%
}

#menu-sp .menu-list2 .ico-info a span {
    position: relative
}

#menu-sp .menu-list2 .ico-info a span:before {
    content: "";
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -26px;
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) no-repeat left center;
    background-size: 22px
}

#menu-sp p.btn-acc {
    font-size: 1em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    width: 100%;
    height: 47px;
    line-height: 47px;
    cursor: pointer;
    background: #38c1eb;
}

/* -----  -----*/

.m_sp {
    display: block;
}

.m_pc {
    display: none;
}

.topBnr {
    position: relative;
    overflow: hidden;
}

.topBnr h1 {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    top: 0;
}

.topBnr h1 img {
    margin: auto;
    height: 85%;
}

.topBnr .topPic {
    width: 100%;
}

.topBnr img.fadeOutRight {
    position: absolute;
    width: 74%;
    bottom: 3%;
    right: 340px;
    animation-iteration-count: 1 !important;
    animation-duration: 4s !important;
    z-index: 999;
}

.topBnr img.fadeInLeft {
    position: absolute;
    width: 13%;
    bottom: 18%;
    right: 5px;
    animation-iteration-count: 1 !important;
    animation-duration: 2s !important;
    animation-delay: 2s;
    z-index: 999;
}

.columleft #schPCSP span.sp {
    background: #ffffe4;
    color: #38c1eb;
}

.columleft #schPCSP {
    border-color: #38c1eb;
}

.page_h2 {
    margin: auto auto 20px auto;
    text-align: center;
}

.page_h2 img {
    margin: auto;
    width: 100%;
    max-width: 280px;
}

.PageCon {
    padding: 16px;
    background: url(../images/bg_top.gif) top no-repeat #f7f66c;
    margin: 0;
}

#BoxA,
#BoxB,
#BoxC {
    background: url(../images/bg_bottom.gif) bottom no-repeat;
}

#BoxA .page_h2 {
    background: url(../images/h2_BoxA_map.png) left top no-repeat;
    background-size: 100px;
}

#BoxB .page_h2 {
    background: url(../images/h2_BoxB_map.png) left top no-repeat;
    background-size: 100px;
}

#BoxC .page_h2 {
    background: url(../images/h2_BoxC_map.png) left top no-repeat;
    background-size: 100px;
}

.page_h2 {
    margin: auto auto 0 auto;
    text-align: center;
}

.page_h2 img {
    margin: auto;
    width: 100%;
    max-width: 700px;
}

.imgBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}

.imgBox ul {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.imgBox ul li {
    width: 100%;
    text-align: center;
}

.imgBox img {
    width: 100%;
}

.txtBox {
    font-size: 13px;
    list-style: 1.6;
}

.txtBox dt {
    transform: skewX(-5deg);
    -webkit-transform: skewX(-5deg);
    -moz-transform: skewX(-5deg);
}

.txtBox dd {
    background: #FFF;
    padding: 8px 8px;
    margin-top: 12px;
}

.txtBox dd span {
    display: block;
    transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
}

.txtBox dd span b {
    color: #76cadb;
}

.txtBox h3 {
    margin-bottom: 10px;
}

.txtBox h3 img {
    width: 100%;
    max-width: 380px
}

.sp_img img {
    width: 100%;
}

.accMapBox {
    margin: auto auto 16px auto;
    text-align: center;
}

.accMapBox img {
    margin: auto;
    max-width: 600px;
}

.acc_h3 {
    margin: auto auto 10px auto;
}

.acc_h3 img {
    width: 100%;
    max-width: 200px;
}

.accTxt {
    line-height: 1.5;
    font-size: 13px;
    margin: 2px 0 8px 0;
}

/* ----- Access -----*/
#Access {
    margin: auto 16px;
    line-height: 1.45;
    font-size: 13px;
    padding-top: 5px;
}

.accInfo li {
    margin-bottom: 20px;
}

#Access h4 img {
    width: 100%;
    max-width: 276px;
}

.accImg img {
    width: 100%;
    max-width: 430px;
}

.accBlue {
    background: #f5fbff;
    padding: 12px 12px 1px 12px;
    margin: 2px 0 0 0;
}

.accBk {
    border-top: 1px solid #b5b5b5;
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
}

.accImg {
    margin: 10px 0 15px 0;
}

.accImg img {
    width: 100%;
    max-width: 600px;
}

.txtBox dt em {
    line-height: 1.8;
}

.txtBox dd span {
    display: block;
    margin-bottom: 6px;
}

.txtBox dd span:last-of-type {
    margin: 0;
}

.txtBox dd small {
    display: block;
    margin-top: 4px;
}

#BoxB {
    display: none;
}

#BoxC {
    display: none;
}

.boxIcon {
    display: none;
}


.rout {
    text-align: center;
    clear: both;
    margin: 10px 0;
    position: relative;
    overflow: hidden;
}

.routend {
    text-align: center;
    clear: both;
}

.rout img {
    max-width: 468px;
    width: 80%;
}

.rout img.fadeInRight {
    width: 80%;
    position: absolute;
    top: 30%;
    right: 5%;
    animation-iteration-count: infinite !important;
    animation-duration: 5s !important;
}

.rout img.fadeInLeft {
    width: 80%;
    position: absolute;
    top: 30%;
    left: 5%;
    animation-iteration-count: infinite !important;
    animation-duration: 5s !important;
}

.routend img {
    width: 13%;
}


.fltimg_l,
.fltimg_r {
    display: none;
}

/* =====20210317 by 277===== */
#keyVisual div ul.ptexp .jdsCoponSwitch,
#keyVisual div ul.ptexp .foreg {
    display: none !important;
}

/* btm_nav */
.btmNav {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background-color: #38c1eb;
}

@media screen and (min-width:0px) and (max-width:240px) {
    .btmNav {
        width: 240px;
    }
}

.btmNav .dropup-menu {
    display: none;
    /* box-shadow: 0px 3px 15px #999;  */
    position: absolute;
    bottom: 100%;
    width: 100%;
    border: 1px solid #38c1eb;
    background-color:
        #fff;
    z-index: 9999;
}

.btmNav .dropup-menu a {
    position: relative;
}



.btmNav .dropup-menu li {
    text-align: center;
    margin: auto;
    padding: 0;
}

.btmNav .dropup-menu li.dealTop a {
    width: 100%;
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) 20% -5px no-repeat;
}

.btmNav .dropup-menu li:first-child {
    text-align: center;
}

.btmNav .dropup-menu li:first-child img {
    width: 5%;
}

.btmNav .dropup-menu.areachos {
    padding-bottom: 5px;
}

.btmNav .dropup-menu.areachos li {
    padding: 5px 0;
}

.btmNav .dropup-menu.areachos li select {
    border-radius: 4px;
    padding: 10px;
    background-color: #f7f7f4;
    font-size: .9em;
}

.btmNav .dropup-menu.areachos li.remindMsg {
    padding: 0;
}

.btmNav .dropup-menu:last-of-type .close {
    padding: 8px 0;
}

/* .btmNav .dropup-menu:last-of-type .close strong { padding: 3px 0 3px 29px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_search.png) 0 -1px/18px auto no-repeat; } */

.btmNav .dropup-menu .close {
    position: relative;
    font-weight: bold;
    background-color: #f1f1f1;
    color: #38c1eb;
    cursor: pointer;
}

.btmNav .dropup-menu a,
.btmNav .dropup-menu .close {
    display: block;
    padding: 3px 0;
    font-size: 15px;
}

.btmNav .dropup-menu a em,
.btmNav .dropup-menu .close em {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%;
}

.btmNav a.invoice:before {
    content: '';
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: calc(50% - 60px);
    top: 5px;
    background-size: 100%;
}

.btmNav .column2 a {
    float: left;
    width: 48%;
    box-sizing: border-box;
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -5px no-repeat;
    position: relative;
}

.btmNav .column2 a.invoice:before {
    top: 5px;
}

.btmNav .column2 a.wid98 {
    width: 98%;
}

.btmNav:after {
    content: "";
    display: block;
    clear: both;
}

.btmNav .isShow {
    display: block;
}

.btmNav span.nv {
    float: left;
    display: block;
    max-width: 25%;
    width: 25%;
    padding: 0;
    box-sizing: border-box;
    background-color: #38c1eb;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    min-height: 60px;
    border-right: 1px solid #fff;
}

.btmNav span.nv.moreIco {
    margin-right: 0;
}

.btmNav span.nv a {
    color: #fff !important;
    display: block;
    padding: 0;
    margin: 0;
}

.btmNav span.nv img {
    display: block;
    margin: 5px auto;
}

.btmNav.sp .btn {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    background-color: #38c1eb;
    font-weight: normal;
    text-align: center;
    color:
        #fff;
    cursor: pointer;
    font-size: 12px;
}

.noBdr {
    border: none !important;
}

@media screen and (max-width:330px) {
    .btmNav span.nv {
        font-size: 10px;
    }
}

.btmNav span.nv a,
.btmNav span.nv span {
    display: block;
    padding: 0;
}

.btmNav .btn em {
    display: inline-block;
    transform: rotate(0deg);
    transition: .3s;
}

.btmNav .btn:first-child {
    border-right: 1px solid #f0f0f0;
}

.btmNav .btn.btn2 {
    width: calc((100% - 1px) / 2);
}

.btmNav .btn.btn3 {
    width: 33.33%;
}

.btmNav .unchose {
    background-color: #333;
}

.btmNav .chose {
    background-color: #38c1eb
}

.btmNav .chose em {
    transform: rotate(180deg);
}


/* 202212 */
.pageNav {
    margin: 0;
}

.pageNav ul {
    display: flex;
    justify-self: center;
}

.pageNav ul li {
    border-left: 1px solid #ccf0f5;
    transition: all 0.5s ease;
    width: calc(100% / 3);
    text-align: center;
}

.pageNav ul li img {
    width: 100%;
    max-width: 120px;
}

.pageNav ul li:first-of-type {
    border-left: none;
}

.pageNav ul li:hover {
    transition: all 0.5s ease;
    background: #f6f6f6;
    cursor: pointer;
}

.btmNav .column2.dropup-menuB a {
    float: none;
    width: auto;
}

#topNav {
    width: 100%;
    background: #fff;
    z-index: 99;
}

.update.big {
    margin-bottom: 40px;
}

.update {
    border: 1px solid #BF0000;
    background: #fff;
    font-size: 12px;
    padding: 10px;
    color: #BF0000;
    margin-bottom: 20px;
}

.update b {
    font-weight: normal;
    color: #333;
    display: block;
}

#sevInfo table tr td {
    background-color: #fff !important;
}
/*-----------------------------

サービス概要

-------------------------------*/
#OVERVIEW {
  padding: 32px 0;
}


#OVERVIEW h2{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bf0000;
}

#OVERVIEW .holder {
  box-sizing: border-box;
  margin: 20px 16px 0;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  background-color: #fff;
  color: #333;
}

#OVERVIEW .holder .title {
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
  font-weight: bold;
}

#OVERVIEW .holder .title span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}

#OVERVIEW .holder dl {
  line-height: 1.6;
  padding-bottom: 4px;
}

#OVERVIEW .holder dl:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
}

#OVERVIEW .holder dl dt {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}

#OVERVIEW .holder dl dd span {
  display: inline-block;
  font-weight: 400;
  padding: 4px 8px;
  background: #ebebeb;
}

#OVERVIEW .holder dl dd p {
  padding: 4px 0 14px;
  font-weight: 300;
}

#OVERVIEW .holder dl dd p em {
  font-style: normal;
  text-decoration: underline;
}

#OVERVIEW .holder dl dd a {
  text-decoration: underline;
}

#OVERVIEW .holder dl b {
  font-weight: 700;
}

#topLogo {
    position: relative;
    padding: 12px;
      border-top: 1px solid #eaeaea;

  background-color: #fff;
}
#topLogo img{max-width: 100%;}