/* CSS for SmartPhone @date     2019.6.10 @author   ShenLi */
/* ------------------------------------------

------------------------------------------ */
body{ margin: 0; padding: 0;}
* { box-sizing: border-box; }
.wid98 { width: 98%; }

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

#contentsArea { position: relative; background: #FFF; color: #3e3631; }

.red { color: #b00; }

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

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

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

.columright { font-family: '?????', 'Yu Gothic'; }

ul.pickup { overflow: hidden; }

ul.pickup li { width: 47%; float: left; margin-left: 2%; margin-top: 15px; line-height: 0; text-align: left; }

ul.pickup li img { width: 100%; }

ul.pickup li a .area_pkup { font-size: .8em; background-color: #66b821; padding: 2px 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #fff; clear: both; line-height: 1.5em; display: inline; }

ul.pickup li img { box-shadow: 2px 2px 3px #c9c9c9; }

ul.pickup1 { text-align: center; }

ul.pickup1 li { float: none; display: inline-block; }

/* ----- newplan -----*/
.pitari_single .hotels.jQnQj .htlBox33{ width: 96%; margin: 10px auto; float: none;}
.pitari_single .hotels.jQnQj .htlBox33.htlBox .rate a{ min-height: 15px !important; max-height: 25px;}

.single .hotels.jQnQj .htlBox33{ width: 96%; margin: 10px auto; float: none;}
.single .hotels.jQnQj .htlBox33.htlBox .rate a{ min-height: 15px !important; max-height: 25px;}

.hotels { overflow: hidden; }

.htlBox { border: none; width: 92%; margin: 30px auto; border-radius: 0; overflow: hidden; }

.htlBox .basic { border: 0; padding-bottom: 5px; }

.htlBox .basic:before, .htlBox .basic:after { display: none; content: none; }

.htlBox p.area { background: none; color: #333; font-size: 12px; margin-bottom: 9px; overflow:visible!important; }

.htlBox a:hover { text-decoration: none !important; opacity: 0.75; }

.htlBox h3 { margin: 0 10px 10px; font-size: 90%; word-wrap: break-word; }

.htlBox .photo { padding-bottom: 0; width: 100%; }

.htlBox .rank em { padding-bottom: 2px; }

.htlBox .rate { border: none; padding: 0; margin: 5px 0; }

.htlBox .rate .rating00 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/sprite.png) no-repeat #FFF; background-position: 3px -793px !important; color: #FFF; background-color: transparent; }

.htlBox .rate a { box-sizing: content-box; border: 0; padding: 0; min-height: 45px; }

.htlBox .rate a:before { right: -2px; }

.htlBox .rate em { padding-bottom: 5px; padding-left: 95px; font-size: 110%; }

.htlBox .rate em a:before { top: 35%; }

.htlBox .plan { background: #f5f5f5; margin: 10px; padding: 10px; }

.htlBox .plan h3 { font-size: 13px; margin: 0; font-weight: normal; line-height: 1.3em; }

.htlBox .price { margin-top: 10px; font-size: 10px; text-align: center; }

.htlBox .price span { font-weight: bold; font-size: 150%; color: #ba0100; display: block; line-height: 1.6em; }

.htlBox dl.return { color: #FFF; background: #ba0100; margin-top: 10px; overflow: hidden; }

.htlBox dl.return dt { width: 66px; height: 60px; float: left; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/mark_off.gif) left top no-repeat; font-size: 9px; padding: 10px 0 0 3px; line-height: 1.1; text-align: center; }

.htlBox dl.return dt span { font-size: 180%; font-weight: bold; }

.htlBox dl.return dd { width: calc(100% - 66px); height: 60px; float: left; font-weight: bold; padding: 10px 0 0 0; text-align: center; font-size: 14px; align-items: center; }

.htlBox dl.return dd span { font-size: 60%; display: block; }

.htlBox dl.return dd em { font-size: 115%; font-style: normal; display: block; }

.htlBox5, .htlBox33 { width: 48%; float: left; margin: 10px 1%; overflow: visible; }

#ss_special .htlBox a.plan, #ss_the_sale .htlBox a.plan { background: #FFECEC; }

#ss_special .htlBox dl.return, #ss_the_sale .htlBox dl.return { background-color: #b18500; }

#ss_special .htlBox dl.return dt, #ss_the_sale .htlBox dl.return dt { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ss_mark_off.jpg); }

#ss_special .htlBox dl.return dd, #ss_the_sale .htlBox dl.return dd { background: #b18500; }

/* ----- bussinessRank -----*/
#bussRank .jdsCoponSwitch, #leisureRank .jdsCoponSwitch, .showMore { background: #c9c9c9; margin: 0 10px; font-weight: bold; text-align: center; padding: 8px 0; cursor: pointer; }

#bussRank .jdsCoponSwitch span, #leisureRank .jdsCoponSwitch span, .showMore span { line-height: 1em; display: inline-block; padding-right: 20px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markplus.png) bottom right no-repeat; }

.showMore { background-color: transparent; padding: 0; }

.showMore div { display: inline-block; width: 100%; height: 40px; padding: 8px 0; background-color: #c9c9c9; }

.disMore { display: block; }

#bussRank .active-submenu span, #leisureRank .active-submenu span { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markminus.png); }

#bussRank .htlBox, #leisureRank .htlBox { position: relative; margin-top: 45px; }

#bussRank .htlBox p.rankicon, #leisureRank .htlBox p.rankicon { height: 30px; width: 100%; position: absolute; top: -30px; left: 0; z-index: 99; }

#bussRank .htlBox p.rankicon1, #leisureRank .htlBox p.rankicon1 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_1st.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon2, #leisureRank .htlBox p.rankicon2 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_2nd.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon3, #leisureRank .htlBox p.rankicon3 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_3rd.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon4, #leisureRank .htlBox p.rankicon4 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_4th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon5, #leisureRank .htlBox p.rankicon5 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_5th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon6, #leisureRank .htlBox p.rankicon6 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_6th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon7, #leisureRank .htlBox p.rankicon7 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_7th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon8, #leisureRank .htlBox p.rankicon8 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_8th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon9, #leisureRank .htlBox p.rankicon9 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_9th.gif) top left no-repeat; }

#bussRank .htlBox p.rankicon10, #leisureRank .htlBox p.rankicon10 { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_10th.gif) top left no-repeat; }

/* ----- 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; }

/* btm_nav */
.btmNav { position: fixed;z-index: 9999;bottom: 0;width: 100%; background-color:#ba0100;}
@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 #ba0100;
    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: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: #ba0100; 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:19.8%; width:19.8%; padding:0; box-sizing: border-box; background-color: #ba0100; 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: #ba0100;
font-weight: normal;
text-align: center;
color:
    #fff;
    cursor: pointer;
    font-size: 12px;
}

@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: #ba0100; }

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




#schPCSP{position: relative; bottom:0;width:92%; margin-left:auto;margin-right:auto;
    background-color:#fff;z-index:10;box-shadow:none;
    border: 1px solid#ba0100;left:0; display:block!important;}
#schPCSP .close { position: relative; text-align:center; font-weight:  bold;cursor: pointer; padding: 8px 0; width: 100%; display: block;color:#FFFFFF; background:#ba0100;}
#schPCSP .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%;

}
#schPCSP .close em {display:none;}
#schPCSP .close:after{ content:"+";color:#FFFFFF;position:absolute; border:1px solid #fff; padding:1px 5px 2px 5px; font-size:12px;top:5px; right:5px;display: none;}
#schPCSP .close.open:after{content:"-";}


#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 { width: 46%; 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: 30px;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-top: 0;}

.btmNav .dropup-menu li.dealTop{ width:184px; float:none; margin-left: auto; margin-right: auto; clear: both;}
.btmNav .dropup-menu li.dealTop a{ float:none; width: 100%; margin:2px 0;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -7px no-repeat;}
.btn.btn-default.moreIco.nv{
    border:none;
}

.planSearch p{ text-align: center; margin:15px 10px 0 10px;}
.planSearch p img.sp{ max-width:460px; margin: 0 auto; width: 100%;}


.tpr{  font-size: 14px; line-height: 1.8; text-align: center; margin: 16px 8px;}
.yobo{ background: #f2f2f2; overflow: hidden; padding-bottom: 24px;}
.yobo dt{ font-size: 20px; font-weight: bold; text-align: center; padding: 24px 16px 0;}
.yobo dd{ display: flex; justify-content: center; flex-wrap: wrap;}
.yobo dd img{ display: block; margin: 12px 6px 0; width: calc( 30% - 12px );}

#contents .jsTab .tab_navs{ padding-bottom: 35px;  margin-top: 32px; display: flex;}
#contents .jsTab .tab_navs span{ color: rgba(255, 255, 255, 0.4); display: block; width: 50%; padding:25px 0; text-align: center; font-size: 16px; font-weight: bold; position: relative;}
#contents .jsTab .tab_navs span:nth-child(1){ background: #c66c38;}
#contents .jsTab .tab_navs span:nth-child(2){ background: #59648e;}
#contents .jsTab .tab_navs span.active{ color: #fff;}
#contents .jsTab .tab_navs span.active:nth-child(1):after{ display: block; content: ""; background: url(../images/navActive1.png) no-repeat; background-size: 10px; width: 10px; height: 31px; position: absolute; left: 50%; margin-left: -5px; bottom: -31px;}
#contents .jsTab .tab_navs span.active:nth-child(2):after{ display: block; content: ""; background: url(../images/navActive2.png) no-repeat;  background-size: 10px; width: 10px; height: 31px; position: absolute; left: 50%; margin-left: -5px; bottom: -31px;}


.tab_content .ttls{ font-size: 17px; margin: 0 12px;}
.tab_content .ttls img{ width: 100%;}
.tab_content .pr{ font-size: 17px; margin-top: 20px; text-align: center; line-height: 1.8;}

.bgbox{ display: flex; flex-wrap: wrap; padding-bottom: 30px;}
.bgbox .photo img{ width: 100%;}
.leis{ background: #f5d9c9;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 15%, #f5d9c9 15%, #f5d9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 15%,#f5d9c9 15%,#f5d9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 15%,#f5d9c9 15%,#f5d9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5d9c9',GradientType=1 ); /* IE6-9 */
}
.busi{ background: #d3e8fb;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 15%, #d3e8fb 15%, #d3e8fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 15%,#d3e8fb 15%,#d3e8fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 15%,#d3e8fb 15%,#d3e8fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3e8fb',GradientType=1 ); /* IE6-9 */
}

.point1,.point2,.point3,.point4 {display: flex; flex-wrap: wrap; margin-top: 30px;}
.point1 .photo,.point2 .photo,.point3 .photo,.point4 .photo{ margin-top: 24px;}
.point1 .rt,.point2 .rt,.point3 .rt,.point4 .rt{ background: #fff; padding: 15px; box-sizing: border-box; margin: -16px 16px 0;}
.point2 .rt{ background: #c66c38; color: #fff;}
.point4 .rt{ background: #c66c38; color: #fff; margin-top: 24px;}
.point1 .ttl,.point2 .ttl,.point3 .ttl,.point4 .ttl{ font-size: 22px; font-weight: bold; line-height: 1.4; }
.point1 .ttl img,.point2 .ttl img,.point3 .ttl img,.point4 .ttl img{ margin: -32px 8px 8px !important; width: 70% !important;}
.point1 .explain,.point2 .explain,.point3 .explain,.point4 .explain{ font-size: 14px; line-height: 1.6; margin-top: 16px; width: 100%;}
.point1 .icon{ margin: 24px 0 0; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; width: 100%;}
.point1 .icon li{ margin: 0 5px; font-size: 12px; text-align: center; width: 40%;}
.point1 .icon li img{ padding-bottom: 10px; width: 100%; max-width: 60px; margin: 0 auto;}
.point2 .icon,.point3 .icon{ margin: 24px 0 0; width: 100%; background: url(../images/ic_kids_siroSp.png) center 10px no-repeat; box-sizing: border-box; border-radius: 15px; border: 1px dashed #fff; padding: 60px 12px 4px;}
.point3 .icon{ background: url(../images/ic_kids_chaSp.png) center 10px no-repeat; border: 1px dashed #c66c38; color: #c66c38;}
.point2 .icon li,.point3 .icon li{ margin: 0 0 8px; font-size: 13px;}
.point1 .atn{ font-size: 12px; text-align: center; margin:15px 0 0;}

.busi .point2 .rt,.busi .point4 .rt{ background: #59648e;}
.busi .point2 .icon{ background: url(../images/ic_bag_siroSp.png) center 10px no-repeat; }
.busi .point3 .icon{ background: url(../images/ic_bag_aoSp.png) center 10px no-repeat; border: 1px dashed #59648e; color: #59648e;}





.mapBox,.subphoto{ display: none !important;}


#sevInfo{ margin-top: 30px;}
/* =====20210317 by 277===== */
#keyVisual div ul.ptexp .jdsCoponSwitch,
#keyVisual div ul.ptexp .foreg{
	display: none!important;
}

#topLogo {
    position: relative;
    padding: 12px;
      border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background-color: #fff;
}
#topLogo img{max-width: 100%;}

#survey-list *{box-sizing: content-box !important;}

#OVERVIEW .holder {
  background-color: #FFF;
  margin: 24px 16px 0;
  padding: 16px;
  padding-bottom: 0;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
}
#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: bold;
  padding: 4px 8px;
  background: #ebebeb;
  font-weight: 400;
}
#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 h2 {
    text-align: center;
    font-weight: 500;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    color: #bf0000;
    font-size: 20px;
    display: flex;align-items: center ; justify-content: center;
}

#OVERVIEW h2 img{width: auto;}
#OVERVIEW{margin-top: 20px;}