@charset "utf-8";

.mt-100 {
    margin-top: -100px!important
}

.mt-95 {
    margin-top: -95px!important
}

.mt-90 {
    margin-top: -90px!important
}

.mt-85 {
    margin-top: -85px!important
}

.mt-80 {
    margin-top: -80px!important
}

.mt-75 {
    margin-top: -75px!important
}

.mt-70 {
    margin-top: -70px!important
}

.mt-65 {
    margin-top: -65px!important
}

.mt-60 {
    margin-top: -60px!important
}

.mt-55 {
    margin-top: -55px!important
}

.mt-50 {
    margin-top: -50px!important
}

.mt-45 {
    margin-top: -45px!important
}

.mt-40 {
    margin-top: -40px!important
}

.mt-35 {
    margin-top: -35px!important
}

.mt-30 {
    margin-top: -30px!important
}

.mt-25 {
    margin-top: -25px!important
}

.mt-20 {
    margin-top: -20px!important
}

.mt-15 {
    margin-top: -15px!important
}

.mt-10 {
    margin-top: -10px!important
}

.mt-09 {
    margin-top: -9px!important
}

.mt-08 {
    margin-top: -8px!important
}

.mt-07 {
    margin-top: -7px!important
}

.mt-06 {
    margin-top: -6px!important
}

.mt-05 {
    margin-top: -5px!important
}

.mt-04 {
    margin-top: -4px!important
}

.mt-03 {
    margin-top: -3px!important
}

.mt-02 {
    margin-top: -2px!important
}

.mt-01 {
    margin-top: -1px!important
}

.mt00 {
    margin-top: 0!important
}

.mt01 {
    margin-top: 1px!important
}

.mt02 {
    margin-top: 2px!important
}

.mt03 {
    margin-top: 3px!important
}

.mt04 {
    margin-top: 4px!important
}

.mt05 {
    margin-top: 5px!important
}

.mt06 {
    margin-top: 6px!important
}

.mt07 {
    margin-top: 7px!important
}

.mt08 {
    margin-top: 8px!important
}

.mt09 {
    margin-top: 9px!important
}

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

.mt11 {
    margin-top: 11px!important
}

.mt12 {
    margin-top: 12px!important
}

.mt13 {
    margin-top: 13px!important
}

.mt14 {
    margin-top: 14px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt16 {
    margin-top: 16px!important
}

.mt17 {
    margin-top: 17px!important
}

.mt18 {
    margin-top: 18px!important
}

.mt19 {
    margin-top: 19px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt21 {
    margin-top: 21px!important
}

.mt22 {
    margin-top: 22px!important
}

.mt23 {
    margin-top: 23px!important
}

.mt24 {
    margin-top: 24px!important
}

.mt25 {
    margin-top: 25px!important
}

.mt26 {
    margin-top: 26px!important
}

.mt27 {
    margin-top: 27px!important
}

.mt28 {
    margin-top: 28px!important
}

.mt29 {
    margin-top: 29px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt45 {
    margin-top: 45px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt55 {
    margin-top: 55px!important
}

.mt60 {
    margin-top: 60px!important
}

.mt70 {
    margin-top: 70px!important
}

.mt80 {
    margin-top: 80px!important
}

.mt90 {
    margin-top: 90px!important
}

.mt100 {
    margin-top: 100px!important
}

.mb-100 {
    margin-bottom: -100px!important
}

.mb-95 {
    margin-bottom: -95px!important
}

.mb-90 {
    margin-bottom: -90px!important
}

.mb-85 {
    margin-bottom: -85px!important
}

.mb-80 {
    margin-bottom: -80px!important
}

.mb-75 {
    margin-bottom: -75px!important
}

.mb-70 {
    margin-bottom: -70px!important
}

.mb-65 {
    margin-bottom: -65px!important
}

.mb-60 {
    margin-bottom: -60px!important
}

.mb-55 {
    margin-bottom: -55px!important
}

.mb-50 {
    margin-bottom: -50px!important
}

.mb-45 {
    margin-bottom: -45px!important
}

.mb-40 {
    margin-bottom: -40px!important
}

.mb-35 {
    margin-bottom: -35px!important
}

.mb-30 {
    margin-bottom: -30px!important
}

.mb-25 {
    margin-bottom: -25px!important
}

.mb-20 {
    margin-bottom: -20px!important
}

.mb-15 {
    margin-bottom: -15px!important
}

.mb-10 {
    margin-bottom: -10px!important
}

.mb-09 {
    margin-bottom: -9px!important
}

.mb-08 {
    margin-bottom: -8px!important
}

.mb-07 {
    margin-bottom: -7px!important
}

.mb-06 {
    margin-bottom: -6px!important
}

.mb-05 {
    margin-bottom: -5px!important
}

.mb-04 {
    margin-bottom: -4px!important
}

.mb-03 {
    margin-bottom: -3px!important
}

.mb-02 {
    margin-bottom: -2px!important
}

.mb-01 {
    margin-bottom: -1px!important
}

.mb00 {
    margin-bottom: 0!important
}

.mb01 {
    margin-bottom: 1px!important
}

.mb02 {
    margin-bottom: 2px!important
}

.mb03 {
    margin-bottom: 3px!important
}

.mb04 {
    margin-bottom: 4px!important
}

.mb05 {
    margin-bottom: 5px!important
}

.mb06 {
    margin-bottom: 6px!important
}

.mb07 {
    margin-bottom: 7px!important
}

.mb08 {
    margin-bottom: 8px!important
}

.mb09 {
    margin-bottom: 9px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb11 {
    margin-bottom: 11px!important
}

.mb12 {
    margin-bottom: 12px!important
}

.mb13 {
    margin-bottom: 13px!important
}

.mb14 {
    margin-bottom: 14px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb16 {
    margin-bottom: 16px!important
}

.mb17 {
    margin-bottom: 17px!important
}

.mb18 {
    margin-bottom: 18px!important
}

.mb19 {
    margin-bottom: 19px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb21 {
    margin-bottom: 21px!important
}

.mb22 {
    margin-bottom: 22px!important
}

.mb23 {
    margin-bottom: 23px!important
}

.mb24 {
    margin-bottom: 24px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.mb26 {
    margin-bottom: 26px!important
}

.mb27 {
    margin-bottom: 27px!important
}

.mb28 {
    margin-bottom: 28px!important
}

.mb29 {
    margin-bottom: 29px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb45 {
    margin-bottom: 45px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.mb55 {
    margin-bottom: 55px!important
}

.mb60 {
    margin-bottom: 60px!important
}

.mb70 {
    margin-bottom: 70px!important
}

.mb80 {
    margin-bottom: 80px!important
}

.mb90 {
    margin-bottom: 90px!important
}

.mb100 {
    margin-bottom: 100px!important
}

.ml-100 {
    margin-left: -100px!important
}

.ml-95 {
    margin-left: -95px!important
}

.ml-90 {
    margin-left: -90px!important
}

.ml-85 {
    margin-left: -85px!important
}

.ml-80 {
    margin-left: -80px!important
}

.ml-75 {
    margin-left: -75px!important
}

.ml-70 {
    margin-left: -70px!important
}

.ml-65 {
    margin-left: -65px!important
}

.ml-60 {
    margin-left: -60px!important
}

.ml-55 {
    margin-left: -55px!important
}

.ml-50 {
    margin-left: -50px!important
}

.ml-45 {
    margin-left: -45px!important
}

.ml-40 {
    margin-left: -40px!important
}

.ml-35 {
    margin-left: -35px!important
}

.ml-30 {
    margin-left: -30px!important
}

.ml-25 {
    margin-left: -25px!important
}

.ml-20 {
    margin-left: -20px!important
}

.ml-15 {
    margin-left: -15px!important
}

.ml-10 {
    margin-left: -10px!important
}

.ml-09 {
    margin-left: -9px!important
}

.ml-08 {
    margin-left: -8px!important
}

.ml-07 {
    margin-left: -7px!important
}

.ml-06 {
    margin-left: -6px!important
}

.ml-05 {
    margin-left: -5px!important
}

.ml-04 {
    margin-left: -4px!important
}

.ml-03 {
    margin-left: -3px!important
}

.ml-02 {
    margin-left: -2px!important
}

.ml-01 {
    margin-left: -1px!important
}

.ml00 {
    margin-left: 0!important
}

.ml01 {
    margin-left: 1px!important
}

.ml02 {
    margin-left: 2px!important
}

.ml03 {
    margin-left: 3px!important
}

.ml04 {
    margin-left: 4px!important
}

.ml05 {
    margin-left: 5px!important
}

.ml06 {
    margin-left: 6px!important
}

.ml07 {
    margin-left: 7px!important
}

.ml08 {
    margin-left: 8px!important
}

.ml09 {
    margin-left: 9px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml25 {
    margin-left: 25px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml40 {
    margin-left: 40px!important
}

.ml50 {
    margin-left: 50px!important
}

.mr-100 {
    margin-right: -100px!important
}

.mr-95 {
    margin-right: -95px!important
}

.mr-90 {
    margin-right: -90px!important
}

.mr-85 {
    margin-right: -85px!important
}

.mr-80 {
    margin-right: -80px!important
}

.mr-75 {
    margin-right: -75px!important
}

.mr-70 {
    margin-right: -70px!important
}

.mr-65 {
    margin-right: -65px!important
}

.mr-60 {
    margin-right: -60px!important
}

.mr-55 {
    margin-right: -55px!important
}

.mr-50 {
    margin-right: -50px!important
}

.mr-45 {
    margin-right: -45px!important
}

.mr-40 {
    margin-right: -40px!important
}

.mr-35 {
    margin-right: -35px!important
}

.mr-30 {
    margin-right: -30px!important
}

.mr-25 {
    margin-right: -25px!important
}

.mr-20 {
    margin-right: -20px!important
}

.mr-15 {
    margin-right: -15px!important
}

.mr-10 {
    margin-right: -10px!important
}

.mr-09 {
    margin-right: -9px!important
}

.mr-08 {
    margin-right: -8px!important
}

.mr-07 {
    margin-right: -7px!important
}

.mr-06 {
    margin-right: -6px!important
}

.mr-05 {
    margin-right: -5px!important
}

.mr-04 {
    margin-right: -4px!important
}

.mr-03 {
    margin-right: -3px!important
}

.mr-02 {
    margin-right: -2px!important
}

.mr-01 {
    margin-right: -1px!important
}

.mr00 {
    margin-right: 0!important
}

.mr01 {
    margin-right: 1px!important
}

.mr02 {
    margin-right: 2px!important
}

.mr03 {
    margin-right: 3px!important
}

.mr04 {
    margin-right: 4px!important
}

.mr05 {
    margin-right: 5px!important
}

.mr06 {
    margin-right: 6px!important
}

.mr07 {
    margin-right: 7px!important
}

.mr08 {
    margin-right: 8px!important
}

.mr09 {
    margin-right: 9px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr25 {
    margin-right: 25px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr50 {
    margin-right: 50px!important
}

.pt-100 {
    padding-top: -100px!important
}

.pt-95 {
    padding-top: -95px!important
}

.pt-90 {
    padding-top: -90px!important
}

.pt-85 {
    padding-top: -85px!important
}

.pt-80 {
    padding-top: -80px!important
}

.pt-75 {
    padding-top: -75px!important
}

.pt-70 {
    padding-top: -70px!important
}

.pt-65 {
    padding-top: -65px!important
}

.pt-60 {
    padding-top: -60px!important
}

.pt-55 {
    padding-top: -55px!important
}

.pt-50 {
    padding-top: -50px!important
}

.pt-45 {
    padding-top: -45px!important
}

.pt-40 {
    padding-top: -40px!important
}

.pt-35 {
    padding-top: -35px!important
}

.pt-30 {
    padding-top: -30px!important
}

.pt-25 {
    padding-top: -25px!important
}

.pt-20 {
    padding-top: -20px!important
}

.pt-15 {
    padding-top: -15px!important
}

.pt-10 {
    padding-top: -10px!important
}

.pt-09 {
    padding-top: -9px!important
}

.pt-08 {
    padding-top: -8px!important
}

.pt-07 {
    padding-top: -7px!important
}

.pt-06 {
    padding-top: -6px!important
}

.pt-05 {
    padding-top: -5px!important
}

.pt-04 {
    padding-top: -4px!important
}

.pt-03 {
    padding-top: -3px!important
}

.pt-02 {
    padding-top: -2px!important
}

.pt-01 {
    padding-top: -1px!important
}

.pt00 {
    padding-top: 0!important
}

.pt01 {
    padding-top: 1px!important
}

.pt02 {
    padding-top: 2px!important
}

.pt03 {
    padding-top: 3px!important
}

.pt04 {
    padding-top: 4px!important
}

.pt05 {
    padding-top: 5px!important
}

.pt06 {
    padding-top: 6px!important
}

.pt07 {
    padding-top: 7px!important
}

.pt08 {
    padding-top: 8px!important
}

.pt09 {
    padding-top: 9px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt11 {
    padding-top: 11px!important
}

.pt12 {
    padding-top: 12px!important
}

.pt13 {
    padding-top: 13px!important
}

.pt14 {
    padding-top: 14px!important
}

.pt15 {
    padding-top: 15px!important
}

.pt16 {
    padding-top: 16px!important
}

.pt17 {
    padding-top: 17px!important
}

.pt18 {
    padding-top: 18px!important
}

.pt19 {
    padding-top: 19px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt21 {
    padding-top: 21px!important
}

.pt22 {
    padding-top: 22px!important
}

.pt23 {
    padding-top: 23px!important
}

.pt24 {
    padding-top: 24px!important
}

.pt25 {
    padding-top: 25px!important
}

.pt26 {
    padding-top: 26px!important
}

.pt27 {
    padding-top: 27px!important
}

.pt28 {
    padding-top: 28px!important
}

.pt29 {
    padding-top: 29px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt45 {
    padding-top: 45px!important
}

.pt50 {
    padding-top: 50px!important
}

.pt55 {
    padding-top: 55px!important
}

.pt60 {
    padding-top: 60px!important
}

.pt70 {
    padding-top: 70px!important
}

.pt80 {
    padding-top: 80px!important
}

.pt90 {
    padding-top: 90px!important
}

.pt100 {
    padding-top: 100px!important
}

.pb-100 {
    padding-bottom: -100px!important
}

.pb-95 {
    padding-bottom: -95px!important
}

.pb-90 {
    padding-bottom: -90px!important
}

.pb-85 {
    padding-bottom: -85px!important
}

.pb-80 {
    padding-bottom: -80px!important
}

.pb-75 {
    padding-bottom: -75px!important
}

.pb-70 {
    padding-bottom: -70px!important
}

.pb-65 {
    padding-bottom: -65px!important
}

.pb-60 {
    padding-bottom: -60px!important
}

.pb-55 {
    padding-bottom: -55px!important
}

.pb-50 {
    padding-bottom: -50px!important
}

.pb-45 {
    padding-bottom: -45px!important
}

.pb-40 {
    padding-bottom: -40px!important
}

.pb-35 {
    padding-bottom: -35px!important
}

.pb-30 {
    padding-bottom: -30px!important
}

.pb-25 {
    padding-bottom: -25px!important
}

.pb-20 {
    padding-bottom: -20px!important
}

.pb-15 {
    padding-bottom: -15px!important
}

.pb-10 {
    padding-bottom: -10px!important
}

.pb-09 {
    padding-bottom: -9px!important
}

.pb-08 {
    padding-bottom: -8px!important
}

.pb-07 {
    padding-bottom: -7px!important
}

.pb-06 {
    padding-bottom: -6px!important
}

.pb-05 {
    padding-bottom: -5px!important
}

.pb-04 {
    padding-bottom: -4px!important
}

.pb-03 {
    padding-bottom: -3px!important
}

.pb-02 {
    padding-bottom: -2px!important
}

.pb-01 {
    padding-bottom: -1px!important
}

.pb00 {
    padding-bottom: 0!important
}

.pb01 {
    padding-bottom: 1px!important
}

.pb02 {
    padding-bottom: 2px!important
}

.pb03 {
    padding-bottom: 3px!important
}

.pb04 {
    padding-bottom: 4px!important
}

.pb05 {
    padding-bottom: 5px!important
}

.pb06 {
    padding-bottom: 6px!important
}

.pb07 {
    padding-bottom: 7px!important
}

.pb08 {
    padding-bottom: 8px!important
}

.pb09 {
    padding-bottom: 9px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb11 {
    padding-bottom: 11px!important
}

.pb12 {
    padding-bottom: 12px!important
}

.pb13 {
    padding-bottom: 13px!important
}

.pb14 {
    padding-bottom: 14px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb16 {
    padding-bottom: 16px!important
}

.pb17 {
    padding-bottom: 17px!important
}

.pb18 {
    padding-bottom: 18px!important
}

.pb19 {
    padding-bottom: 19px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb21 {
    padding-bottom: 21px!important
}

.pb22 {
    padding-bottom: 22px!important
}

.pb23 {
    padding-bottom: 23px!important
}

.pb24 {
    padding-bottom: 24px!important
}

.pb25 {
    padding-bottom: 25px!important
}

.pb26 {
    padding-bottom: 26px!important
}

.pb27 {
    padding-bottom: 27px!important
}

.pb28 {
    padding-bottom: 28px!important
}

.pb29 {
    padding-bottom: 29px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb45 {
    padding-bottom: 45px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pb55 {
    padding-bottom: 55px!important
}

.pb60 {
    padding-bottom: 60px!important
}

.pb70 {
    padding-bottom: 70px!important
}

.pb80 {
    padding-bottom: 80px!important
}

.pb90 {
    padding-bottom: 90px!important
}

.pb100 {
    padding-bottom: 100px!important
}

.pl-100 {
    padding-left: -100px!important
}

.pl-95 {
    padding-left: -95px!important
}

.pl-90 {
    padding-left: -90px!important
}

.pl-85 {
    padding-left: -85px!important
}

.pl-80 {
    padding-left: -80px!important
}

.pl-75 {
    padding-left: -75px!important
}

.pl-70 {
    padding-left: -70px!important
}

.pl-65 {
    padding-left: -65px!important
}

.pl-60 {
    padding-left: -60px!important
}

.pl-55 {
    padding-left: -55px!important
}

.pl-50 {
    padding-left: -50px!important
}

.pl-45 {
    padding-left: -45px!important
}

.pl-40 {
    padding-left: -40px!important
}

.pl-35 {
    padding-left: -35px!important
}

.pl-30 {
    padding-left: -30px!important
}

.pl-25 {
    padding-left: -25px!important
}

.pl-20 {
    padding-left: -20px!important
}

.pl-15 {
    padding-left: -15px!important
}

.pl-10 {
    padding-left: -10px!important
}

.pl-09 {
    padding-left: -9px!important
}

.pl-08 {
    padding-left: -8px!important
}

.pl-07 {
    padding-left: -7px!important
}

.pl-06 {
    padding-left: -6px!important
}

.pl-05 {
    padding-left: -5px!important
}

.pl-04 {
    padding-left: -4px!important
}

.pl-03 {
    padding-left: -3px!important
}

.pl-02 {
    padding-left: -2px!important
}

.pl-01 {
    padding-left: -1px!important
}

.pl00 {
    padding-left: 0!important
}

.pl01 {
    padding-left: 1px!important
}

.pl02 {
    padding-left: 2px!important
}

.pl03 {
    padding-left: 3px!important
}

.pl04 {
    padding-left: 4px!important
}

.pl05 {
    padding-left: 5px!important
}

.pl06 {
    padding-left: 6px!important
}

.pl07 {
    padding-left: 7px!important
}

.pl08 {
    padding-left: 8px!important
}

.pl09 {
    padding-left: 9px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl15 {
    padding-left: 15px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl30 {
    padding-left: 30px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl50 {
    padding-left: 50px!important
}

.pr-100 {
    padding-right: -100px!important
}

.pr-95 {
    padding-right: -95px!important
}

.pr-90 {
    padding-right: -90px!important
}

.pr-85 {
    padding-right: -85px!important
}

.pr-80 {
    padding-right: -80px!important
}

.pr-75 {
    padding-right: -75px!important
}

.pr-70 {
    padding-right: -70px!important
}

.pr-65 {
    padding-right: -65px!important
}

.pr-60 {
    padding-right: -60px!important
}

.pr-55 {
    padding-right: -55px!important
}

.pr-50 {
    padding-right: -50px!important
}

.pr-45 {
    padding-right: -45px!important
}

.pr-40 {
    padding-right: -40px!important
}

.pr-35 {
    padding-right: -35px!important
}

.pr-30 {
    padding-right: -30px!important
}

.pr-25 {
    padding-right: -25px!important
}

.pr-20 {
    padding-right: -20px!important
}

.pr-15 {
    padding-right: -15px!important
}

.pr-10 {
    padding-right: -10px!important
}

.pr-09 {
    padding-right: -9px!important
}

.pr-08 {
    padding-right: -8px!important
}

.pr-07 {
    padding-right: -7px!important
}

.pr-06 {
    padding-right: -6px!important
}

.pr-05 {
    padding-right: -5px!important
}

.pr-04 {
    padding-right: -4px!important
}

.pr-03 {
    padding-right: -3px!important
}

.pr-02 {
    padding-right: -2px!important
}

.pr-01 {
    padding-right: -1px!important
}

.pr00 {
    padding-right: 0!important
}

.pr01 {
    padding-right: 1px!important
}

.pr02 {
    padding-right: 2px!important
}

.pr03 {
    padding-right: 3px!important
}

.pr04 {
    padding-right: 4px!important
}

.pr05 {
    padding-right: 5px!important
}

.pr06 {
    padding-right: 6px!important
}

.pr07 {
    padding-right: 7px!important
}

.pr08 {
    padding-right: 8px!important
}

.pr09 {
    padding-right: 9px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr15 {
    padding-right: 15px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr25 {
    padding-right: 25px!important
}

.pr30 {
    padding-right: 30px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr50 {
    padding-right: 50px!important
}

.fz09 {
    font-size: 9px!important
}

.fz10 {
    font-size: 10px!important
}

.fz11 {
    font-size: 11px!important
}

.fz12 {
    font-size: 12px!important
}

.fz13 {
    font-size: 13px!important
}

.fz14 {
    font-size: 14px!important
}

.fz15 {
    font-size: 15px!important
}

.fz16 {
    font-size: 16px!important
}

.fz17 {
    font-size: 17px!important
}

.fz18 {
    font-size: 18px!important
}

.fz19 {
    font-size: 19px!important
}

.fz20 {
    font-size: 20px!important
}

.fz21 {
    font-size: 21px!important
}

.fz22 {
    font-size: 22px!important
}

.fz23 {
    font-size: 23px!important
}

.fz24 {
    font-size: 24px!important
}

.fz25 {
    font-size: 25px!important
}

.fz26 {
    font-size: 26px!important
}

.fz27 {
    font-size: 27px!important
}

.fz28 {
    font-size: 28px!important
}

.fz29 {
    font-size: 29px!important
}

.fz30 {
    font-size: 30px!important
}

.fz31 {
    font-size: 31px!important
}

.fz32 {
    font-size: 32px!important
}

.fz33 {
    font-size: 33px!important
}

.fz34 {
    font-size: 34px!important
}

.fz35 {
    font-size: 35px!important
}

.fz36 {
    font-size: 36px!important
}

.fz37 {
    font-size: 37px!important
}

.fz38 {
    font-size: 38px!important
}

.fz39 {
    font-size: 39px!important
}

.fz40 {
    font-size: 40px!important
}

.fz41 {
    font-size: 41px!important
}

.fz42 {
    font-size: 42px!important
}

.fz43 {
    font-size: 43px!important
}

.fz44 {
    font-size: 44px!important
}

.fz45 {
    font-size: 45px!important
}

.fz46 {
    font-size: 46px!important
}

.fz47 {
    font-size: 47px!important
}

.fz48 {
    font-size: 48px!important
}

.fz49 {
    font-size: 49px!important
}

.fz50 {
    font-size: 50px!important
}

.fz51 {
    font-size: 51px!important
}

.fz52 {
    font-size: 52px!important
}

.fz53 {
    font-size: 53px!important
}

.fz54 {
    font-size: 54px!important
}

.fz55 {
    font-size: 55px!important
}

.fz56 {
    font-size: 56px!important
}

.fz57 {
    font-size: 57px!important
}

.fz58 {
    font-size: 58px!important
}

.fz59 {
    font-size: 59px!important
}

.fz60 {
    font-size: 60px!important
}

.fz61 {
    font-size: 61px!important
}

.fz62 {
    font-size: 62px!important
}

.fz63 {
    font-size: 63px!important
}

.fz64 {
    font-size: 64px!important
}

.fz65 {
    font-size: 65px!important
}

.fz66 {
    font-size: 66px!important
}

.fz67 {
    font-size: 67px!important
}

.fz68 {
    font-size: 68px!important
}

.fz69 {
    font-size: 69px!important
}

.fz70 {
    font-size: 70px!important
}

.fz71 {
    font-size: 71px!important
}

.fz72 {
    font-size: 72px!important
}

.fz73 {
    font-size: 73px!important
}

.fz74 {
    font-size: 74px!important
}

.fz75 {
    font-size: 75px!important
}

.fz76 {
    font-size: 76px!important
}

.fz77 {
    font-size: 77px!important
}

.fz78 {
    font-size: 78px!important
}

.fz79 {
    font-size: 79px!important
}

.fz80 {
    font-size: 80px!important
}

.lh09 {
    line-height: 9px!important
}

.lh10 {
    line-height: 10px!important
}

.lh11 {
    line-height: 11px!important
}

.lh12 {
    line-height: 12px!important
}

.lh13 {
    line-height: 13px!important
}

.lh14 {
    line-height: 14px!important
}

.lh15 {
    line-height: 15px!important
}

.lh16 {
    line-height: 16px!important
}

.lh17 {
    line-height: 17px!important
}

.lh18 {
    line-height: 18px!important
}

.lh19 {
    line-height: 19px!important
}

.lh20 {
    line-height: 20px!important
}

.lh21 {
    line-height: 21px!important
}

.lh22 {
    line-height: 22px!important
}

.lh23 {
    line-height: 23px!important
}

.lh24 {
    line-height: 24px!important
}

.lh25 {
    line-height: 25px!important
}

.lh26 {
    line-height: 26px!important
}

.lh27 {
    line-height: 27px!important
}

.lh28 {
    line-height: 28px!important
}

.lh29 {
    line-height: 29px!important
}

.lh30 {
    line-height: 30px!important
}

.lh31 {
    line-height: 31px!important
}

.lh32 {
    line-height: 32px!important
}

.lh33 {
    line-height: 33px!important
}

.lh34 {
    line-height: 34px!important
}

.lh35 {
    line-height: 35px!important
}

.lh36 {
    line-height: 36px!important
}

.lh37 {
    line-height: 37px!important
}

.lh38 {
    line-height: 38px!important
}

.lh39 {
    line-height: 39px!important
}

.lh40 {
    line-height: 40px!important
}

.lh41 {
    line-height: 41px!important
}

.lh42 {
    line-height: 42px!important
}

.lh43 {
    line-height: 43px!important
}

.lh44 {
    line-height: 44px!important
}

.lh45 {
    line-height: 45px!important
}

.lh46 {
    line-height: 46px!important
}

.lh47 {
    line-height: 47px!important
}

.lh48 {
    line-height: 48px!important
}

.lh49 {
    line-height: 49px!important
}

.lh50 {
    line-height: 50px!important
}

.lh51 {
    line-height: 51px!important
}

.lh52 {
    line-height: 52px!important
}

.lh53 {
    line-height: 53px!important
}

.lh54 {
    line-height: 54px!important
}

.lh55 {
    line-height: 55px!important
}

.lh56 {
    line-height: 56px!important
}

.lh57 {
    line-height: 57px!important
}

.lh58 {
    line-height: 58px!important
}

.lh59 {
    line-height: 59px!important
}

.lh60 {
    line-height: 60px!important
}

.lh61 {
    line-height: 61px!important
}

.lh62 {
    line-height: 62px!important
}

.lh63 {
    line-height: 63px!important
}

.lh64 {
    line-height: 64px!important
}

.lh65 {
    line-height: 65px!important
}

.lh66 {
    line-height: 66px!important
}

.lh67 {
    line-height: 67px!important
}

.lh68 {
    line-height: 68px!important
}

.lh69 {
    line-height: 69px!important
}

.lh70 {
    line-height: 70px!important
}

.lh71 {
    line-height: 71px!important
}

.lh72 {
    line-height: 72px!important
}

.lh73 {
    line-height: 73px!important
}

.lh74 {
    line-height: 74px!important
}

.lh75 {
    line-height: 75px!important
}

.lh76 {
    line-height: 76px!important
}

.lh77 {
    line-height: 77px!important
}

.lh78 {
    line-height: 78px!important
}

.lh79 {
    line-height: 79px!important
}

.lh80 {
    line-height: 80px!important
}

.lh81 {
    line-height: 81px!important
}

.lc-05 {
    letter-spacing: -5px!important
}

.lc-04_ {
    letter-spacing: -4.5px!important
}

.lc-04 {
    letter-spacing: -4px!important
}

.lc-03_ {
    letter-spacing: -3.5px!important
}

.lc-03 {
    letter-spacing: -3px!important
}

.lc-02_ {
    letter-spacing: -2.5px!important
}

.lc-02 {
    letter-spacing: -2px!important
}

.lc-01_ {
    letter-spacing: -1.5px!important
}

.lc-01 {
    letter-spacing: -1px!important
}

.lc-00_ {
    letter-spacing: -.5px!important
}

.lc00 {
    letter-spacing: 0!important
}

.lc00_ {
    letter-spacing: .5px!important
}

.lc01 {
    letter-spacing: 1px!important
}

.lc02 {
    letter-spacing: 2px!important
}

.lc03 {
    letter-spacing: 3px!important
}

.lc04 {
    letter-spacing: 4px!important
}

.lc05 {
    letter-spacing: 5px!important
}

.w00 {
    width: 0!important
}

.w01 {
    width: 1px!important
}

.w02 {
    width: 2px!important
}

.w03 {
    width: 3px!important
}

.w04 {
    width: 4px!important
}

.w05 {
    width: 5px!important
}

.w06 {
    width: 6px!important
}

.w07 {
    width: 7px!important
}

.w08 {
    width: 8px!important
}

.w09 {
    width: 9px!important
}

.w10 {
    width: 10px!important
}

.w11 {
    width: 11px!important
}

.w12 {
    width: 12px!important
}

.w13 {
    width: 13px!important
}

.w14 {
    width: 14px!important
}

.w15 {
    width: 15px!important
}

.w16 {
    width: 16px!important
}

.w17 {
    width: 17px!important
}

.w18 {
    width: 18px!important
}

.w19 {
    width: 19px!important
}

.w20 {
    width: 20px!important
}

.w21 {
    width: 21px!important
}

.w22 {
    width: 22px!important
}

.w23 {
    width: 23px!important
}

.w24 {
    width: 24px!important
}

.w25 {
    width: 25px!important
}

.w26 {
    width: 26px!important
}

.w27 {
    width: 27px!important
}

.w28 {
    width: 28px!important
}

.w29 {
    width: 29px!important
}

.w30 {
    width: 30px!important
}

.w35 {
    width: 35px!important
}

.w40 {
    width: 40px!important
}

.w45 {
    width: 45px!important
}

.w50 {
    width: 50px!important
}

.w55 {
    width: 55px!important
}

.w60 {
    width: 60px!important
}

.w65 {
    width: 65px!important
}

.w70 {
    width: 70px!important
}

.w75 {
    width: 75px!important
}

.w80 {
    width: 80px!important
}

.w85 {
    width: 85px!important
}

.w90 {
    width: 90px!important
}

.w95 {
    width: 95px!important
}

.w100 {
    width: 100px!important
}

.h00 {
    height: 0!important
}

.h01 {
    height: 1px!important
}

.h02 {
    height: 2px!important
}

.h03 {
    height: 3px!important
}

.h04 {
    height: 4px!important
}

.h05 {
    height: 5px!important
}

.h06 {
    height: 6px!important
}

.h07 {
    height: 7px!important
}

.h08 {
    height: 8px!important
}

.h09 {
    height: 9px!important
}

.h10 {
    height: 10px!important
}

.h11 {
    height: 11px!important
}

.h12 {
    height: 12px!important
}

.h13 {
    height: 13px!important
}

.h14 {
    height: 14px!important
}

.h15 {
    height: 15px!important
}

.h16 {
    height: 16px!important
}

.h17 {
    height: 17px!important
}

.h18 {
    height: 18px!important
}

.h19 {
    height: 19px!important
}

.h20 {
    height: 20px!important
}

.h21 {
    height: 21px!important
}

.h22 {
    height: 22px!important
}

.h23 {
    height: 23px!important
}

.h24 {
    height: 24px!important
}

.h25 {
    height: 25px!important
}

.h26 {
    height: 26px!important
}

.h27 {
    height: 27px!important
}

.h28 {
    height: 28px!important
}

.h29 {
    height: 29px!important
}

.h30 {
    height: 30px!important
}

.h35 {
    height: 35px!important
}

.h40 {
    height: 40px!important
}

.h45 {
    height: 45px!important
}

.h50 {
    height: 50px!important
}

.h55 {
    height: 55px!important
}

.h60 {
    height: 60px!important
}

.h65 {
    height: 65px!important
}

.h70 {
    height: 70px!important
}

.h75 {
    height: 75px!important
}

.h80 {
    height: 80px!important
}

.h85 {
    height: 85px!important
}

.h90 {
    height: 90px!important
}

.h95 {
    height: 95px!important
}

.h100 {
    height: 100px!important
}

.wem00_1 {
    width: .1em!important
}

.wem00_2 {
    width: .2em!important
}

.wem00_3 {
    width: .3em!important
}

.wem00_4 {
    width: .4em!important
}

.wem00_ {
    width: .5em!important
}

.wem00_6 {
    width: .6em!important
}

.wem00_7 {
    width: .7em!important
}

.wem00_8 {
    width: .8em!important
}

.wem00_9 {
    width: .9em!important
}

.wem01 {
    width: 1em!important
}

.wem01_1 {
    width: 1.1em!important
}

.wem01_2 {
    width: 1.2em!important
}

.wem01_3 {
    width: 1.3em!important
}

.wem01_4 {
    width: 1.4em!important
}

.wem01_5 {
    width: 1.5em!important
}

.wem01_6 {
    width: 1.6em!important
}

.wem01_7 {
    width: 1.7em!important
}

.wem01_8 {
    width: 1.8em!important
}

.wem01_9 {
    width: 1.9em!important
}

.wem02 {
    width: 2em!important
}

.wem02_1 {
    width: 2.1em!important
}

.wem02_2 {
    width: 2.2em!important
}

.wem02_3 {
    width: 2.3em!important
}

.wem02_4 {
    width: 2.4em!important
}

.wem02_5 {
    width: 2.5em!important
}

.wem02_6 {
    width: 2.6em!important
}

.wem02_7 {
    width: 2.7em!important
}

.wem02_8 {
    width: 2.8em!important
}

.wem03 {
    width: 3em!important
}

.wem03_ {
    width: 3.5em!important
}

.wem04 {
    width: 4em!important
}

.wem04_ {
    width: 4.5em!important
}

.wem05 {
    width: 5em!important
}

.wem05_ {
    width: 5.5em!important
}

.wem06 {
    width: 6em!important
}

.wem06_ {
    width: 6.5em!important
}

.wem07 {
    width: 7em!important
}

.wem07_ {
    width: 7.5em!important
}

.wem08 {
    width: 8em!important
}

.wem08_ {
    width: 8.5em!important
}

.wem09 {
    width: 9em!important
}

.wem09_ {
    width: 9.5em!important
}

.wem10 {
    width: 10em!important
}

.hem00_1 {
    height: .1em!important
}

.hem00_2 {
    height: .2em!important
}

.hem00_3 {
    height: .3em!important
}

.hem00_4 {
    height: .4em!important
}

.hem00_ {
    height: .5em!important
}

.hem00_6 {
    height: .6em!important
}

.hem00_7 {
    height: .7em!important
}

.hem00_8 {
    height: .8em!important
}

.hem00_9 {
    height: .9em!important
}

.hem01 {
    height: 1em!important
}

.hem01_1 {
    height: 1.1em!important
}

.hem01_2 {
    height: 1.2em!important
}

.hem01_3 {
    height: 1.3em!important
}

.hem01_4 {
    height: 1.4em!important
}

.hem01_5 {
    height: 1.5em!important
}

.hem01_6 {
    height: 1.6em!important
}

.hem01_7 {
    height: 1.7em!important
}

.hem01_8 {
    height: 1.8em!important
}

.hem01_9 {
    height: 1.9em!important
}

.hem02 {
    height: 2em!important
}

.hem02_1 {
    height: 2.1em!important
}

.hem02_2 {
    height: 2.2em!important
}

.hem02_3 {
    height: 2.3em!important
}

.hem02_4 {
    height: 2.4em!important
}

.hem02_5 {
    height: 2.5em!important
}

.hem02_6 {
    height: 2.6em!important
}

.hem02_7 {
    height: 2.7em!important
}

.hem02_8 {
    height: 2.8em!important
}

.hem03 {
    height: 3em!important
}

.hem03_ {
    height: 3.5em!important
}

.hem04 {
    height: 4em!important
}

.hem04_ {
    height: 4.5em!important
}

.hem05 {
    height: 5em!important
}

.hem05_ {
    height: 5.5em!important
}

.hem06 {
    height: 6em!important
}

.hem06_ {
    height: 6.5em!important
}

.hem07 {
    height: 7em!important
}

.hem07_ {
    height: 7.5em!important
}

.hem08 {
    height: 8em!important
}

.hem08_ {
    height: 8.5em!important
}

.hem09 {
    height: 9em!important
}

.hem09_ {
    height: 9.5em!important
}

.hem10 {
    height: 10em!important
}

.wpr00 {
    width: 0!important
}

.wpr05 {
    width: 5%!important
}

.wpr10 {
    width: 10%!important
}

.wpr15 {
    width: 15%!important
}

.wpr20 {
    width: 20%!important
}

.wpr25 {
    width: 25%!important
}

.wpr30 {
    width: 30%!important
}

.wpr35 {
    width: 35%!important
}

.wpr40 {
    width: 40%!important
}

.wpr45 {
    width: 45%!important
}

.wpr50 {
    width: 50%!important
}

.wpr55 {
    width: 55%!important
}

.wpr60 {
    width: 60%!important
}

.wpr65 {
    width: 65%!important
}

.wpr70 {
    width: 70%!important
}

.wpr75 {
    width: 75%!important
}

.wpr80 {
    width: 80%!important
}

.wpr85 {
    width: 85%!important
}

.wpr90 {
    width: 90%!important
}

.wpr95 {
    width: 95%!important
}

.wpr100 {
    width: 100%!important
}

.hpr00 {
    height: 0!important
}

.hpr05 {
    height: 5%!important
}

.hpr10 {
    height: 10%!important
}

.hpr15 {
    height: 15%!important
}

.hpr20 {
    height: 20%!important
}

.hpr25 {
    height: 25%!important
}

.hpr30 {
    height: 30%!important
}

.hpr35 {
    height: 35%!important
}

.hpr40 {
    height: 40%!important
}

.hpr45 {
    height: 45%!important
}

.hpr50 {
    height: 50%!important
}

.hpr55 {
    height: 55%!important
}

.hpr60 {
    height: 60%!important
}

.hpr65 {
    height: 65%!important
}

.hpr70 {
    height: 70%!important
}

.hpr75 {
    height: 75%!important
}

.hpr80 {
    height: 80%!important
}

.hpr85 {
    height: 85%!important
}

.hpr90 {
    height: 90%!important
}

.hpr95 {
    height: 95%!important
}

.hpr100 {
    height: 100%!important
}

.indent-1 {
    margin-left: 1em;
    text-indent: -1em
}

.block {
    display: block
}

.word-break {
    word-break: break-all
}

html {
    width: 100%;
    height: 100%
}

body {
    -webkit-text-size-adjust: 100%
}

article,blockquote,body,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,input,nav,p,pre,section,td,textarea,th {
    margin: 0;
    padding: 0;
    font-size: 100%
}

li,ol,ul {
    font-size: 100%
}

ol,ul {
    padding-left: 1.4em
}

li {
    padding-bottom: 10px
}

li:last-child {
    padding-bottom: 0
}

li ul {
    padding-top: 10px
}

.reset-list li,.reset-list ol,.reset-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

body {
    background: #fff;
    color: #333;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    text-align: left
}

img {
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom
}

.section03 .more-btn button,.section03 .more-btn button:link,.section03 .more-btn button:visited,a,a:link,a:visited {
    color: #2068b7;
    font-weight: 400;
    text-decoration: underline
}

.section03 .more-btn button:active,.section03 .more-btn button:hover,a:active,a:hover {
    color: #2068b7;
    font-weight: 400;
    text-decoration: none
}

strong {
    font-weight: 700
}

.p,p {
    margin: 0 0 2em
}

del {
    color: #ccc
}

.section03 .more-btn button del,a del {
    text-decoration: inherit
}

code,pre.code {
    background-color: #eee
}

pre.code {
    margin: 0 0 20px;
    padding: 12px;
    font-size: 100%;
    line-height: 1.3em
}

.clear {
    clear: both
}

.center {
    text-align: center!important
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.bold {
    font-weight: 700
}

.red {
    color: #df003a!important
}

.op {
    opacity: 1;
    transition: opacity 1s
}

.op:hover {
    opacity: .6
}

.anim {
    transition: all 1s ease-out
}

.responsive img,img.responsive {
    width: 100%;
    height: auto
}

.fleft {
    float: left
}

.fright {
    float: right
}

.ib {
    display: inline-block
}

.text-overflow-ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

hr {
    appearance: none;
    -webkit-appearance: none;
    width: auto;
    margin: 20px -500%;
    overflow: hidden;
    border-top: none;
    border-bottom: 1px solid #ccc;
    background: none;
    box-shadow: none
}

.cl:after,hr {
    display: block;
    height: 0
}

.cl:after {
    visibility: hidden;
    clear: both;
    content: "."
}

.cl {
    display: inline-block
}

* html .cl {
    height: 1%
}

.cl {
    display: block
}

.wp-caption.aligncenter,img.aligncenter,img.centered {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.wp-caption.alignright,img.alignright {
    display: block;
    margin: 0 0 1em 1em;
    float: right
}

.wp-caption.alignright,img.alignleft {
    display: block;
    margin: 0 1em 1em 0;
    float: left
}

.alignright {
    text-align: right
}

.alignleft {
    text-align: left
}

.aligncenter,.wp-caption {
    text-align: center
}

.wp-caption {
    margin-bottom: 45px
}

.wp-caption-text {
    margin: 8px 0 0;
    line-height: 1.3em
}

.wp-caption-text,cite {
    color: #666;
    font-size: 12px
}

cite {
    display: inline-block;
    font-style: normal;
    line-height: 1.6em
}

.mw_wp_form .confirm-show,.mw_wp_form_confirm .note,.mw_wp_form_confirm .privacy,.mw_wp_form_confirm .show-on-input,.mw_wp_form_confirm dt .required,.mw_wp_form_confirm dt br,.mw_wp_form_input .show-on-confirm,.mw_wp_form_preview .note,.mw_wp_form_preview .privacy,.mw_wp_form_preview dt .required,.mw_wp_form_preview dt br {
    display: none
}

.mw_wp_form.mw_wp_form_confirm .confirm-show {
    display: block
}

.mw_wp_form.mw_wp_form_confirm .confirm-hide {
    display: none
}

.viewport {
    z-index: 5;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow-y: hidden
}

.viewport,body {
    overflow-x: hidden
}

h2,h3,h4,h5,h6 {
    margin: 0 0 1em;
    clear: both
}

h2 {
    font-size: 24px
}

h2,h3 {
    display: block;
    position: relative;
    color: #333;
    font-weight: 700;
    line-height: 1.5em
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h4,h5 {
    display: block;
    position: relative;
    color: #333;
    font-weight: 700;
    line-height: 1.5em
}

h5 {
    font-size: 16px
}

h6 {
    display: block;
    position: relative;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5em
}

.section03 .more-btn h2 button,.section03 .more-btn h2 button:link,.section03 .more-btn h2 button:visited,.section03 .more-btn h3 button,.section03 .more-btn h3 button:link,.section03 .more-btn h3 button:visited,.section03 .more-btn h4 button,.section03 .more-btn h4 button:link,.section03 .more-btn h4 button:visited,.section03 .more-btn h5 button,.section03 .more-btn h5 button:link,.section03 .more-btn h5 button:visited,.section03 .more-btn h6 button,.section03 .more-btn h6 button:link,.section03 .more-btn h6 button:visited,h2 .section03 .more-btn button,h2 .section03 .more-btn button:link,h2 .section03 .more-btn button:visited,h2 a,h2 a:link,h2 a:visited,h3 .section03 .more-btn button,h3 .section03 .more-btn button:link,h3 .section03 .more-btn button:visited,h3 a,h3 a:link,h3 a:visited,h4 .section03 .more-btn button,h4 .section03 .more-btn button:link,h4 .section03 .more-btn button:visited,h4 a,h4 a:link,h4 a:visited,h5 .section03 .more-btn button,h5 .section03 .more-btn button:link,h5 .section03 .more-btn button:visited,h5 a,h5 a:link,h5 a:visited,h6 .section03 .more-btn button,h6 .section03 .more-btn button:link,h6 .section03 .more-btn button:visited,h6 a,h6 a:link,h6 a:visited {
    color: inherit;
    font: inherit
}

.table+h2,.table+h3,.table+h4,.table+h5,.table+h6,blockquote+h2,blockquote+h3,blockquote+h4,blockquote+h5,blockquote+h6,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h2,p+h3,p+h4,p+h5,p+h6,pre+h2,pre+h3,pre+h4,pre+h5,pre+h6,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6 {
    margin-top: 30px
}

p~h5 {
    margin-bottom: 10px
}

.table table {
    width: 100%;
    border-top: 1px solid #cbcbcb;
    border-collapse: collapse;
    border-spacing: 0
}

.table table td,.table table th {
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #ccc;
    text-align: left
}

.table table td {
    background: #fff;
    color: inherit;
    font-weight: 400;
    text-align: left
}

.table table th {
    background: #eee;
    color: #333;
    font-weight: 700;
    text-align: center
}

.table-fixed table {
    table-layout: fixed
}

ul.hiragana {
    padding-left: 1.8em;
    list-style-type: hiragana
}

ul.katakana {
    padding-left: 1.8em;
    list-style-type: katakana
}

ul.hiragana-iroha {
    padding-left: 1.8em;
    list-style-type: hiragana-iroha
}

ul.katakana-iroha {
    padding-left: 1.8em;
    list-style-type: katakana-iroha
}

.flex-sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

blockquote,pre {
    margin: 0 auto 2em;
    padding: 25px 30px;
    border: 1px solid #cbcbcb;
    background: #f4f4f4
}

blockquote p:last-child,pre p:last-child {
    margin-bottom: 0
}

.btn .section03 .more-btn button,.btn a,.btn button,.section03 .more-btn .btn button {
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    min-height: 70px;
    margin: 0 auto;
    padding: 8px;
    border: 3px solid #333;
    border-radius: 35px;
    background: #333;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    text-decoration: none
}

.btn.btn2 .section03 .more-btn button,.btn.btn2 a,.btn.btn2 button,.section03 .more-btn .btn.btn2 button {
    max-width: 440px;
    font-size: 20px;
    line-height: 1.5em
}

.btn.btn-s .section03 .more-btn button,.btn.btn-s a,.btn.btn-s button,.section03 .more-btn .btn.btn-s button {
    max-width: 140px;
    min-height: 30px;
    padding: 4px 18px;
    border-width: 1px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5em
}

.btn.btn-white .section03 .more-btn button,.btn.btn-white a,.btn.btn-white button,.section03 .more-btn .btn.btn-white button {
    background-color: #fff!important;
    color: #333
}

.btn.btn-r .section03 .more-btn button,.btn.btn-r a,.btn.btn-r button,.section03 .more-btn .btn.btn-r button {
    margin-right: 0
}

.btn.btn-l .section03 .more-btn button,.btn.btn-l a,.btn.btn-l button,.section03 .more-btn .btn.btn-l button {
    margin-left: 0
}

.pagination {
    margin: 40px 0
}

.pagination ul {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    list-style: none
}

.pagination ul li {
    margin: 0;
    padding: 0
}

.pagination ul li .section03 .more-btn button,.pagination ul li a,.pagination ul li span,.section03 .more-btn .pagination ul li button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 3px;
    background: #f0f0f0;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out
}

.pagination ul li.next .section03 .more-btn button,.pagination ul li.next a,.pagination ul li.prev .section03 .more-btn button,.pagination ul li.prev a,.section03 .more-btn .pagination ul li.next button,.section03 .more-btn .pagination ul li.prev button {
    border-color: transparent;
    background: #fff
}

.pagination ul li.current span,.pagination ul li .section03 .more-btn button:hover,.pagination ul li a:hover,.pagination ul li span.current,.section03 .more-btn .pagination ul li button:hover {
    background: #fff!important;
    color: #db0131!important
}

.pagination ul li.disabled .section03 .more-btn button,.pagination ul li.disabled a,.pagination ul li.disabled span,.section03 .more-btn .pagination ul li.disabled button {
    cursor: default;
    opacity: 0!important
}

.pagination ul li.sep span,.pagination ul li span.dots {
    border-color: transparent;
    background: transparent
}

.pagination ul li .section03 .more-btn button.next,.pagination ul li .section03 .more-btn button.prev,.pagination ul li a.next,.pagination ul li a.prev,.section03 .more-btn .pagination ul li button.next,.section03 .more-btn .pagination ul li button.prev {
    display: none
}

.sns-buttons {
    margin: 80px 0 35px
}

.sns-buttons ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto
}

.sns-buttons ul li {
    box-sizing: border-box;
    width: 20%;
    padding: 0 8px
}

.header {
    box-sizing: border-box;
    display: block;
    z-index: 10;
    position: relative;
    width: 100%;
    height: 60px;
    padding: 0 15px;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 1
}

.header .inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    margin: 0 auto
}

.header .logo {
    flex: 1
}

.header .logo p {
    margin: 0
}

.header .logo .section03 .more-btn button,.header .logo a,.section03 .more-btn .header .logo button {
    display: inline-block
}

.header .logo .section03 .more-btn button img,.header .logo a img,.section03 .more-btn .header .logo button img {
    width: 100%;
    max-width: 77px;
    height: auto
}

.header .icons {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end
}

.header .icons>*+* {
    margin-left: 18px
}

.header .icons .section03 .more-btn button,.header .icons a,.section03 .more-btn .header .icons button {
    display: block
}

.header .icons img {
    width: 100%;
    max-width: 30px;
    height: auto
}

.overlay-modal {
    display: none;
    z-index: 150;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    max-width: 668px;
    max-height: 90vh;
    margin: auto;
    transform: translateY(100vw);
    border-radius: 5px;
    background: #fff
}

.overlay-modal-wrap {
    display: flex;
    flex: 1;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    max-height: 90vh
}

.overlay-modal .head {
    border-bottom: 1px solid #ccc
}

.overlay-modal .head .in {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 15px
}

.overlay-modal .head .title {
    flex: 1;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1
}

.overlay-modal .head .close {
    flex-shrink: 0
}

.overlay-modal .head .close .section03 .more-btn button,.overlay-modal .head .close a,.section03 .more-btn .overlay-modal .head .close button {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.overlay-modal .head .close .section03 .more-btn button:after,.overlay-modal .head .close .section03 .more-btn button:before,.overlay-modal .head .close a:after,.overlay-modal .head .close a:before,.section03 .more-btn .overlay-modal .head .close button:after,.section03 .more-btn .overlay-modal .head .close button:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 3px;
    margin: auto 0;
    overflow: hidden;
    transform-origin: center center;
    background: #333;
    content: ""
}

.overlay-modal .head .close .section03 .more-btn button:before,.overlay-modal .head .close a:before,.section03 .more-btn .overlay-modal .head .close button:before {
    transform: rotate(45deg)
}

.overlay-modal .head .close .section03 .more-btn button:after,.overlay-modal .head .close a:after,.section03 .more-btn .overlay-modal .head .close button:after {
    transform: rotate(-45deg)
}

.overlay-modal .inner {
    position: relative;
    flex: 1;
    overflow: hidden
}

.overlay-modal .inner>iframe {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.overlay-modal-hiding .overlay-modal,body.overlay-modal-ready .overlay-modal {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: stretch;
    opacity: 0;
    transition: all .3s ease-out
}

body.overlay-modal-hiding.overlay-modal-visible .overlay-modal,body.overlay-modal-ready.overlay-modal-visible .overlay-modal {
    transform: translateY(0);
    opacity: 1
}

.overlay-modal-comments .photo {
    position: relative;
    flex-shrink: 0;
    width: 33px;
    height: 33px;
    margin: 0 12px 0 0;
    overflow: hidden;
    border-radius: 33px;
    background: #eee
}

.overlay-modal-comments .photo img {
    object-fit: cover
}

.overlay-modal-comments .photo img,.overlay-modal-comments .photo input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.overlay-modal-comments .photo input[type=file] {
    z-index: 5;
    cursor: pointer;
    opacity: 0
}

.overlay-modal-comments .head {
    border-bottom: 1px solid #333
}

.overlay-modal-comments .comment-form {
    position: relative
}

.overlay-modal-comments .comment-form .comment-complete {
    margin: 0 15px 10px;
    padding: 10px;
    border: 1px solid #0d0;
    background: #efe;
    color: #333;
    font-size: 13px;
    line-height: 1.3em
}

.overlay-modal-comments .comment-form form {
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 15px
}

.overlay-modal-comments .comment-form .form {
    flex: 1
}

.overlay-modal-comments .comment-form .error {
    display: block;
    color: red
}

.overlay-modal-comments .comment-form .name {
    margin: 0 0 8px
}

.overlay-modal-comments .comment-form .name input[type=text] {
    height: 32px;
    padding: 0 4px!important;
    border: 1px solid #666!important;
    border-radius: 5px;
    background: none!important;
    font-size: 15px;
    line-height: 1.3em
}

.overlay-modal-comments .comment-form .textarea textarea {
    height: 55px;
    padding: 2px 4px!important;
    border: 1px solid #666!important;
    border-radius: 5px;
    background: none!important;
    font-size: 15px;
    line-height: 1.3em
}

.overlay-modal-comments .comment-form .submit {
    padding: 8px 0 0
}

.overlay-modal-comments .comment-form .submit button {
    max-width: 280px;
    padding: 2px 18px;
    font-size: 14px;
    line-height: 1.5em
}

.overlay-modal-comments .comment-form.submitting:before {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.2);
    content: ""
}

.overlay-modal-comments .comment-form.submitting .submit {
    opacity: .5
}

.overlay-modal-comments .comment-list ul li {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 15px
}

.overlay-modal-comments .comment-list ul li+li {
    border-top: 1px solid #ccc
}

.overlay-modal-comments .comment-list ul li .name {
    margin: 0 0 3px;
    color: #999;
    font-size: 9px;
    line-height: 1.3em
}

.overlay-modal-comments .comment-list ul li .text {
    color: #333;
    font-size: 13px;
    line-height: 1.3em
}

.overlay-foot {
    box-sizing: border-box;
    display: none;
    z-index: 150;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 667px;
    margin: 0 auto;
    transform: translateY(230px);
    transform-origin: center center;
    border-radius: 5px 5px 0 0;
    background: #fff;
    color: #333;
    font-size: 13px;
    line-height: 1
}

.overlay-foot .head {
    padding: 15px 24px;
    font-size: 16px;
    line-height: 1
}

.overlay-foot .cancel {
    border-top: 1px solid #aaa
}

.overlay-foot .cancel .section03 .more-btn button,.overlay-foot .cancel a,.section03 .more-btn .overlay-foot .cancel button {
    display: block;
    padding: 12px 0;
    color: #333;
    text-align: center;
    text-decoration: none
}

body.overlay-foot-hiding .overlay-foot,body.overlay-foot-ready .overlay-foot {
    display: block;
    transition: all .3s ease-out
}

body.overlay-foot-hiding.overlay-foot-visible .overlay-foot,body.overlay-foot-ready.overlay-foot-visible .overlay-foot {
    transform: translateY(0)
}

.overlay-share-buttons .head {
    padding-left: 50px;
    background: url(../images/ic-share.svg) 24px no-repeat;
    background-size: 20px auto
}

.overlay-share-buttons .list {
    box-sizing: border-box;
    max-width: 375px;
    margin: 0 auto;
    padding: 0 12px 20px;
    text-align: center
}

.overlay-share-buttons .list ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%
}

.overlay-share-buttons .list ul li {
    box-sizing: border-box;
    flex: 1;
    width: 25%
}

.overlay-share-buttons .list ul li .section03 .more-btn button,.overlay-share-buttons .list ul li a,.section03 .more-btn .overlay-share-buttons .list ul li button {
    display: block;
    color: #333;
    text-decoration: none
}

.overlay-share-buttons .list ul li .section03 .more-btn button .icon,.overlay-share-buttons .list ul li a .icon,.section03 .more-btn .overlay-share-buttons .list ul li button .icon {
    padding: 0 12px
}

.overlay-share-buttons .list ul li .section03 .more-btn button img,.overlay-share-buttons .list ul li a img,.section03 .more-btn .overlay-share-buttons .list ul li button img {
    display: block;
    width: 100%;
    height: auto
}

.overlay-share-buttons .list ul li .section03 .more-btn button .text,.overlay-share-buttons .list ul li a .text,.section03 .more-btn .overlay-share-buttons .list ul li button .text {
    padding: 4px 0 0
}

.overlay-menu {
    display: none;
    z-index: 150;
    position: relative;
    width: 100vw;
    min-height: 100vh;
    transform: translateX(100vw);
    background: #fff
}

.overlay-menu .head {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-end;
    width: 100%;
    padding: 10px 15px
}

.overlay-menu .head .close .section03 .more-btn button,.overlay-menu .head .close a,.section03 .more-btn .overlay-menu .head .close button {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.overlay-menu .head .close .section03 .more-btn button:after,.overlay-menu .head .close .section03 .more-btn button:before,.overlay-menu .head .close a:after,.overlay-menu .head .close a:before,.section03 .more-btn .overlay-menu .head .close button:after,.section03 .more-btn .overlay-menu .head .close button:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 3px;
    margin: auto 0;
    overflow: hidden;
    transform-origin: center center;
    background: #333;
    content: ""
}

.overlay-menu .head .close .section03 .more-btn button:before,.overlay-menu .head .close a:before,.section03 .more-btn .overlay-menu .head .close button:before {
    transform: rotate(45deg)
}

.overlay-menu .head .close .section03 .more-btn button:after,.overlay-menu .head .close a:after,.section03 .more-btn .overlay-menu .head .close button:after {
    transform: rotate(-45deg)
}

.overlay-menu .area-list {
    box-sizing: border-box;
    padding: 0 0 5px;
    border-bottom: 1px solid #ccc
}

.overlay-menu .area-list .in {
    width: 100%;
    padding: 0 15px 10px;
    overflow: auto
}

.overlay-menu .area-list ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.overlay-menu .area-list ul li+li {
    margin-left: 15px
}

.overlay-menu .area-list ul li .section03 .more-btn button,.overlay-menu .area-list ul li a,.section03 .more-btn .overlay-menu .area-list ul li button {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 2px solid #333;
    border-radius: 60px;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap
}

.overlay-menu .area-list ul li .section03 .more-btn button.active,.overlay-menu .area-list ul li a.active,.section03 .more-btn .overlay-menu .area-list ul li button.active {
    background-color: #333;
    color: #fff
}

.overlay-menu .menu-list {
    padding: 10px 15px
}

.overlay-menu .menu-list+.menu-list {
    border-top: 1px solid #ccc
}

.overlay-menu .menu-list li .section03 .more-btn button,.overlay-menu .menu-list li a,.section03 .more-btn .overlay-menu .menu-list li button {
    display: block;
    position: relative;
    padding: 10px 0;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none
}

.overlay-menu .menu-list-01 li .section03 .more-btn button,.overlay-menu .menu-list-01 li a,.section03 .more-btn .overlay-menu .menu-list-01 li button {
    padding-left: 32px
}

.overlay-menu .menu-list-01 li .section03 .more-btn button:before,.overlay-menu .menu-list-01 li a:before,.section03 .more-btn .overlay-menu .menu-list-01 li button:before {
    display: block;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 20px;
    height: auto;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain!important;
    content: ""
}

.overlay-menu .menu-list-01 li:first-child .section03 .more-btn button:before,.overlay-menu .menu-list-01 li:first-child a:before,.section03 .more-btn .overlay-menu .menu-list-01 li:first-child button:before {
    background-image: url(../images/ic-overlay-menu-home.svg)
}

.overlay-menu .menu-list-01 li:nth-child(2) .section03 .more-btn button:before,.overlay-menu .menu-list-01 li:nth-child(2) a:before,.section03 .more-btn .overlay-menu .menu-list-01 li:nth-child(2) button:before {
    background-image: url(../images/ic-overlay-menu-video.svg)
}

.overlay-menu .menu-list-01 li:nth-child(3) .section03 .more-btn button:before,.overlay-menu .menu-list-01 li:nth-child(3) a:before,.section03 .more-btn .overlay-menu .menu-list-01 li:nth-child(3) button:before {
    background-image: url(../images/ic-overlay-menu-hotel.svg)
}

.overlay-menu .menu-list-01 li:nth-child(4) .section03 .more-btn button:before,.overlay-menu .menu-list-01 li:nth-child(4) a:before,.section03 .more-btn .overlay-menu .menu-list-01 li:nth-child(4) button:before {
    background-image: url(../images/ic-overlay-menu-article.svg)
}

.overlay-menu .menu-list-03 li .section03 .more-btn button,.overlay-menu .menu-list-03 li a,.section03 .more-btn .overlay-menu .menu-list-03 li button {
    font-size: 13px;
    line-height: 1
}

body.overlay-menu-hiding .overlay-menu,body.overlay-menu-ready .overlay-menu {
    display: block;
    transition: all .3s ease-out
}

body.overlay-menu-hiding.overlay-menu-visible .overlay-menu,body.overlay-menu-ready.overlay-menu-visible .overlay-menu {
    transform: translateX(0)
}

body.overlay-hiding .viewport,body.overlay-ready .viewport {
    z-index: -2;
    position: fixed
}

body.overlay-hiding .overlay-mask,body.overlay-ready .overlay-mask {
    display: block;
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: rgba(0,0,0,.6);
    content: "";
    opacity: 0;
    transition: all .3s ease-out
}

body.overlay-ready.overlay .overlay-mask {
    opacity: 1
}

.lazysizes {
    opacity: 0;
    transition: .3s
}

.lazysizes.lazyloaded,.lazysizes.lazyloading {
    opacity: 1;
    transition: .3s
}

.page-archive .l-breadcrumb {
    padding: 0
}

.archive .page-archive h1 {
    display: block;
    position: relative;
    margin: 0 0 1em;
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em
}

.archive .page-archive .new {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 10px;
    padding: 7px 8px 6px 6px;
    background-color: #f24a4c;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.bc-color-blue:nth-of-type(odd) {
    background-color: #eef8ff
}

.bc-color-blue:nth-of-type(2n) {
    background-color: #f8fcff
}

.page-template-page-areatop .bc-color-blue {
    background-color: initial
}

.bc-color-blue .video-slider_2 {
    margin: 0 auto;
    padding: 80px 15px
}

.bc-color-blue #another-enjoy {
    padding: 80px 15px 50px
}

.bc-color-blue #future-swiper,.bc-color-blue #tie-up-swiper {
    padding: 0 15px 80px
}

.slider-type-3rd__2 {
    padding: 80px 15px!important
}

.slider-type-3rd__3 {
    padding: 0!important
}

.dis {
    max-width: 380px;
    margin: 20px auto 0
}

.header .logo {
    display: flex;
    align-items: center
}

.header .logo h1,.header .logo p {
    margin: 0 0 0 10px;
    padding: 0;
    color: #666;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4
}

.header .logo h1.main-txt,.header .logo p.main-txt {
    font-size: 14px;
    font-weight: 600
}

.head-cp-bnr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    background-color: #6dd6d9;
    color: #fff;
    text-align: center
}

.head-cp-bnr__link {
    text-decoration: none!important
}

.l-sightseeing {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding: 80px 15px
}

.l-sightseeing__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.l-sightseeing__list .section03 .more-btn li>button,.l-sightseeing__list li>a,.section03 .more-btn .l-sightseeing__list li>button {
    color: #333;
    text-decoration: none
}

.l-sightseeing__item {
    display: flex;
    margin: 0 0 20px;
    padding: 0;
    background: #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.1))
}

.l-sightseeing__item:not(:first-child) {
    margin: 30px 0 0
}

.l-sightseeing__item--imgarea {
    position: relative;
    width: 192px;
    height: 108px
}

.l-sightseeing__item--imgarea .section03 .more-btn button,.l-sightseeing__item--imgarea a,.section03 .more-btn .l-sightseeing__item--imgarea button {
    display: block;
    width: 100%;
    height: 100%
}

.l-sightseeing__item--imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.l-sightseeing__item--txtarea {
    box-sizing: border-box;
    width: calc(100% - 192px);
    padding: 0 0 0 25px
}

.l-sightseeing__item--title {
    margin: 10px 0 6px
}

.l-sightseeing__item--txt {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 2
}

.l-sightseeing__item--txt .section03 .more-btn button,.l-sightseeing__item--txt a,.section03 .more-btn .l-sightseeing__item--txt button {
    text-decoration: underline
}

.l-sightseeing__item--link {
    width: 30px;
    margin: 10px 0 0 auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    text-align: right
}

.l-sightseeing__item--link .section03 .more-btn button,.l-sightseeing__item--link a,.l-sightseeing__item--link span,.section03 .more-btn .l-sightseeing__item--link button {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/arrow-r-blue.svg) no-repeat top/30px
}

.single-info .l-sightseeing__item {
    align-items: center
}

.l-qa {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto
}

.l-qa dl:not(:first-of-type) {
    margin: 46px 0 0;
    padding: 58px 0 0;
    border-top: 1px solid #ccc
}

.l-qa dl dd,.l-qa dl dt {
    position: relative;
    padding-right: 60px;
    padding-left: 40px;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.94444
}

.l-qa dl dd:before,.l-qa dl dt:before {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    content: ""
}

.l-qa dl dt {
    position: relative;
    cursor: pointer
}

.l-qa dl dt:before {
    color: #003894;
    content: "Q"
}

.l-qa dl dt:hover {
    opacity: .6;
    transition: .3s
}

.l-qa dl dt.is-active i:after {
    top: 4px;
    transform: rotate(225deg)
}

.l-qa dl dt i {
    top: 0;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 1px solid #003894;
    border-radius: 50%
}

.l-qa dl dt i,.l-qa dl dt i:after {
    position: absolute;
    bottom: 0;
    margin: auto;
    content: ""
}

.l-qa dl dt i:after {
    display: inline-block;
    top: -4px;
    right: 0;
    left: 0;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    border-right: 1px solid #003894;
    border-bottom: 1px solid #003894;
    transition: .5s
}

.l-qa dl dd {
    height: 0;
    margin-top: 38px;
    overflow: hidden;
    transition: .5s
}

.l-qa dl dd:before {
    color: #f24a4c;
    content: "A"
}

.l-qa dl dd p {
    margin: 0;
    padding: 0
}

.l-qa dl dd .section03 .more-btn button:hover,.l-qa dl dd a:hover,.section03 .more-btn .l-qa dl dd button:hover {
    text-decoration: none
}

.page-hotel-qa {
    padding: 30px 0 40px
}

.page-hotel-qa .l-qa {
    max-width: 980px
}

.page-hotel-qa .l-qa dl {
    background: #fff;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.1))
}

.page-hotel-qa .l-qa dl:not(:first-of-type) {
    margin: 10px 0 0;
    padding: 0;
    border-top: none
}

.page-hotel-qa .l-qa dl dt {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 5px 60px 10px 80px;
    border-bottom: 1px solid #c8d4dc
}

.page-hotel-qa .l-qa dl dt.is-active {
    margin-bottom: 20px
}

.page-hotel-qa .l-qa dl dt:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background: #003894 url(../images/icon_q.svg) no-repeat 50%/60px;
    content: ""
}

.page-hotel-qa .l-qa dl dd {
    margin-top: 0;
    padding: 0 50px 0 80px
}

.page-hotel-qa .l-qa dl dd.is-open {
    padding: 0 50px 20px 80px
}

.page-hotel-qa .l-qa dl dd:before {
    position: absolute;
    top: 0;
    left: 20px;
    width: 40px;
    height: 40px;
    background: url(../images/icon_a.svg) no-repeat 50%/40px;
    content: ""
}

.hotel-nav {
    width: 100%;
    height: 40px;
    font-size: 14px
}

.hotel-nav ul {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #003894;
    list-style-type: none
}

.hotel-nav ul li {
    flex: 1;
    margin: 0;
    padding: 0;
    font-weight: 700
}

.hotel-nav ul li:not(:first-child) {
    border-left: 1px solid #c8d4dc
}

.hotel-nav ul li.is-active .section03 .more-btn button,.hotel-nav ul li.is-active a,.section03 .more-btn .hotel-nav ul li.is-active button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #003894;
    color: #fff
}

.hotel-nav ul li .section03 .more-btn button,.hotel-nav ul li a,.section03 .more-btn .hotel-nav ul li button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #f2f8fe;
    color: #003894;
    font-weight: 700;
    text-decoration: none;
    transition: .3s
}

#fixednav {
    z-index: 101;
    position: fixed;
    top: -131px;
    right: 0;
    left: 0;
    width: 980px;
    margin: auto;
    transition: top .3s ease-out
}

#fixednav.fixed {
    top: 0
}

#fixednav.fixed .basic_information_btn:before,#fixednav.fixed .section03 .more-btn a.basic_information_btn:after,#fixednav.fixed .section03 .more-btn button.basic_information_btn:after,#fixednav.fixed .wide-info h2.basic_information_btn:after,.section03 .more-btn #fixednav.fixed a.basic_information_btn:after,.section03 .more-btn #fixednav.fixed button.basic_information_btn:after,.wide-info #fixednav.fixed h2.basic_information_btn:after {
    content: none
}

#fixednav.fixed .basic_information_nav {
    margin: 0
}

#fixednav .basic_information_nav-suv {
    width: 100%;
    margin: 0
}

.l-article-linker {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 80px auto;
    padding: 0 15px
}

.l-article-linker h3.accordion {
    position: relative;
    cursor: pointer
}

.l-article-linker h3.accordion:after {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: .6em;
    height: .6em;
    margin: auto;
    transform: rotate(45deg);
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    content: "";
    transition: .5s
}

.l-article-linker h3.accordion.is-active:after {
    transform: rotate(135deg)
}

.l-article-linker__box:not(:first-of-type) {
    margin: 20px 0 0;
    padding: 25px 0 0;
    border-top: 1px solid #ccc
}

.l-article-linker__box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71429;
    list-style-type: none;
    transition: .5s
}

.l-article-linker__box ul li {
    width: calc(50% - 5px);
    margin: 0;
    padding: 0
}

.l-article-linker__box ul li:nth-child(2n) {
    margin-left: 10px
}

.l-article-linker__box ul li:not(:nth-child(-n+2)) {
    margin-top: 10px
}

.l-article-linker__box>ul {
    height: 0;
    overflow: hidden
}

.l-article-linker__inner {
    height: 0;
    overflow: hidden;
    transition: .5s
}

.l-article-linker__subheading {
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.hotelOfficial {
    margin: 0 0 40px
}

.hotelOfficial__outlinks {
    padding-top: 32px
}

.hotelOfficial__outlinks_title {
    margin-bottom: 15px;
    font-size: 18px
}

.hotelOfficial__outlinks_title._c {
    margin-top: 33px;
    font-size: 18px;
    text-align: center
}

.hotelOfficial__outlinks_btns {
    gap: 0 3.5%;
    display: flex;
    justify-content: center;
    padding: 0 20px
}

.hotelOfficial__outlinks_btns._c {
    gap: 0 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0 40px
}

.hotelOfficial__outlinks_btnItem {
    width: 31%
}

.hotelOfficial__outlinks_btnItem._c.btn-ota {
    flex: 1;
    max-width: 260px
}

.hotelOfficial__outlinks_btnItem .btn-ota {
    width: 100%
}

.hotelOfficial__outlinks_commingsoon {
    color: #666
}

.hotelOfficial__header_price {
    padding-left: 20px;
    color: #666;
    font-size: 18px
}

.hotelOfficial__header_price--textS {
    font-size: 20px
}

.hotelOfficial__header_price--textSs {
    font-size: 16px
}

.hotelOfficial__header_price em {
    color: #f24a4c;
    font-size: 28px;
    font-style: normal;
    font-weight: 700
}

.hotelOfficial__header_btn {
    width: 100%;
    max-width: 352px
}

.hotelOfficial__header_btn .section03 .more-btn button,.hotelOfficial__header_btn a,.section03 .more-btn .hotelOfficial__header_btn button {
    width: 100%
}

.video-slider_2 .swiper-pagination-bullet {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #aabed2;
    opacity: 1
}

.video-slider_2 .swiper-pagination-bullet-active {
    background: #003894!important
}

.video-slider_2 .slider_type1 div {
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.1))
}

.video-slider_2 .slider_type1 div .thumb {
    position: relative;
    width: 100%;
    padding-bottom: 57%;
    overflow: hidden
}

.video-slider_2 .slider_type1 div .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-slider_2 .slider_type1 div .thumb .cate {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 8px 6px 6px;
    background-color: #003894;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}

.video-slider_2 .slider_type1 div .text-timewrap {
    padding: 10px 15px 13px;
    background-color: #fff
}

.video-slider_2 .slider_type1 div .text-timewrap .area {
    font-size: 10px
}

.video-slider_2 .slider_type1 div .text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    height: 87px;
    margin-bottom: 5px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700
}

.video-slider_2 .slider_type1 div .time {
    margin: 0;
    font-size: 12px
}

.section03 .more-btn .video-slider_2 .slider_type1 button div,.video-slider_2 .slider_type1 .section03 .more-btn button div,.video-slider_2 .slider_type1 a div {
    margin: 0
}

.video-slider_2 .slider_type2>div {
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.1))
}

.video-slider_2 .slider_type2 .hotelItemCard {
    background: #fff
}

.video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__btn .btn-round {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0;
    color: #f08301;
    font-size: 14px
}

.video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official .btn-official {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #fff;
    font-size: 14px
}

.video-slider_2 .hotelItemCard_text_inr {
    padding: 11px 15px 17px
}

.video-slider_2 .slider .next,.video-slider_2 .slider .prev {
    display: block
}

.section03 .more-btn .video-slider_2 .slider .next button,.section03 .more-btn .video-slider_2 .slider .prev button,.video-slider_2 .slider .next .section03 .more-btn button,.video-slider_2 .slider .next a,.video-slider_2 .slider .prev .section03 .more-btn button,.video-slider_2 .slider .prev a {
    background-color: #585858
}

.section03 .more-btn .video-slider_2 .slider .next a:after,.section03 .more-btn .video-slider_2 .slider .next button:after,.section03 .more-btn .video-slider_2 .slider .next button:before,.section03 .more-btn .video-slider_2 .slider .prev a:after,.section03 .more-btn .video-slider_2 .slider .prev button:after,.section03 .more-btn .video-slider_2 .slider .prev button:before,.video-slider_2 .slider .next .section03 .more-btn a:after,.video-slider_2 .slider .next .section03 .more-btn button:after,.video-slider_2 .slider .next .section03 .more-btn button:before,.video-slider_2 .slider .next a:before,.video-slider_2 .slider .prev .section03 .more-btn a:after,.video-slider_2 .slider .prev .section03 .more-btn button:after,.video-slider_2 .slider .prev .section03 .more-btn button:before,.video-slider_2 .slider .prev a:before {
    border-top: 5px solid #fff;
    border-left: 5px solid #fff
}

.section03 .more-btn .video-slider_2 .hotelItemCard__img button:focus img,.section03 .more-btn .video-slider_2 .hotelItemCard__img button:hover img,.video-slider_2 .hotelItemCard__img .section03 .more-btn button:focus img,.video-slider_2 .hotelItemCard__img .section03 .more-btn button:hover img,.video-slider_2 .hotelItemCard__img a:focus img,.video-slider_2 .hotelItemCard__img a:hover img {
    transform: none
}

.video-slider_2 .title_btnWrap {
    display: flex;
    align-items: center;
    margin: 0 0 10px
}

.video-slider_2 .title_btnWrap h2 {
    margin-bottom: 0
}

.section03 .more-btn .video-slider_2 button.view-btn,.video-slider_2 .section03 .more-btn button.view-btn,.video-slider_2 a.view-btn {
    margin: 0 0 0 20px;
    color: #2068b7;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.section03 .more-btn .video-slider_2 button.view-btn:after,.video-slider_2 .section03 .more-btn button.view-btn:after,.video-slider_2 a.view-btn:after {
    display: inline-block;
    position: relative;
    top: -1px;
    width: .5em;
    height: .5em;
    transform: rotate(45deg);
    border-top: 2px solid #2068b7;
    border-right: 2px solid #2068b7;
    content: ""
}

.video-slider_2.another-enjoy {
    margin: 80px auto
}

.video-slider_2.another-enjoy .list ul li .thumb {
    border-radius: 0
}

.section03 .more-btn .video-slider_2.another-enjoy .list ul li a.thumb:after,.section03 .more-btn .video-slider_2.another-enjoy .list ul li button.thumb:after,.video-slider_2.another-enjoy .list ul li .section03 .more-btn a.thumb:after,.video-slider_2.another-enjoy .list ul li .section03 .more-btn button.thumb:after,.video-slider_2.another-enjoy .list ul li .thumb:before,.video-slider_2.another-enjoy .list ul li .wide-info h2.thumb:after,.wide-info .video-slider_2.another-enjoy .list ul li h2.thumb:after {
    content: none
}

.single-article .oshidao-detail .htoel-ranking__foot--access .video-slider_2.another-enjoy .list ul li dt.thumb.mask:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-slider_2.another-enjoy .list ul li dt.thumb.mask:before,.video-slider_2.another-enjoy .list ul li .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb.mask:before,.video-slider_2.another-enjoy .list ul li .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb.mask:before,.video-slider_2.another-enjoy .list ul li .thumb.mask:after {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    content: ""
}

.video-slider_2.another-enjoy .list ul li .thumb .inner-txt {
    box-sizing: border-box;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 0 10px;
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center
}

.section03 .more-btn .video-slider_2.new-type a.thumb:after,.section03 .more-btn .video-slider_2.new-type button.thumb:after,.single-article .oshidao-detail .htoel-ranking__foot--access .video-slider_2.new-type dt.thumb:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-slider_2.new-type dt.thumb:before,.video-slider_2.new-type .section03 .more-btn a.thumb:after,.video-slider_2.new-type .section03 .more-btn button.thumb:after,.video-slider_2.new-type .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb:before,.video-slider_2.new-type .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb:before,.video-slider_2.new-type .thumb:after,.video-slider_2.new-type .thumb:before,.video-slider_2.new-type .wide-info h2.thumb:after,.wide-info .video-slider_2.new-type h2.thumb:after {
    content: none!important
}

.video-slider_2.instagram .slider_type1 div .thumb {
    padding-bottom: 100%
}

.sliderwrap {
    position: relative
}

.sliderwrap .swiper-container {
    width: calc(100% - 80px);
    margin: 0 auto;
    padding: 8px
}

.section03 .more-btn .sliderwrap .swiper-container button,.sliderwrap .swiper-container .section03 .more-btn button,.sliderwrap .swiper-container a {
    color: #303030;
    text-decoration: none
}

.sliderwrap .swiper-button-next,.sliderwrap .swiper-button-prev {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto 0;
    border-radius: 30px;
    background: #585858;
    opacity: 1!important
}

.section03 .more-btn .sliderwrap a.swiper-button-next:after,.section03 .more-btn .sliderwrap a.swiper-button-prev:after,.section03 .more-btn .sliderwrap button.swiper-button-next:after,.section03 .more-btn .sliderwrap button.swiper-button-prev:after,.sliderwrap .section03 .more-btn a.swiper-button-next:after,.sliderwrap .section03 .more-btn a.swiper-button-prev:after,.sliderwrap .section03 .more-btn button.swiper-button-next:after,.sliderwrap .section03 .more-btn button.swiper-button-prev:after,.sliderwrap .swiper-button-next:before,.sliderwrap .swiper-button-prev:before,.sliderwrap .wide-info h2.swiper-button-next:after,.sliderwrap .wide-info h2.swiper-button-prev:after,.wide-info .sliderwrap h2.swiper-button-next:after,.wide-info .sliderwrap h2.swiper-button-prev:after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    overflow: hidden;
    transform-origin: center center;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    content: ""
}

.sliderwrap .swiper-button-prev {
    left: 0
}

.section03 .more-btn .sliderwrap a.swiper-button-prev:after,.section03 .more-btn .sliderwrap button.swiper-button-prev:after,.sliderwrap .section03 .more-btn a.swiper-button-prev:after,.sliderwrap .section03 .more-btn button.swiper-button-prev:after,.sliderwrap .swiper-button-prev:before,.sliderwrap .wide-info h2.swiper-button-prev:after,.wide-info .sliderwrap h2.swiper-button-prev:after {
    transform: translateX(1.5px) rotate(-45deg)
}

.sliderwrap .swiper-button-next {
    right: 0
}

.section03 .more-btn .sliderwrap a.swiper-button-next:after,.section03 .more-btn .sliderwrap button.swiper-button-next:after,.sliderwrap .section03 .more-btn a.swiper-button-next:after,.sliderwrap .section03 .more-btn button.swiper-button-next:after,.sliderwrap .swiper-button-next:before,.sliderwrap .wide-info h2.swiper-button-next:after,.wide-info .sliderwrap h2.swiper-button-next:after {
    transform: translateX(-1.5px) rotate(135deg)
}

.sliderwrap._1colum .swiper-container {
    padding: 0!important
}

.swiper-pagination {
    position: static!important;
    padding: 12px 0!important
}

.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px!important
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: #003894!important
}

.page-hotel-icon {
    display: flex;
    position: relative;
    align-items: center;
    height: 40px;
    margin: 0;
    padding-left: 53.5px;
    font-size: 24px;
    font-weight: 700
}

.page-hotel-icon:before,.section03 .more-btn a.page-hotel-icon:after,.section03 .more-btn button.page-hotel-icon:after,.wide-info h2.page-hotel-icon:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    background-size: cover;
    content: ""
}

._video:before,.section03 .more-btn a._video:after,.section03 .more-btn button._video:after,.wide-info h2._video:after {
    background-image: url(../images/icon_hotel_video.svg)
}

._article:before,.section03 .more-btn a._article:after,.section03 .more-btn button._article:after,.wide-info h2._article:after {
    background-image: url(../images/icon_hotel_article.svg)
}

._faq:before,.section03 .more-btn a._faq:after,.section03 .more-btn button._faq:after,.wide-info h2._faq:after {
    background-image: url(../images/icon_hotel_faq.svg)
}

._rank:before,.section03 .more-btn a._rank:after,.section03 .more-btn button._rank:after,.wide-info h2._rank:after {
    background-image: url(../images/icon_hotel_rank.svg)
}

._new:before,.section03 .more-btn a._new:after,.section03 .more-btn button._new:after,.wide-info h2._new:after {
    background-image: url(../images/icon_hotel_new.svg)
}

._star:before,.section03 .more-btn a._star:after,.section03 .more-btn button._star:after,.wide-info h2._star:after {
    background-image: url(../images/icon_hotel_star.svg)
}

._instagram:before,.section03 .more-btn a._instagram:after,.section03 .more-btn button._instagram:after,.wide-info h2._instagram:after {
    background-image: url(../images/icon_hotel_instagram.svg)
}

.page_head_title {
    margin-bottom: 20px
}

.page_head_title,.page_head_title .left_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.page_head_title .left_box {
    align-items: center;
    width: calc(100% - 380px)
}

.page_head_title .left_box .text_box .sub_area_text {
    margin-bottom: 0;
    font-size: 13px
}

.page_head_title .left_box .text_box .title {
    margin-bottom: 0;
    color: #303030!important;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left
}

.page_head_title .right_box {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    width: 360px
}

.page_head_title .right_box .right_box_inner {
    width: 100%
}

.page_head_title .right_box .right_box_inner .column_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%
}

.page_head_title .right_box .btn_box .page_head_title-btn .section03 .more-btn button,.page_head_title .right_box .btn_box .page_head_title-btn a,.section03 .more-btn .page_head_title .right_box .btn_box .page_head_title-btn button {
    width: 100%;
    min-width: 170px;
    padding: 0 42px 0 15px
}

.page_head_title .price_box {
    position: relative;
    padding-top: 5px
}

.page_head_title .price_box .t_text {
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.1;
    text-align: right
}

.page_head_title .price_box .price_text {
    position: relative;
    margin: 0;
    padding: 0;
    color: #e6503c;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
    text-align: right
}

.page_head_title .price_box .price_text .en_text {
    position: relative;
    top: -1px;
    padding-left: 2px;
    font-size: 16px
}

.page_head_title .price_box .price_text .tax_text {
    position: absolute;
    right: 4px;
    bottom: 21px;
    color: #303030;
    font-size: 10px;
    font-weight: 100
}

.page_head_title .price_box .price_text .tax_text .section03 .more-btn button,.page_head_title .price_box .price_text .tax_text a,.section03 .more-btn .page_head_title .price_box .price_text .tax_text button {
    width: 100%;
    min-width: 170px;
    padding: 0 42px 0 15px
}

.l-breadcrumb {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 35px;
    padding: 0 15px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4em
}

.l-breadcrumb ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.l-breadcrumb ul li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0
}

.l-breadcrumb ul li:after {
    display: inline-block;
    margin: 0 3px;
    content: ">"
}

.l-breadcrumb ul li:last-child:after {
    content: none
}

.l-bnr {
    box-sizing: border-box;
    width: 100%;
    margin: 80px auto 100px;
    padding: 26px 50px 45px;
    background-color: #eee;
    line-height: 1;
    text-align: center
}

.l-bnr__title {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: left
}

.l-bnr .section03 .more-btn button,.l-bnr a,.section03 .more-btn .l-bnr button {
    display: none;
    width: auto
}

.l-bnr .section03 .more-btn button.is-show,.l-bnr a.is-show,.section03 .more-btn .l-bnr button.is-show {
    display: inline-block!important
}

.l-bnr .section03 .more-btn button img,.l-bnr a img,.section03 .more-btn .l-bnr button img {
    display: block;
    width: auto
}

.l-bnr .section03 .more-btn button:not(:first-of-type),.l-bnr a:not(:first-of-type),.section03 .more-btn .l-bnr button:not(:first-of-type) {
    margin-top: 30px
}

.swiper-slide .video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.single-article .oshidao-detail .htoel-ranking__foot--access .swiper-slide dt.video-iframe:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .swiper-slide dt.video-iframe:before,.swiper-slide .single-article .oshidao-detail .htoel-ranking__foot--access dt.video-iframe:before,.swiper-slide .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.video-iframe:before,.swiper-slide .video-iframe:after {
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 110px;
    height: auto;
    margin: 0 auto;
    background: url(../images/ic-video-player.svg) 50% no-repeat;
    background-size: contain!important;
    content: ""
}

.swiper-slide .video-iframe iframe {
    width: 100%;
    height: 100%
}

.swiper-slide .video-iframe img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section03 {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto 80px;
    padding: 0 15px
}

.section03 .ac-txt {
    position: relative;
    height: 100px;
    margin: 0;
    overflow: hidden;
    transition: .3s
}

.section03 .ac-txt:after,.section03 .single-article .oshidao-detail .htoel-ranking__foot--access dt.ac-txt:before,.section03 .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.ac-txt:before,.single-article .oshidao-detail .htoel-ranking__foot--access .section03 dt.ac-txt:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section03 dt.ac-txt:before {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    content: ""
}

.section03 .ac-txt.is-open:after,.section03 .single-article .oshidao-detail .htoel-ranking__foot--access dt.ac-txt.is-open:before,.section03 .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.ac-txt.is-open:before,.single-article .oshidao-detail .htoel-ranking__foot--access .section03 dt.ac-txt.is-open:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section03 dt.ac-txt.is-open:before {
    content: none
}

.section03 .more-btn {
    margin: 20px 0 0
}

.section03 .more-btn a,.section03 .more-btn button {
    box-sizing: border-box;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 60%;
    max-width: 225px;
    margin: 0 auto;
    padding: 10px;
    border: 3px solid #333;
    border-radius: 35px;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none
}

.section03 .more-btn a:after,.section03 .more-btn a:before,.section03 .more-btn button:after,.section03 .more-btn button:before {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 15px;
    height: 4px;
    margin: auto;
    background-color: #fff;
    content: "";
    transition: .5s
}

.section03 .more-btn a:after,.section03 .more-btn button:after {
    transform: rotate(90deg)
}

.section03 .more-btn a .on,.section03 .more-btn button .on {
    display: none
}

.section03 .more-btn a.opened:after,.section03 .more-btn button.opened:after {
    transform: rotate(0)
}

.section03 .more-btn a.opened .on,.section03 .more-btn button.opened .on {
    display: block
}

.section03 .more-btn a.opened .off,.section03 .more-btn button.opened .off {
    display: none
}

.section03 .more-btn button {
    cursor: pointer
}

.section03 .more-btn button:hover {
    color: #fff;
    font-weight: 700
}

.archive-env {
    display: flex;
    justify-content: space-between;
    margin: 50px 0 0
}

.archive-env .total-number {
    font-size: 20px;
    font-weight: 600
}

.archive-env .sort {
    display: flex;
    align-items: flex-end;
    margin: 0 0 3px
}

.official_site_btn .section03 .more-btn button,.official_site_btn a,.section03 .more-btn .official_site_btn button {
    box-sizing: border-box;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    overflow: hidden;
    border-radius: 40px;
    background: #f08301;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none
}

.official_site_btn .section03 .more-btn a:after,.official_site_btn .section03 .more-btn button:after,.official_site_btn .section03 .more-btn button:before,.official_site_btn a:before,.section03 .more-btn .official_site_btn a:after,.section03 .more-btn .official_site_btn button:after,.section03 .more-btn .official_site_btn button:before {
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    transform: skewX(-25deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    animation: shineInfinite 2.8s infinite;
    content: ""
}

.official_site_btn .section03 .more-btn button:after,.official_site_btn a:after,.section03 .more-btn .official_site_btn button:after {
    display: inline-block;
    position: absolute;
    top: calc(50% - 10px);
    right: 14px;
    width: 20px;
    height: 20px;
    background: url(../images/arrow-r-white.svg) 50%/contain no-repeat;
    content: ""
}

.section03 .more-btn .video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official a.btn-official:after,.section03 .more-btn .video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official button.btn-official:after,.video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official .btn-official:before,.video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official .section03 .more-btn a.btn-official:after,.video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official .section03 .more-btn button.btn-official:after,.video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official .wide-info h2.btn-official:after,.wide-info .video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official h2.btn-official:after {
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    transform: skewX(-25deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    animation: shineInfinite 2.8s infinite;
    content: ""
}

.l-popular {
    display: flex;
    flex-wrap: wrap;
    width: 82%;
    margin: 15px auto 0;
    padding: 0;
    list-style-type: none
}

.l-popular dt {
    padding: 0;
    color: #666;
    font-size: 12px;
    font-weight: 600;
    line-height: 1
}

.l-popular dd {
    margin: 0 10px 10px 0
}

.l-popular dd .section03 .more-btn button,.l-popular dd a,.section03 .more-btn .l-popular dd button {
    display: block;
    padding: 0;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: .3s
}

.l-popular dd .section03 .more-btn button:hover,.l-popular dd a:hover,.section03 .more-btn .l-popular dd button:hover {
    opacity: .6
}

.pagetop {
    visibility: hidden;
    z-index: 100;
    position: fixed;
    right: 20px;
    bottom: 100px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    transform: translateX(10px);
    border-radius: 50%;
    opacity: 0;
    transition: .5s
}

.pagetop.is-show {
    visibility: inherit;
    transform: translateX(0);
    opacity: 1
}

.pagetop__link {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    color: #fff!important;
    font-size: 12px;
    text-decoration: none!important
}

.pagetop__link:before,.section03 .more-btn a.pagetop__link:after,.section03 .more-btn button.pagetop__link:after,.wide-info h2.pagetop__link:after {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    top: 9px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    content: "";
    transition: .2s
}

.pagetop__link:hover {
    background-color: #d1d1d1
}

.pagetop__link:hover:before,.section03 .more-btn a.pagetop__link:hover:after,.section03 .more-btn button.pagetop__link:hover:after,.wide-info h2.pagetop__link:hover:after {
    top: 4px
}

.single-article .oshidao-detail,.single-article .tanoshimikata-detail {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto 80px;
    padding: 0 15px;
    font-size: 16px
}

.single-article .oshidao-detail__main-img {
    width: 100%;
    margin: 0
}

.single-article .oshidao-detail__titlearea {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 25px 10px 10px;
    border: 1px solid #fff;
    background-color: #fff
}

.single-article .oshidao-detail__title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 11px;
    color: #003894;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.15;
    text-align: center
}

.section03 .more-btn .single-article a.oshidao-detail__title:after,.section03 .more-btn .single-article button.oshidao-detail__title:after,.single-article .oshidao-detail__title:before,.single-article .section03 .more-btn a.oshidao-detail__title:after,.single-article .section03 .more-btn button.oshidao-detail__title:after,.single-article .wide-info h2.oshidao-detail__title:after,.wide-info .single-article h2.oshidao-detail__title:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 3px;
    transform: translateX(-50%);
    background: #003894;
    content: ""
}

.single-article .oshidao-detail__time {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center
}

.single-article .oshidao-detail .htoel-ranking,.single-article .tanoshimikata-detail .htoel-ranking {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #e6e6e6
}

.single-article .oshidao-detail .htoel-ranking.sub,.single-article .tanoshimikata-detail .htoel-ranking.sub {
    margin: 0;
    padding: 0;
    border-top: 0
}

.single-article .oshidao-detail .htoel-ranking__title,.single-article .tanoshimikata-detail .htoel-ranking__title {
    margin: 0;
    padding: 0
}

.single-article .oshidao-detail .htoel-ranking__list,.single-article .tanoshimikata-detail .htoel-ranking__list {
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none
}

.single-article .oshidao-detail .htoel-ranking__item:first-child .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:first-child .htoel-ranking__head--logo {
    background-image: url(../images/rank1_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(2) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(2) .htoel-ranking__head--logo {
    background-image: url(../images/rank2_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(3) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(3) .htoel-ranking__head--logo {
    background-image: url(../images/rank3_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(4) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(4) .htoel-ranking__head--logo {
    background-image: url(../images/rank4_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(5) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(5) .htoel-ranking__head--logo {
    background-image: url(../images/rank5_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(6) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(6) .htoel-ranking__head--logo {
    background-image: url(../images/rank6_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(7) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(7) .htoel-ranking__head--logo {
    background-image: url(../images/rank7_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(8) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(8) .htoel-ranking__head--logo {
    background-image: url(../images/rank8_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(9) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(9) .htoel-ranking__head--logo {
    background-image: url(../images/rank9_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(10) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(10) .htoel-ranking__head--logo {
    background-image: url(../images/rank10_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(11) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(11) .htoel-ranking__head--logo {
    background-image: url(../images/rank11_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(12) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(12) .htoel-ranking__head--logo {
    background-image: url(../images/rank12_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(13) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(13) .htoel-ranking__head--logo {
    background-image: url(../images/rank13_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(14) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(14) .htoel-ranking__head--logo {
    background-image: url(../images/rank14_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(15) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(15) .htoel-ranking__head--logo {
    background-image: url(../images/rank15_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(16) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(16) .htoel-ranking__head--logo {
    background-image: url(../images/rank16_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(17) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(17) .htoel-ranking__head--logo {
    background-image: url(../images/rank17_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(18) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(18) .htoel-ranking__head--logo {
    background-image: url(../images/rank18_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(19) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(19) .htoel-ranking__head--logo {
    background-image: url(../images/rank19_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:nth-child(20) .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__item:nth-child(20) .htoel-ranking__head--logo {
    background-image: url(../images/rank20_logo.png)
}

.single-article .oshidao-detail .htoel-ranking__item:not(:first-child),.single-article .tanoshimikata-detail .htoel-ranking__item:not(:first-child) {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #e6e6e6
}

.single-article .oshidao-detail .htoel-ranking__item:last-child,.single-article .tanoshimikata-detail .htoel-ranking__item:last-child {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e6e6e6
}

.single-article .oshidao-detail .htoel-ranking__head,.single-article .tanoshimikata-detail .htoel-ranking__head {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 18px;
    font-size: 24px
}

.single-article .oshidao-detail .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__head--logo {
    width: 46px;
    height: 56px;
    margin-right: 22px;
    background-image: url(../images/rank1_logo.png);
    background-repeat: no-repeat;
    background-size: cover
}

.single-article .oshidao-detail .htoel-ranking__head--txtarea,.single-article .tanoshimikata-detail .htoel-ranking__head--txtarea {
    width: calc(100% - 425px)
}

.single-article .oshidao-detail .htoel-ranking__head--txtarea.is-no-cv,.single-article .tanoshimikata-detail .htoel-ranking__head--txtarea.is-no-cv {
    width: calc(100% - 68px)
}

.single-article .oshidao-detail .htoel-ranking__head--txt,.single-article .tanoshimikata-detail .htoel-ranking__head--txt {
    margin: 0;
    color: #666;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.94444
}

.single-article .oshidao-detail .htoel-ranking__head--title,.single-article .tanoshimikata-detail .htoel-ranking__head--title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.45833
}

.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 357px
}

.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--text,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--text {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.07143
}

.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--number,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--number {
    position: relative;
    margin: 0;
    color: #e6503c;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    text-align: right
}

.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--yen,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--yen {
    position: relative;
    top: -2px;
    padding-left: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}

.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--tax,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--tax {
    position: absolute;
    top: -4px;
    right: 2px;
    color: #333;
    font-size: 10px;
    font-weight: 500;
    line-height: 1
}

.section03 .more-btn .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn button,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn button,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn a,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn a {
    box-sizing: border-box;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 17px 14px 17px 37px;
    overflow: hidden;
    border: 1px solid #f08300;
    border-radius: 40px;
    background: #f08300;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.11111;
    text-decoration: none
}

.section03 .more-btn .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn a:after,.section03 .more-btn .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn button:after,.section03 .more-btn .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn button:before,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn a:after,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn button:after,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn button:before,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn a:after,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:after,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:before,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn a:before,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn a:after,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:after,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:before,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn a:before {
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    transform: skewX(-25deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    animation: shineInfinite 2.8s infinite;
    content: ""
}

.section03 .more-btn .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn button:after,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn button:after,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:after,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn a:after,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:after,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn a:after {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 17px;
    background: url(../images/arrow-r-white.svg) 50%/contain no-repeat;
    content: ""
}

.single-article .oshidao-detail .htoel-ranking__slider,.single-article .tanoshimikata-detail .htoel-ranking__slider {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden
}

.single-article .oshidao-detail .htoel-ranking__slider--list,.single-article .tanoshimikata-detail .htoel-ranking__slider--list {
    width: 100%;
    height: 550px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.single-article .oshidao-detail .htoel-ranking__slider--list img,.single-article .tanoshimikata-detail .htoel-ranking__slider--list img {
    width: 100%
}

.single-article .oshidao-detail .htoel-ranking__slider--item,.single-article .tanoshimikata-detail .htoel-ranking__slider--item {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 53.334% 0 0;
    overflow: hidden;
    background-color: #eee
}

.single-article .oshidao-detail .htoel-ranking__slider--item picture,.single-article .tanoshimikata-detail .htoel-ranking__slider--item picture {
    display: block;
    width: 100%;
    height: 100%
}

.single-article .oshidao-detail .htoel-ranking__slider--item>img,.single-article .oshidao-detail .htoel-ranking__slider--item picture img,.single-article .tanoshimikata-detail .htoel-ranking__slider--item>img,.single-article .tanoshimikata-detail .htoel-ranking__slider--item picture img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: auto;
    object-fit: contain
}

.single-article .oshidao-detail .htoel-ranking__slider--caption,.single-article .tanoshimikata-detail .htoel-ranking__slider--caption {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 11px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875
}

.single-article .oshidao-detail .htoel-ranking__slider--link,.single-article .tanoshimikata-detail .htoel-ranking__slider--link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.single-article .oshidao-detail .htoel-ranking__foot--access dt.htoel-ranking__slider--link:before,.single-article .oshidao-detail .htoel-ranking__slider--link:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.htoel-ranking__slider--link:before,.single-article .tanoshimikata-detail .htoel-ranking__slider--link:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    content: ""
}

.single-article .oshidao-detail .htoel-ranking__slider--link:hover p,.single-article .tanoshimikata-detail .htoel-ranking__slider--link:hover p {
    text-decoration: underline
}

.single-article .oshidao-detail .htoel-ranking__slider .next,.single-article .oshidao-detail .htoel-ranking__slider .prev,.single-article .tanoshimikata-detail .htoel-ranking__slider .next,.single-article .tanoshimikata-detail .htoel-ranking__slider .prev {
    display: block;
    z-index: 10;
    position: absolute;
    top: -49px;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 30px;
    background-color: #fff;
    cursor: pointer
}

.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.next:before,.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.prev:before,.single-article .oshidao-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.next:before,.single-article .oshidao-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.prev:before,.single-article .oshidao-detail .htoel-ranking__slider .next:after,.single-article .oshidao-detail .htoel-ranking__slider .prev:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking__slider .next:after,.single-article .tanoshimikata-detail .htoel-ranking__slider .prev:after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    overflow: hidden;
    transform-origin: center center;
    border-top: 5px solid #585858;
    border-left: 5px solid #585858;
    content: ""
}

.single-article .oshidao-detail .htoel-ranking__slider .prev,.single-article .tanoshimikata-detail .htoel-ranking__slider .prev {
    left: 10px
}

.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.prev:before,.single-article .oshidao-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.prev:before,.single-article .oshidao-detail .htoel-ranking__slider .prev:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking__slider .prev:after {
    transform: rotate(-45deg)
}

.single-article .oshidao-detail .htoel-ranking__slider .next,.single-article .tanoshimikata-detail .htoel-ranking__slider .next {
    right: 10px
}

.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.next:before,.single-article .oshidao-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.next:before,.single-article .oshidao-detail .htoel-ranking__slider .next:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking__slider dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking__slider .htoel-ranking__foot--access dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking__slider .next:after {
    transform: rotate(135deg)
}

.single-article .oshidao-detail .htoel-ranking__slider .swiper-pagination-bullet-active,.single-article .tanoshimikata-detail .htoel-ranking__slider .swiper-pagination-bullet-active {
    background-color: #f24a4c!important
}

.single-article .oshidao-detail .htoel-ranking__slider--lastbox,.single-article .tanoshimikata-detail .htoel-ranking__slider--lastbox {
    display: flex;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto
}

.single-article .oshidao-detail .htoel-ranking__slider--lastbox img,.single-article .tanoshimikata-detail .htoel-ranking__slider--lastbox img {
    display: block;
    position: relative;
    width: 88px;
    height: 68px;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: cover
}

.single-article .oshidao-detail .htoel-ranking__slider--lasttxt,.single-article .tanoshimikata-detail .htoel-ranking__slider--lasttxt {
    margin: 32px 0 0;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    text-align: center
}

.single-article .oshidao-detail .htoel-ranking__foot,.single-article .tanoshimikata-detail .htoel-ranking__foot {
    margin: 20px 0
}

.single-article .oshidao-detail .htoel-ranking__foot--info,.single-article .oshidao-detail .htoel-ranking__foot--richtxt,.single-article .tanoshimikata-detail .htoel-ranking__foot--info,.single-article .tanoshimikata-detail .htoel-ranking__foot--richtxt {
    margin-right: 0
}

.single-article .oshidao-detail .htoel-ranking__foot--info p,.single-article .oshidao-detail .htoel-ranking__foot--richtxt p,.single-article .tanoshimikata-detail .htoel-ranking__foot--info p,.single-article .tanoshimikata-detail .htoel-ranking__foot--richtxt p {
    margin: 0;
    padding: 0
}

.single-article .oshidao-detail .htoel-ranking__foot--article,.single-article .tanoshimikata-detail .htoel-ranking__foot--article {
    margin: 20px 0 0;
    padding: 0
}

.single-article .oshidao-detail .htoel-ranking__foot--article .inner,.single-article .tanoshimikata-detail .htoel-ranking__foot--article .inner {
    margin: 10px 0 0
}

.single-article .oshidao-detail .htoel-ranking__foot--article .list.reset-list,.single-article .tanoshimikata-detail .htoel-ranking__foot--article .list.reset-list {
    margin: 0
}

.single-article .oshidao-detail .htoel-ranking__foot--richtxt,.single-article .tanoshimikata-detail .htoel-ranking__foot--richtxt {
    margin-right: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8
}

.single-article .oshidao-detail .htoel-ranking__foot--title,.single-article .tanoshimikata-detail .htoel-ranking__foot--title {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.88889
}

.single-article .oshidao-detail .htoel-ranking__foot--reco,.single-article .tanoshimikata-detail .htoel-ranking__foot--reco {
    margin: 8px 0 0;
    padding: 0;
    list-style-type: none
}

.single-article .oshidao-detail .htoel-ranking__foot--reco_item,.single-article .tanoshimikata-detail .htoel-ranking__foot--reco_item {
    padding: 0
}

.section03 .more-btn .single-article .oshidao-detail a.htoel-ranking__foot--reco_item:after,.section03 .more-btn .single-article .oshidao-detail button.htoel-ranking__foot--reco_item:after,.section03 .more-btn .single-article .tanoshimikata-detail a.htoel-ranking__foot--reco_item:after,.section03 .more-btn .single-article .tanoshimikata-detail button.htoel-ranking__foot--reco_item:after,.single-article .oshidao-detail .htoel-ranking__foot--reco_item:before,.single-article .oshidao-detail .section03 .more-btn a.htoel-ranking__foot--reco_item:after,.single-article .oshidao-detail .section03 .more-btn button.htoel-ranking__foot--reco_item:after,.single-article .oshidao-detail .wide-info h2.htoel-ranking__foot--reco_item:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--reco_item:before,.single-article .tanoshimikata-detail .section03 .more-btn a.htoel-ranking__foot--reco_item:after,.single-article .tanoshimikata-detail .section03 .more-btn button.htoel-ranking__foot--reco_item:after,.single-article .tanoshimikata-detail .wide-info h2.htoel-ranking__foot--reco_item:after,.wide-info .single-article .oshidao-detail h2.htoel-ranking__foot--reco_item:after,.wide-info .single-article .tanoshimikata-detail h2.htoel-ranking__foot--reco_item:after {
    content: "・"
}

.single-article .oshidao-detail .htoel-ranking__foot--reco_item:not(:first-child),.single-article .tanoshimikata-detail .htoel-ranking__foot--reco_item:not(:first-child) {
    margin-top: 7px
}

.single-article .oshidao-detail .htoel-ranking__foot--access,.single-article .tanoshimikata-detail .htoel-ranking__foot--access {
    margin-top: 26px;
    padding: 0 15px 0 19px;
    background-color: #eee
}

.single-article .oshidao-detail .htoel-ranking__foot--access dt,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt {
    position: relative;
    padding: 18px 0 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer
}

.single-article .oshidao-detail .htoel-ranking__foot--access dt:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt:before {
    display: inline-block;
    position: absolute;
    top: 24px;
    right: 0;
    width: 19px;
    height: 4px;
    background-color: #666;
    content: "";
    transition: .5s
}

.single-article .oshidao-detail .htoel-ranking__foot--access dt:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt:before {
    transform: rotate(90deg)
}

.single-article .oshidao-detail .htoel-ranking__foot--access dt.is-active:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.is-active:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.is-active:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.is-active:before {
    transform: rotate(0)
}

.single-article .oshidao-detail .htoel-ranking__foot--access dd,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dd {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.single-article .oshidao-detail .htoel-ranking__foot--access dd:not(:first-child),.single-article .tanoshimikata-detail .htoel-ranking__foot--access dd:not(:first-child) {
    margin-top: 10px
}

.single-article .oshidao-detail .htoel-ranking__foot--access dd span,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dd span {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 24px;
    background-position: 50%
}

.single-article .oshidao-detail .htoel-ranking__foot--access .content,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .content {
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: .5s
}

.single-article .oshidao-detail .htoel-ranking__foot--access .content.is-open,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .content.is-open {
    padding: 0 0 20px
}

.section03 .more-btn .single-article .oshidao-detail .htoel-ranking button.btn-round,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking button.btn-round,.single-article .oshidao-detail .htoel-ranking .section03 .more-btn button.btn-round,.single-article .oshidao-detail .htoel-ranking a.btn-round,.single-article .tanoshimikata-detail .htoel-ranking .section03 .more-btn button.btn-round,.single-article .tanoshimikata-detail .htoel-ranking a.btn-round {
    display: flex;
    margin: 0 auto;
    text-align: center
}

.section03 .more-btn .single-article .oshidao-detail .htoel-ranking button.btn-round:link,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking button.btn-round:link,.single-article .oshidao-detail .htoel-ranking .section03 .more-btn button.btn-round:link,.single-article .oshidao-detail .htoel-ranking a.btn-round:link,.single-article .tanoshimikata-detail .htoel-ranking .section03 .more-btn button.btn-round:link,.single-article .tanoshimikata-detail .htoel-ranking a.btn-round:link {
    color: #f08300;
    font-weight: 700;
    text-decoration: none
}

.single-article .oshidao-detail .htoel-ranking__txt,.single-article .tanoshimikata-detail .htoel-ranking__txt {
    margin: 60px 0 0;
    padding: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center
}

.single-article .oshidao-detail .htoel-ranking.two .htoel-ranking__foot,.single-article .tanoshimikata-detail .htoel-ranking.two .htoel-ranking__foot {
    margin: 20px 0
}

.single-article .oshidao-detail .htoel-ranking.two .htoel-ranking__list,.single-article .tanoshimikata-detail .htoel-ranking.two .htoel-ranking__list {
    margin: 40px 0 0
}

.single-article .oshidao-detail .htoel-ranking.two .htoel-ranking__item:not(:first-child),.single-article .tanoshimikata-detail .htoel-ranking.two .htoel-ranking__item:not(:first-child) {
    margin: 0;
    padding-top: 60px;
    border-top: 1px solid #ccc
}

.single-article .oshidao-detail .htoel-ranking__mainimg,.single-article .tanoshimikata-detail .htoel-ranking__mainimg {
    position: relative;
    width: 100%;
    height: auto;
    padding: 53.334% 0 0
}

.single-article .oshidao-detail .htoel-ranking__mainimg picture,.single-article .tanoshimikata-detail .htoel-ranking__mainimg picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.single-article .oshidao-detail .htoel-ranking__mainimg img,.single-article .tanoshimikata-detail .htoel-ranking__mainimg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery {
    position: relative;
    margin: 0 auto
}

.single-article .oshidao-detail .htoel-ranking .sliderwrap,.single-article .tanoshimikata-detail .htoel-ranking .sliderwrap {
    position: static;
    overflow: hidden
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider {
    position: static;
    width: 100%;
    margin: 0;
    overflow: initial
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--list,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--list {
    width: 100%;
    height: 440px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--list img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--list img {
    width: 100%
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 53.334% 0 0;
    overflow: hidden;
    background-color: #eee
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item picture,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item picture {
    display: block;
    width: 100%;
    height: 100%
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item picture img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item picture img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: auto;
    object-fit: cover
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item>img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item>img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: auto;
    object-fit: contain
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--caption,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--caption {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 11px;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--link,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--link:after,.single-article .oshidao-detail .htoel-ranking .htoel-ranking__foot--access dt.htoel-gallery-slider--link:before,.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking dt.htoel-gallery-slider--link:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--link:after,.single-article .tanoshimikata-detail .htoel-ranking .htoel-ranking__foot--access dt.htoel-gallery-slider--link:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking dt.htoel-gallery-slider--link:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    content: ""
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--link:hover p,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--link:hover p {
    text-decoration: underline
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .next,.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .prev,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .next,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .prev {
    display: block;
    z-index: 10;
    position: absolute;
    top: -49px;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 30px;
    background-color: #5a5a5a;
    cursor: pointer
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.next:before,.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.prev:before,.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .next:after,.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .prev:after,.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.next:before,.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .next:after,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .prev:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.prev:before {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    overflow: hidden;
    transform-origin: center center;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    content: ""
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .prev,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .prev {
    left: -45px
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.prev:before,.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .prev:after,.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.prev:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .prev:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.prev:before {
    transform: rotate(-45deg)
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .next,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .next {
    right: -45px
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.next:before,.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .next:after,.single-article .oshidao-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .htoel-ranking__foot--access dt.next:before,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .next:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .htoel-ranking .htoel-gallery-slider dt.next:before {
    transform: rotate(135deg)
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .swiper-pagination-bullet-active,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .swiper-pagination-bullet-active {
    background-color: #f24a4c!important
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--lastbox,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--lastbox {
    display: flex;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: auto
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--lastbox img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--lastbox img {
    display: block;
    position: relative;
    width: 88px;
    height: 68px;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: cover
}

.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--lasttxt,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--lasttxt {
    margin: 32px 0 0;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    text-align: center
}

.section03 .more-btn .single-article .oshidao-detail .max420_btn button,.section03 .more-btn .single-article .tanoshimikata-detail .max420_btn button,.single-article .oshidao-detail .max420_btn .section03 .more-btn button,.single-article .oshidao-detail .max420_btn a,.single-article .tanoshimikata-detail .max420_btn .section03 .more-btn button,.single-article .tanoshimikata-detail .max420_btn a {
    width: 100%;
    max-width: 420px
}

.single-article .oshidao-detail .max420_btn.btn_center,.single-article .tanoshimikata-detail .max420_btn.btn_center {
    text-align: center
}

.single-article .oshidao-detail .max420_btn .btn-round,.single-article .tanoshimikata-detail .max420_btn .btn-round {
    color: #f08301;
    font-weight: 700;
    text-decoration: none
}

.single-article .oshidao-detail .oshiyado_video-ranking,.single-article .tanoshimikata-detail .oshiyado_video-ranking {
    padding: 80px 15px
}

.single-article .oshidao-detail .oshiyado_video-ranking .video-slider_2,.single-article .tanoshimikata-detail .oshiyado_video-ranking .video-slider_2 {
    margin: 0 auto
}

.single-article .tanoshimikata-detail {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.88889
}

.single-article .tanoshimikata-detail__wrap {
    max-width: 780px;
    margin: 0 auto
}

.single-article .tanoshimikata-detail__title {
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 4px solid #003894
}

.single-article .tanoshimikata-detail__title .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em
}

.single-article .tanoshimikata-detail__title time {
    display: block;
    color: #303030;
    font-size: 12px
}

.single-article .tanoshimikata-detail h2 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.59091
}

.single-article .tanoshimikata-detail p {
    margin: 0 0 57px
}

.single-article .tanoshimikata-detail .tano-iframe {
    position: relative;
    width: 100%;
    margin: 0 0 27px;
    padding-top: 56.123%
}

.single-article .tanoshimikata-detail .tano-iframe .video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.single-article .oshidao-detail .htoel-ranking__foot--access .tanoshimikata-detail .tano-iframe dt.video-iframe:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .tano-iframe dt.video-iframe:before,.single-article .tanoshimikata-detail .tano-iframe .htoel-ranking__foot--access dt.video-iframe:before,.single-article .tanoshimikata-detail .tano-iframe .video-iframe:after {
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 110px;
    height: auto;
    margin: 0 auto;
    background: url(../../images/ic-video-player.svg) 50% no-repeat;
    background-size: contain!important;
    content: ""
}

.single-article .tanoshimikata-detail .tano-iframe .video-iframe iframe {
    width: 100%;
    height: 100%
}

.single-article .tanoshimikata-detail__img {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px
}

.single-article .tanoshimikata-detail__img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    object-fit: contain
}

.single-article .tanoshimikata-detail__time {
    display: block;
    padding-top: 14px;
    color: #666;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.63636;
    text-align: left
}

.single-article .tanoshimikata-detail .middle_title_area {
    box-sizing: border-box;
    width: 100%;
    border: 23px solid #fff4ef;
    background: #fff
}

.single-article .tanoshimikata-detail .middle_title_area .box1 {
    padding: 23px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff
}

.single-article .tanoshimikata-detail .middle_title_area .box2 {
    padding: 23px;
    background: #fff
}

.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 774px;
    margin: 0 auto
}

.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box {
    text-align: center
}

.section03 .more-btn .single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box button,.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box .section03 .more-btn button,.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box a {
    max-width: 380px
}

.single-article .oshidao-detail .htoel-ranking__foot--access .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box dt.btn-round:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .middle_title_area .box2 .column_box .c_box dt.btn-round:before,.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box .btn-round:after,.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box .htoel-ranking__foot--access dt.btn-round:before {
    right: 13px;
    width: 18px;
    height: 18px;
    background: url(../images/arrow-r-orange.svg) 50%/contain no-repeat;
    background-size: 18px
}

.single-article .tanoshimikata-detail .middle_title_area .btn_box .btn-official {
    width: 100%;
    padding: 0
}

.section03 .more-btn .single-article .tanoshimikata-detail .middle_title_area .btn_box .btn-official button,.single-article .tanoshimikata-detail .middle_title_area .btn_box .btn-official .section03 .more-btn button,.single-article .tanoshimikata-detail .middle_title_area .btn_box .btn-official a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding-top: 7px;
    padding-right: 20px;
    font-size: 0;
    line-height: 43px;
    text-align: center;
    text-decoration: none
}

.section03 .more-btn .single-article .tanoshimikata-detail .middle_title_area .btn_box .btn-official button:after,.single-article .tanoshimikata-detail .middle_title_area .btn_box .btn-official .section03 .more-btn button:after,.single-article .tanoshimikata-detail .middle_title_area .btn_box .btn-official a:after {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    content: ""
}

.page-article-archive>.list {
    max-width: 1010px;
    margin: 55px auto 0
}

.page-article-archive>.list ul {
    border-top: 1px solid #ccc
}

.page-article-archive>.list ul li {
    box-sizing: border-box;
    width: 100%;
    padding: 48px 0;
    border-bottom: 1px solid #ccc
}

.page-article-archive>.list ul li .inner {
    display: flex;
    text-decoration: none
}

.page-article-archive>.list ul li .imgarea {
    display: block;
    position: relative;
    width: 320px;
    height: 180px;
    overflow: hidden
}

.page-article-archive>.list ul li .imgarea img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.page-article-archive>.list ul li .imgarea .cate {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 9px 11px 7px;
    background-color: #003894;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

.page-article-archive>.list ul li .data {
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.page-article-archive>.list ul li .textarea {
    position: relative;
    width: calc(100% - 340px);
    margin: 0 0 0 20px
}

.page-article-archive>.list ul li .textarea .title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.59091
}

.page-article-archive>.list ul li .textarea .hotel-name,.page-article-archive>.list ul li .textarea .subarea {
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.page-article-archive>.list ul li .linkarea {
    display: inline-block;
    text-decoration: none;
    transition: opacity 1s
}

.post-type-archive-info .hotel-header {
    display: flex
}

.cta-type-d .hotelItemCard__points {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px 0 0 22px;
    border-left: 1px solid #f08301
}

.cta-type-d .hotelItemCard__points_li {
    gap: 0 5px;
    display: flex;
    width: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 1.6
}

.cta-type-d .hotelItemCard__points_li:before,.cta-type-d .section03 .more-btn a.hotelItemCard__points_li:after,.cta-type-d .section03 .more-btn button.hotelItemCard__points_li:after,.cta-type-d .wide-info h2.hotelItemCard__points_li:after,.section03 .more-btn .cta-type-d a.hotelItemCard__points_li:after,.section03 .more-btn .cta-type-d button.hotelItemCard__points_li:after,.wide-info .cta-type-d h2.hotelItemCard__points_li:after {
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-top: 4px;
    background: url(../images/icon-check.svg) 50%/contain no-repeat;
    content: ""
}

.cta-type-d .hotelItemCard__points_li+.hotelItemCard__points_li {
    margin-top: 7px
}

.cta-type-d .hotelOfficial__header_price {
    margin-top: 10px;
    padding-left: 0;
    font-size: 14px;
    text-align: right
}

.cta-type-d .hotelOfficial__header_price em {
    font-size: 22px
}

.cta-type-d .hotelOfficial__header_price--texts {
    font-size: 16px
}

.cta-type-d .hotelOfficial__header_price--textSs {
    font-size: 14px
}

.cta-type-d .hotelOfficial__header_btn {
    width: 100%;
    max-width: inherit;
    margin-top: 15px
}

.cta-type-d .hotelOfficial__header_btn.ex-btn .btn-official {
    border: 1px solid #f08301;
    background-color: #fff;
    color: #f08301
}

.cta-type-d .hotelOfficial__header_btn.ex-btn .btn-official:before,.cta-type-d .hotelOfficial__header_btn.ex-btn .section03 .more-btn a.btn-official:after,.cta-type-d .hotelOfficial__header_btn.ex-btn .section03 .more-btn button.btn-official:after,.cta-type-d .hotelOfficial__header_btn.ex-btn .wide-info h2.btn-official:after,.section03 .more-btn .cta-type-d .hotelOfficial__header_btn.ex-btn a.btn-official:after,.section03 .more-btn .cta-type-d .hotelOfficial__header_btn.ex-btn button.btn-official:after,.wide-info .cta-type-d .hotelOfficial__header_btn.ex-btn h2.btn-official:after {
    content: none
}

.cta-type-d .hotelOfficial__header_btn.ex-btn .btn-official:after,.cta-type-d .hotelOfficial__header_btn.ex-btn .single-article .oshidao-detail .htoel-ranking__foot--access dt.btn-official:before,.cta-type-d .hotelOfficial__header_btn.ex-btn .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.btn-official:before,.single-article .oshidao-detail .htoel-ranking__foot--access .cta-type-d .hotelOfficial__header_btn.ex-btn dt.btn-official:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .cta-type-d .hotelOfficial__header_btn.ex-btn dt.btn-official:before {
    background: url(../images/arrow-r-orange.svg) 50%/contain no-repeat
}

.cta-type-d .hotelOfficial__header_btn.ex-btn .btn-official:hover {
    background-color: #f7f7f7
}

.single-info {
    counter-reset: count-hotel-number
}

.single-info .l-qa {
    padding: 0 15px
}

.single-info .localist {
    margin: 60px 0 0;
    text-align: right
}

.single-info .hotel-news-topics {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto 80px;
    padding: 0 15px
}

.single-info .hotel-news-topics h3 {
    margin: 0 0 10px
}

.single-info .hotel-news-topics ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.single-info .hotel-news-topics ul li {
    padding: 0 0 5px
}

.single-info .hotel-news-topics ul li:last-child {
    padding: 0
}

.section03 .more-btn .single-info .hotel-news-topics ul li button,.single-info .hotel-news-topics ul li .section03 .more-btn button,.single-info .hotel-news-topics ul li a {
    word-wrap: break-word
}

.page-hotel-detail {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto 110px;
    padding: 0 15px
}

.page-hotel-detail .page-head-image .image img {
    display: block;
    width: 100%;
    height: auto
}

.page-hotel-detail .sections {
    grid-gap: 55px 37px;
    display: grid;
    margin: 60px 0 0
}

.page-hotel-detail .sections .section .title {
    display: flex;
    align-items: center;
    min-height: 58px;
    margin: 0 0 10px;
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3em
}

.page-hotel-detail .sections .section .section03 .more-btn a.title:after,.page-hotel-detail .sections .section .section03 .more-btn button.title:after,.page-hotel-detail .sections .section .title:before,.page-hotel-detail .sections .section .wide-info h2.title:after,.section03 .more-btn .page-hotel-detail .sections .section a.title:after,.section03 .more-btn .page-hotel-detail .sections .section button.title:after,.wide-info .page-hotel-detail .sections .section h2.title:after {
    margin: 0 12px 0 0;
    padding-right: 19px;
    border-right: 2px solid;
    color: #003894;
    font-size: 40px;
    line-height: 1.2em;
    content: counter(count-hotel-number,decimal-leading-zero);
    counter-increment: count-hotel-number
}

.page-hotel-detail .sections .section .title .section03 .more-btn button,.page-hotel-detail .sections .section .title a,.section03 .more-btn .page-hotel-detail .sections .section .title button {
    color: #333;
    font-weight: 700;
    text-decoration: none
}

.page-hotel-detail .sections .section .title .section03 .more-btn button:hover,.page-hotel-detail .sections .section .title a:hover,.section03 .more-btn .page-hotel-detail .sections .section .title button:hover {
    text-decoration: underline
}

.page-hotel-detail .sections .section .image-wrap {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    overflow: hidden;
    background: #eee
}

.page-hotel-detail .sections .section .image-wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    transition: all .3s ease
}

.page-hotel-detail .sections .section .section03 .more-btn button.image-wrap,.page-hotel-detail .sections .section a.image-wrap,.section03 .more-btn .page-hotel-detail .sections .section button.image-wrap {
    transition: all .3s ease
}

.page-hotel-detail .sections .section .section03 .more-btn button.image-wrap:hover,.page-hotel-detail .sections .section a.image-wrap:hover,.section03 .more-btn .page-hotel-detail .sections .section button.image-wrap:hover {
    opacity: .6
}

.page-hotel-detail .sections .section .section03 .more-btn button.image-wrap:hover img,.page-hotel-detail .sections .section a.image-wrap:hover img,.section03 .more-btn .page-hotel-detail .sections .section button.image-wrap:hover img {
    transform: scale(1.1)
}

.page-hotel-detail .sections .section .section03 .more-btn button.image-wrap img,.page-hotel-detail .sections .section a.image-wrap img,.section03 .more-btn .page-hotel-detail .sections .section button.image-wrap img {
    transition: .3s
}

.page-hotel-detail .sections .section .text {
    margin: 12px 0 0;
    font-size: 17px;
    line-height: 1.8em
}

.page-hotel-detail .sections .section .btnarea {
    gap: 10px 0;
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 0;
    line-height: 1.8em
}

.page-hotel-detail .sections .section .btnarea .section03 .more-btn button,.page-hotel-detail .sections .section .btnarea a,.section03 .more-btn .page-hotel-detail .sections .section .btnarea button {
    display: flex;
    position: relative;
    top: 0;
    left: 50%;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 420px;
    height: 56px;
    transform: translateX(-50%);
    border: 2px solid;
    border-radius: 50px;
    background: #fff;
    color: #f08301;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none
}

.page-hotel-detail .sections.free {
    grid-gap: 0;
    display: block
}

.page-hotel-detail .sections.free .sections_title {
    margin-bottom: 27px;
    padding: 15px 0;
    border-top: 3px solid #003894;
    border-bottom: 1px solid #c8d4dc;
    text-align: center
}

.page-hotel-detail .sections.free .sections_title h2 {
    margin: 0 0 3px;
    color: #003894;
    font-size: 30px
}

.page-hotel-detail .sections.free .sections_title .hotel-time {
    font-size: 12px
}

.page-hotel-detail .sections.free .section {
    margin: 25px 0 0
}

.single-video .page-head {
    margin: 50px 0 0
}

.single-video .page-head .desc {
    margin: 20px 0 0
}

.single-video .page-video-other-videos {
    margin-top: 80px
}

.page-template-page-areatop .square-box {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto 80px;
    padding: 0
}

.page-template-page-areatop .square-box ul {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 -12px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1
}

.page-template-page-areatop .square-box ul li {
    margin: 0 12px 20px
}

.page-template-page-areatop .square-box ul li .section03 .more-btn button,.page-template-page-areatop .square-box ul li a,.section03 .more-btn .page-template-page-areatop .square-box ul li button {
    position: relative;
    font-weight: 700
}

.page-template-page-areatop .square-box ul li .section03 .more-btn a:after,.page-template-page-areatop .square-box ul li .section03 .more-btn button:after,.page-template-page-areatop .square-box ul li .section03 .more-btn button:before,.page-template-page-areatop .square-box ul li a:before,.section03 .more-btn .page-template-page-areatop .square-box ul li a:after,.section03 .more-btn .page-template-page-areatop .square-box ul li button:after,.section03 .more-btn .page-template-page-areatop .square-box ul li button:before {
    display: inline-block;
    position: relative;
    top: 5px;
    width: 13px;
    height: 20px;
    margin-right: .5em;
    background-image: url(../images/icon-address.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: ""
}

.page-template-page-areatop .l-qa,.page-template-page-areatop .related-tags {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto 80px;
    padding: 0 15px
}

.page-template-page-areatop .bc-color-blue {
    margin: 80px auto
}

.page-template-page-areatop .bc-color-blue .slider-type-3rd__2 {
    padding: 0 15px!important
}

.page-template-page-areatop .bc-color-blue .video-slider_2 {
    padding: 0
}

.special-page {
    box-sizing: border-box;
    width: 100%;
    max-width: 1010px;
    margin: 0 auto 110px;
    padding: 0 15px
}

.special-page__mv {
    margin: 0 0 2em
}

.special-page h1 {
    display: block;
    position: relative;
    margin: 0 0 1em;
    color: #333;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5em
}

.special-page h3,.special-page h4,.special-page h5 {
    padding: 0
}

.special-page .imgarea {
    margin: 0 0 1em
}

.special-page .text-center {
    text-align: center
}

.wide-info {
    box-sizing: border-box;
    margin: 80px auto 81px
}

.wide-info-nav {
    box-sizing: border-box;
    max-width: 1010px;
    height: 60px;
    margin: 0 auto;
    padding: 0 15px
}

.wide-info-nav__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.wide-info-nav__item {
    width: 14.28571%;
    height: 60px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.section03 .more-btn .wide-info-nav__item button,.wide-info-nav__item .section03 .more-btn button,.wide-info-nav__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: opacity 1s
}

.section03 .more-btn .wide-info-nav__item button:hover,.wide-info-nav__item .section03 .more-btn button:hover,.wide-info-nav__item a:hover {
    opacity: .6
}

.section03 .more-btn .wide-info-nav__item button img,.wide-info-nav__item .section03 .more-btn button img,.wide-info-nav__item a img {
    margin-right: 8px
}

.wide-info-nav__img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 23px
}

.wide-info p {
    margin: 0
}

.wide-info h2 {
    position: relative;
    margin: 81px 0 44px;
    padding: 19px 0 0 47px;
    border-top: 3px solid #c8d4dc;
    font-size: 24px;
    font-weight: 700;
    line-height: 1
}

.wide-info h2:after,.wide-info h2:before {
    display: inline-block;
    display: block;
    position: absolute;
    top: 15px;
    bottom: -14px;
    left: 0;
    width: 30px;
    height: 30px;
    margin-right: 15.2px;
    background-size: cover;
    content: ""
}

.wide-info h2:after {
    position: absolute;
    top: -3px;
    left: 0;
    width: 240px;
    height: 3px;
    background-color: #003894;
    content: ""
}

.wide-info h3 {
    margin: 55px 0 40px;
    padding-left: 15px;
    border-left: 5px solid #58bdec;
    font-size: 20px;
    font-weight: 700;
    line-height: 2
}

.wide-info__edi {
    margin: 0 0 25px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.88889
}

.wide-info .g-map {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 24px;
    padding: 50.595% 0 0
}

.wide-info .g-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wide-info dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 60px
}

.wide-info dl dt {
    width: 20%;
    margin: 21px 0 0;
    padding: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.66667
}

.wide-info dl dt:not(:last-of-type) {
    border-bottom: 1px solid #efefef
}

.wide-info dl dd {
    box-sizing: border-box;
    width: 80%;
    margin: 21px 0 0;
    padding: 0 0 20px 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.66667
}

.wide-info dl dd:not(:last-of-type) {
    border-bottom: 1px solid #efefef
}

.wide-info .point {
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 50px 0 20px;
    padding: 46px 35px 30px;
    background: #eef8ff
}

.section03 .more-btn .wide-info a.point:after,.section03 .more-btn .wide-info button.point:after,.wide-info .point:before,.wide-info .section03 .more-btn a.point:after,.wide-info .section03 .more-btn button.point:after,.wide-info h2.point:after {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    color: #003894;
    font-family: unset;
    font-size: 24px;
    font-weight: 700;
    line-height: .9;
    content: "POINT!!"
}

.wide-info .point-inner {
    width: 100%
}

.wide-info .point-img {
    width: 100%;
    margin-right: 22px
}

.wide-info .point-img img,.wide-info .point-textarea {
    width: 100%
}

.wide-info .point-textarea.ad-img {
    width: calc(100% - 232px)
}

.wide-info .point-title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.88889
}

.wide-info .point-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.88889
}

.wide-info .map-link {
    position: relative;
    color: #f08300;
    text-decoration: none
}

.single-article .oshidao-detail .htoel-ranking__foot--access .wide-info dt.map-link:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .wide-info dt.map-link:before,.wide-info .map-link:after,.wide-info .single-article .oshidao-detail .htoel-ranking__foot--access dt.map-link:before,.wide-info .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.map-link:before {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 4px;
    background-image: url(../images/icon-tab.svg);
    content: ""
}

.wide-info__inner:first-of-type h2 {
    margin-top: 0
}

.single-article .oshidao-detail .htoel-ranking__foot--access dt.wide-info__inner.is-open:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.wide-info__inner.is-open:before,.wide-info__inner.is-open:after {
    content: none
}

.wide-info .video-slider .list ul li .thumb {
    margin: 0;
    padding: 0 0 56.3291%;
    border-radius: 0
}

.section03 .more-btn .wide-info .video-slider .list ul li a.thumb:after,.section03 .more-btn .wide-info .video-slider .list ul li button.thumb:after,.wide-info .video-slider .list ul li .section03 .more-btn a.thumb:after,.wide-info .video-slider .list ul li .section03 .more-btn button.thumb:after,.wide-info .video-slider .list ul li .thumb:before,.wide-info .video-slider .list ul li h2.thumb:after {
    content: none
}

.wide-info .video-slider .list ul li .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wide-info .video-slider .list ul li .text {
    margin: 20px 0 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33333
}

.wide-info .video-slider .list ul li .exp {
    margin: 10px 0 0;
    color: #666;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33333
}

.wide-info .video-slider .list ul li .point {
    margin: 40px 0 0
}

.wide-info .video-slider .list ul li .point-title {
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.41176
}

.wide-info .video-slider .list ul li .point-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.41176
}

.wide-info .video-slider .slider .next,.wide-info .video-slider .slider .prev {
    display: block
}

.wide-info__list {
    margin: 0 0 30px;
    padding: 0;
    list-style-type: none
}

.wide-info__list li {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #efefef
}

.wide-info__list li .title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.52941
}

.wide-info__list li .text {
    margin: 20px 0 0;
    color: #666;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.52941
}

.wide-info__list li .point {
    margin: 50px 0 0
}

.wide-info__annotation {
    margin: 30px 0 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5
}

.wide-info .shokuji {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.88889
}

.wide-info .shokuji-inner {
    margin-bottom: 30px
}

.wide-info .shokuji-inner__text h4 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 18px
}

.wide-info .g-map_t {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 490px
}

.wide-info .g-map_t iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.basic_information_nav-suv {
    position: relative;
    margin: 20px 0 0
}

.basic_information_nav {
    display: table;
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #fff
}

.basic_information_nav li {
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #c8d4dc;
    list-style: none
}

.basic_information_nav li:first-child {
    border-left: 1px solid #c8d4dc!important
}

.basic_information_nav li .section03 .more-btn button,.basic_information_nav li a,.section03 .more-btn .basic_information_nav li button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    color: #303030;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.basic_information_nav li .section03 .more-btn button:hover,.basic_information_nav li a:hover,.section03 .more-btn .basic_information_nav li button:hover {
    opacity: .8
}

.type_room_swiper .swiper-slide .img_box {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 56%;
    overflow: hidden;
    background: #eee;
    transition: all .3s ease
}

.type_room_swiper .swiper-slide .img_box img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;"!important;
    transition: all .3s ease
}

.type_room_swiper .swiper-slide h3 {
    margin-bottom: 30px;
    font-size: 20px
}

.type_room_swiper .swiper-slide .access_point_box {
    margin: 40px 0 0;
    padding: 30px 20px
}

.single-article .oshidao-detail .htoel-ranking__foot--access .type_room_swiper .swiper-slide dt.access_point_box:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .type_room_swiper .swiper-slide dt.access_point_box:before,.type_room_swiper .swiper-slide .access_point_box:after,.type_room_swiper .swiper-slide .single-article .oshidao-detail .htoel-ranking__foot--access dt.access_point_box:before,.type_room_swiper .swiper-slide .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.access_point_box:before {
    font-size: 22px
}

.type_room_swiper .swiper-slide .access_point_box h3 {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.38462
}

.type_room_swiper .swiper-slide .access_point_box p {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.38462
}

.type_room_swiper .prev_next__room_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 18%
}

.swiper-button-prev_room {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin: auto 0;
    transform: translateX(1.5px) rotate(-45deg);
    border-radius: 30px;
    background: #585858
}

.section03 .more-btn a.swiper-button-prev_room:after,.section03 .more-btn button.swiper-button-prev_room:after,.swiper-button-prev_room:before,.wide-info h2.swiper-button-prev_room:after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    overflow: hidden;
    transform-origin: center center;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    content: ""
}

.swiper-button-next_room {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    margin: auto 0;
    border-radius: 30px;
    background: #585858
}

.section03 .more-btn a.swiper-button-next_room:after,.section03 .more-btn button.swiper-button-next_room:after,.swiper-button-next_room:before,.wide-info h2.swiper-button-next_room:after {
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    overflow: hidden;
    transform: translateX(-1.5px) rotate(135deg);
    transform-origin: center center;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    content: ""
}

.access_title_t.icon_01:before,.section03 .more-btn a.access_title_t.icon_01:after,.section03 .more-btn button.access_title_t.icon_01:after,.wide-info h2.access_title_t.icon_01:after {
    width: 26px;
    background-image: url(../images/access_icon_01.svg)
}

.access_title_t.icon_02:before,.section03 .more-btn a.access_title_t.icon_02:after,.section03 .more-btn button.access_title_t.icon_02:after,.wide-info h2.access_title_t.icon_02:after {
    width: 30px;
    background-image: url(../images/access_icon_02.svg)
}

.access_title_t.icon_03:before,.section03 .more-btn a.access_title_t.icon_03:after,.section03 .more-btn button.access_title_t.icon_03:after,.wide-info h2.access_title_t.icon_03:after {
    width: 30px;
    background-image: url(../images/access_icon_03.svg)
}

.access_title_t.icon_04:before,.section03 .more-btn a.access_title_t.icon_04:after,.section03 .more-btn button.access_title_t.icon_04:after,.wide-info h2.access_title_t.icon_04:after {
    width: 34px;
    background-image: url(../images/access_icon_04.svg)
}

.access_title_t.icon_05:before,.section03 .more-btn a.access_title_t.icon_05:after,.section03 .more-btn button.access_title_t.icon_05:after,.wide-info h2.access_title_t.icon_05:after {
    width: 30px;
    background-image: url(../images/access_icon_07.svg)
}

.access_title_t.icon_06:before,.section03 .more-btn a.access_title_t.icon_06:after,.section03 .more-btn button.access_title_t.icon_06:after,.wide-info h2.access_title_t.icon_06:after {
    width: 32px;
    background-image: url(../images/access_icon_06.svg)
}

.access_title_t.icon_07:before,.section03 .more-btn a.access_title_t.icon_07:after,.section03 .more-btn button.access_title_t.icon_07:after,.wide-info h2.access_title_t.icon_07:after {
    width: 30px;
    background-image: url(../images/access_icon_07.svg)
}

.dp-page.btn.btn2 .section03 .more-btn button,.dp-page.btn.btn2 a,.section03 .more-btn .dp-page.btn.btn2 button {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    border-radius: 40px;
    border-color: #f08300;
    background-color: #f08300;
    font-size: 18px;
    opacity: 1;
    transition: opacity 1s
}

.dp-page.btn.btn2 .section03 .more-btn a:after,.dp-page.btn.btn2 .section03 .more-btn button:after,.dp-page.btn.btn2 .section03 .more-btn button:before,.dp-page.btn.btn2 a:before,.section03 .more-btn .dp-page.btn.btn2 a:after,.section03 .more-btn .dp-page.btn.btn2 button:after,.section03 .more-btn .dp-page.btn.btn2 button:before {
    content: none
}

.dp-page.btn.btn2 .section03 .more-btn button:hover,.dp-page.btn.btn2 a:hover,.section03 .more-btn .dp-page.btn.btn2 button:hover {
    opacity: .6
}

.dp-page__imgarea {
    display: flex;
    justify-content: space-between;
    margin: 4px 0 0
}

.dp-page__imgarea img {
    display: block;
    margin: 0 12px
}

.followBtnWrap {
    position: fixed;
    right: 0;
    bottom: 0;
    width: auto;
    opacity: 0;
    transition: all .3s
}

.followBtnWrap.is-view {
    z-index: 1001;
    opacity: 1
}

.followBtnWrap.is-view .followBtn__btnwrap .section03 .more-btn button,.followBtnWrap.is-view .followBtn__btnwrap a,.section03 .more-btn .followBtnWrap.is-view .followBtn__btnwrap button {
    transform: translateX(0)
}

.followBtnWrap.is-close {
    opacity: 0;
    pointer-events: none
}

.followBtn {
    box-sizing: border-box;
    position: relative;
    width: 366px;
    padding: 12px 20px;
    background: #fff
}

.followBtn__close {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 38px;
    height: 38px;
    border: none;
    background: #000;
    cursor: pointer;
    transition: all .2s
}

.followBtn__close:hover {
    opacity: .7
}

.followBtn__close:after,.followBtn__close:before,.section03 .more-btn a.followBtn__close:after,.section03 .more-btn button.followBtn__close:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.followBtn__close:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.followBtn__close:before,.wide-info h2.followBtn__close:after {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 2px;
    margin: auto;
    transform: rotate(-45deg);
    background: #fff;
    content: ""
}

.followBtn__close:before,.section03 .more-btn a.followBtn__close:after,.section03 .more-btn button.followBtn__close:after,.wide-info h2.followBtn__close:after {
    transform: rotate(45deg)
}

.followBtn__btnwrap .section03 .more-btn button,.followBtn__btnwrap a,.section03 .more-btn .followBtn__btnwrap button {
    width: 100%;
    height: 46px;
    transform: translateX(-30px);
    font-size: 20px;
    transition: all 1s
}

.btn-official.btn-official,.followBtn__btnwrap .section03 .more-btn button,.followBtn__btnwrap a,.hotelOfficial__header_btn .section03 .more-btn button,.hotelOfficial__header_btn a,.section03 .more-btn .followBtn__btnwrap button,.section03 .more-btn .hotelOfficial__header_btn button {
    box-sizing: border-box;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 25px;
    overflow: hidden;
    border: 1px solid #f08301;
    border-radius: 40px;
    background: #f08301;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none
}

.btn-official.btn-official:after,.followBtn__btnwrap .section03 .more-btn button:after,.followBtn__btnwrap a:after,.hotelOfficial__header_btn .section03 .more-btn button:after,.hotelOfficial__header_btn a:after,.section03 .more-btn .followBtn__btnwrap button:after,.section03 .more-btn .hotelOfficial__header_btn button:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.btn-official.btn-official:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.btn-official.btn-official:before {
    display: inline-block;
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/arrow-r-white.svg) 50%/contain no-repeat;
    content: ""
}

.btn-official.btn-official:before,.followBtn__btnwrap .section03 .more-btn a:after,.followBtn__btnwrap .section03 .more-btn button:after,.followBtn__btnwrap .section03 .more-btn button:before,.followBtn__btnwrap a:before,.hotelOfficial__header_btn .section03 .more-btn a:after,.hotelOfficial__header_btn .section03 .more-btn button:after,.hotelOfficial__header_btn .section03 .more-btn button:before,.hotelOfficial__header_btn a:before,.section03 .more-btn .followBtn__btnwrap a:after,.section03 .more-btn .followBtn__btnwrap button:after,.section03 .more-btn .followBtn__btnwrap button:before,.section03 .more-btn .hotelOfficial__header_btn a:after,.section03 .more-btn .hotelOfficial__header_btn button:after,.section03 .more-btn .hotelOfficial__header_btn button:before,.section03 .more-btn a.btn-official.btn-official:after,.section03 .more-btn button.btn-official.btn-official:after,.wide-info h2.btn-official.btn-official:after {
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    transform: skewX(-25deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));
    animation: shineInfinite 2.8s infinite;
    content: ""
}

.btn-official.btn-official:hover:before,.followBtn__btnwrap .section03 .more-btn a:hover:after,.followBtn__btnwrap .section03 .more-btn button:hover:after,.followBtn__btnwrap .section03 .more-btn button:hover:before,.followBtn__btnwrap a:hover:before,.hotelOfficial__header_btn .section03 .more-btn a:hover:after,.hotelOfficial__header_btn .section03 .more-btn button:hover:after,.hotelOfficial__header_btn .section03 .more-btn button:hover:before,.hotelOfficial__header_btn a:hover:before,.section03 .more-btn .followBtn__btnwrap a:hover:after,.section03 .more-btn .followBtn__btnwrap button:hover:after,.section03 .more-btn .followBtn__btnwrap button:hover:before,.section03 .more-btn .hotelOfficial__header_btn a:hover:after,.section03 .more-btn .hotelOfficial__header_btn button:hover:after,.section03 .more-btn .hotelOfficial__header_btn button:hover:before,.section03 .more-btn a.btn-official.btn-official:hover:after,.section03 .more-btn button.btn-official.btn-official:hover:after,.wide-info h2.btn-official.btn-official:hover:after {
    animation: shine .7s
}

@keyframes shineInfinite {
    0% {
        left: -75%
    }

    30% {
        left: 125%
    }

    to {
        left: 125%
    }
}

@keyframes shine {
    to {
        left: 125%
    }
}

.btn-ota {
    transition: all .2s
}

.btn-ota.btn-ota {
    box-sizing: border-box;
    display: inline-flex;
    position: relative;
    align-items: center;
    height: 58px;
    border: 1px solid #f08301;
    border-radius: 40px;
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.btn-ota.btn-ota.is-jalan .section03 .more-btn a:after,.btn-ota.btn-ota.is-jalan .section03 .more-btn button:after,.btn-ota.btn-ota.is-jalan .section03 .more-btn button:before,.btn-ota.btn-ota.is-jalan a:before,.section03 .more-btn .btn-ota.btn-ota.is-jalan a:after,.section03 .more-btn .btn-ota.btn-ota.is-jalan button:after,.section03 .more-btn .btn-ota.btn-ota.is-jalan button:before {
    height: 25px;
    background-image: url(../images/img-ota-jalan.png);
    background-size: 74px
}

.btn-ota.btn-ota.is-rakuten-travel .section03 .more-btn a:after,.btn-ota.btn-ota.is-rakuten-travel .section03 .more-btn button:after,.btn-ota.btn-ota.is-rakuten-travel .section03 .more-btn button:before,.btn-ota.btn-ota.is-rakuten-travel a:before,.section03 .more-btn .btn-ota.btn-ota.is-rakuten-travel a:after,.section03 .more-btn .btn-ota.btn-ota.is-rakuten-travel button:after,.section03 .more-btn .btn-ota.btn-ota.is-rakuten-travel button:before {
    height: 36px;
    background-image: url(../images/img-ota-rakuten-travel.png);
    background-size: 68px
}

.btn-ota.btn-ota.is-ikkyu .section03 .more-btn a:after,.btn-ota.btn-ota.is-ikkyu .section03 .more-btn button:after,.btn-ota.btn-ota.is-ikkyu .section03 .more-btn button:before,.btn-ota.btn-ota.is-ikkyu a:before,.section03 .more-btn .btn-ota.btn-ota.is-ikkyu a:after,.section03 .more-btn .btn-ota.btn-ota.is-ikkyu button:after,.section03 .more-btn .btn-ota.btn-ota.is-ikkyu button:before {
    height: 23px;
    background-image: url(../images/img-ota-ikkyu.png);
    background-size: 80px
}

.btn-ota.btn-ota .section03 .more-btn button,.btn-ota.btn-ota a,.section03 .more-btn .btn-ota.btn-ota button {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px 0 30px;
    color: #000;
    font-weight: 700;
    text-decoration: none
}

.btn-ota.btn-ota .section03 .more-btn a:after,.btn-ota.btn-ota .section03 .more-btn button:after,.btn-ota.btn-ota .section03 .more-btn button:before,.btn-ota.btn-ota a:before,.section03 .more-btn .btn-ota.btn-ota a:after,.section03 .more-btn .btn-ota.btn-ota button:after,.section03 .more-btn .btn-ota.btn-ota button:before {
    display: inline-block;
    width: 80px;
    margin-right: 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.btn-ota.btn-ota .section03 .more-btn button:after,.btn-ota.btn-ota a:after,.section03 .more-btn .btn-ota.btn-ota button:after {
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 20px;
    width: 18px;
    height: 18px;
    background: url(../images/arrow-r-orange.svg) 50%/contain no-repeat;
    content: ""
}

.btn-ota:hover {
    opacity: .7
}

.btn-round {
    box-sizing: border-box;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0 50px;
    border: 1px solid #f08301;
    border-radius: 40px;
    color: #f08301!important;
    font-size: 18px;
    font-weight: 700!important;
    font-weight: 700;
    text-decoration: none!important;
    transition: all .2s
}

.btn-round:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.btn-round:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.btn-round:before {
    display: inline-block;
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/arrow-r-orange.svg) 50%/contain no-repeat;
    content: ""
}

.btn-round:hover {
    background: #f7f7f7
}

.hotelItemCard__img {
    aspect-ratio: 1.74;
    position: relative;
    width: 100%;
    margin-bottom: 5px
}

.hotelItemCard__img.no-rank:before,.section03 .more-btn a.hotelItemCard__img.no-rank:after,.section03 .more-btn button.hotelItemCard__img.no-rank:after,.wide-info h2.hotelItemCard__img.no-rank:after {
    display: none!important
}

.hotelItemCard__img.no-rank .new {
    display: inline-block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 8px 6px 6px;
    background-color: #f24a4c;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}

.hotelItemCard__img .section03 .more-btn button .number,.hotelItemCard__img a .number,.section03 .more-btn .hotelItemCard__img button .number {
    display: inline-flex;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 10px;
    justify-content: center;
    width: 32px;
    height: 39px;
    background: #003894;
    background: url(../images/ranking_bc_5.png) no-repeat 0 0/cover;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5
}

.hotelItemCard__img .section03 .more-btn button .number.one,.hotelItemCard__img a .number.one,.section03 .more-btn .hotelItemCard__img button .number.one {
    background: url(../images/ranking_bc_1.png) no-repeat 0 0/cover
}

.hotelItemCard__img .section03 .more-btn button .number.two,.hotelItemCard__img a .number.two,.section03 .more-btn .hotelItemCard__img button .number.two {
    background: url(../images/ranking_bc_2.png) no-repeat 0 0/cover
}

.hotelItemCard__img .section03 .more-btn button .number.tre,.hotelItemCard__img a .number.tre,.section03 .more-btn .hotelItemCard__img button .number.tre {
    background: url(../images/ranking_bc_3.png) no-repeat 0 0/cover
}

.hotelItemCard__img .section03 .more-btn button,.hotelItemCard__img a,.section03 .more-btn .hotelItemCard__img button {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 0 56.25%
}

.hotelItemCard__img .section03 .more-btn button:hover img,.hotelItemCard__img a:hover img,.section03 .more-btn .hotelItemCard__img button:hover img {
    transform: scale(1.1)
}

.hotelItemCard__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all .6s
}

.hotelItemCard__area {
    margin-bottom: 6px;
    color: #333;
    font-size: 13px
}

.hotelItemCard__title {
    height: 76.5px;
    margin-bottom: 10px;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.video-slider .list .hotelItemCard__points {
    box-sizing: border-box;
    display: block;
    margin: 0 0 10px 10px;
    padding: 3px 0 0 10px;
    border-left: 1px solid #f08301
}

.video-slider .list .hotelItemCard__points_li {
    gap: 0 5px;
    display: flex;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6
}

.section03 .more-btn .video-slider .list a.hotelItemCard__points_li:after,.section03 .more-btn .video-slider .list button.hotelItemCard__points_li:after,.video-slider .list .hotelItemCard__points_li:before,.video-slider .list .section03 .more-btn a.hotelItemCard__points_li:after,.video-slider .list .section03 .more-btn button.hotelItemCard__points_li:after,.video-slider .list .wide-info h2.hotelItemCard__points_li:after,.wide-info .video-slider .list h2.hotelItemCard__points_li:after {
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-top: 4px;
    background: url(../images/icon-check.svg) 50%/contain no-repeat;
    content: ""
}

.video-slider .list .hotelItemCard__points_li+.hotelItemCard__points_li {
    margin-top: 7px
}

.hotelItemCard__price {
    display: flex;
    position: relative;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 13px 8px 10px;
    background: #fff;
    color: #666;
    font-size: 12px;
    font-weight: 700;
    text-align: right
}

.hotelItemCard__price--sub {
    width: calc(100% - 115px);
    line-height: 1.2;
    text-align: left
}

.hotelItemCard__price em {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1
}

.hotelItemCard__price--textS {
    margin-left: 2px;
    font-size: 13px
}

.hotelItemCard__price--textSs {
    position: absolute;
    right: 10px;
    bottom: 23px;
    font-size: 10px
}

.hotelItemCard__btn {
    width: 96%;
    margin: 0 auto 10px
}

.video-slider .list ul .hotelItemCard__btn .btn-round {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f08301;
    font-size: min(20px,2vw);
    font-weight: 700
}

.hotelItemCard__official {
    width: 96%;
    margin: 0 auto
}

.video-slider .list ul .hotelItemCard__official .btn-official {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: min(20px,4vw);
    font-weight: 700
}

.single-article .oshidao-detail .htoel-ranking__foot--access .video-slider .list ul .hotelItemCard__official dt.btn-official:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-slider .list ul .hotelItemCard__official dt.btn-official:before,.video-slider .list ul .hotelItemCard__official .btn-official:after,.video-slider .list ul .hotelItemCard__official .single-article .oshidao-detail .htoel-ranking__foot--access dt.btn-official:before,.video-slider .list ul .hotelItemCard__official .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.btn-official:before {
    top: calc(50% - 10px);
    right: 18px;
    width: 20px;
    height: 20px
}

.section-news {
    margin: 40px 0
}

.section-news .news-ttl {
    position: relative;
    margin-bottom: 25px;
    padding-top: 15px;
    border-top: 3px solid #c8d4dc;
    color: #303030
}

.section-news .news-ttl:after {
    position: absolute;
    top: -3px;
    left: 0;
    width: 240px;
    height: 3px;
    background: #003894;
    content: ""
}

.section-news .news-list__item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6
}

.section03 .more-btn .section-news .news-list button,.section-news .news-list .section03 .more-btn button,.section-news .news-list a {
    display: flex;
    position: relative;
    padding-right: 88px;
    background: url(https://www.tabirai.net/hotel/cms/wp-content/themes/tabirai/assets/images/arrow-r-blue.svg) no-repeat 100%;
    background-size: 20px;
    color: #303030;
    text-decoration: none;
    transition: .3s
}

.section03 .more-btn .section-news .news-list button:hover,.section-news .news-list .section03 .more-btn button:hover,.section-news .news-list a:hover {
    opacity: .7
}

.section03 .more-btn .section-news .news-list button:hover .item-img img,.section-news .news-list .section03 .more-btn button:hover .item-img img,.section-news .news-list a:hover .item-img img {
    transform: scale(1.1)
}

.section-news .news-list .item-img {
    position: relative;
    width: 160px;
    overflow: hidden
}

.section-news .news-list .item-img .img {
    position: relative;
    width: 100%;
    height: 100%
}

.section-news .news-list .item-img .img img {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s
}

.section-news .news-list .item-img .category {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 3px .5em 1px;
    background: #003894;
    color: #fff;
    font-size: 12px
}

.section-news .news-list .item-txt {
    width: calc(100% - 190px);
    margin-left: auto
}

.section-news .news-list .item-txt .ttl {
    margin-bottom: 0;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.section-news .news-list .item-txt .date {
    margin-bottom: 0;
    font-size: 12px
}

.section-news .news-list .item-txt .ico-new {
    display: inline-block;
    width: 44px;
    margin: 0;
    background: #f24a4c;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.section-news .news-link {
    text-align: right
}

.section03 .more-btn .section-news .news-link button,.section-news .news-link .section03 .more-btn button,.section-news .news-link a {
    display: inline-block;
    padding-right: 28px;
    background: url(https://www.tabirai.net/hotel/cms/wp-content/themes/tabirai/assets/images/arrow-r-blue.svg) no-repeat 100%;
    background-size: 20px;
    color: #003894;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s
}

.section03 .more-btn .section-news .news-link button:hover,.section-news .news-link .section03 .more-btn button:hover,.section-news .news-link a:hover {
    opacity: .7
}

.section-news .news-pager {
    margin-top: 40px;
    font-size: 0;
    text-align: center
}

.section03 .more-btn .section-news .news-pager button,.section-news .news-pager .section03 .more-btn button,.section-news .news-pager a,.section-news .news-pager span {
    display: inline-block;
    width: 30px;
    margin: 0 2px;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none;
    vertical-align: middle
}

.section03 .more-btn .section-news .news-pager button,.section-news .news-pager .section03 .more-btn button,.section-news .news-pager a {
    background: #f0f0f0;
    color: #303030
}

.section-news .news-pager .current {
    color: #f24a4c
}

@media print,screen and (min-width: 768px) {
    input[type=checkbox] {
        margin-right:8px
    }

    input[type=email],input[type=number],input[type=text],select {
        height: 40px;
        padding: 0 12px
    }

    input[type=email],input[type=number],input[type=text],select,textarea {
        appearance: none;
        -webkit-appearance: none;
        box-sizing: border-box;
        display: block;
        width: 98%;
        border: 1px solid #b3b3b3;
        background: #fff
    }

    textarea {
        height: 180px;
        padding: 12px
    }

    .contents {
        margin: 25px auto 80px;
        padding: 1px 15px
    }

    .contents,.video-slider {
        box-sizing: border-box;
        width: 100%;
        max-width: 1010px
    }

    .video-slider {
        margin: 0 auto 80px;
        padding: 0 15px
    }

    .video-slider .inner {
        position: relative
    }

    .video-slider .list ul {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start
    }

    .video-slider .list ul li {
        box-sizing: border-box;
        width: 33.333%;
        padding: 0 15px 10px 0
    }

    .section03 .more-btn .video-slider .list ul li button,.video-slider .list ul li .section03 .more-btn button,.video-slider .list ul li a {
        display: block;
        position: relative;
        overflow: hidden;
        color: #333;
        font-weight: 400;
        line-height: 1.5em;
        text-decoration: none
    }

    .section03 .more-btn .video-ranking .list ul li button:before,.video-ranking .list ul li .section03 .more-btn button:before,.video-ranking .list ul li a:before {
        display: flex;
        z-index: 5;
        position: absolute;
        top: 0;
        left: 20px;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 37px;
        background-color: #b6b6b6;
        color: #fff;
        font-size: 26px;
        font-weight: 400;
        line-height: 1
    }

    .section03 .more-btn .video-ranking .list ul li button:after,.video-ranking .list ul li .section03 .more-btn button:after,.video-ranking .list ul li a:after {
        display: block;
        z-index: 4;
        position: absolute;
        top: 30px;
        left: 20px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 8px 18px;
        border-style: solid;
        border-color: transparent;
        border-bottom-color: transparent!important;
        content: ""
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="0"] button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] a:before {
        content: "1"
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="1"] button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] a:before {
        content: "2"
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="2"] button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] a:before {
        content: "3"
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="0"] button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] a:before {
        background-color: #ffce0b
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="0"] button:after,.video-ranking .list ul li[data-swiper-slide-index="0"] .section03 .more-btn button:after,.video-ranking .list ul li[data-swiper-slide-index="0"] a:after {
        border-color: #ffce0b
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="1"] button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] a:before {
        background-color: #b6b6b6
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="1"] button:after,.video-ranking .list ul li[data-swiper-slide-index="1"] .section03 .more-btn button:after,.video-ranking .list ul li[data-swiper-slide-index="1"] a:after {
        border-color: #b6b6b6
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="2"] button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] a:before {
        background-color: #ac653e
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="2"] button:after,.video-ranking .list ul li[data-swiper-slide-index="2"] .section03 .more-btn button:after,.video-ranking .list ul li[data-swiper-slide-index="2"] a:after {
        border-color: #ac653e
    }

    .section03 .more-btn .video-ranking .youtube-icn button .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb:before,.section03 .more-btn .video-ranking .youtube-icn button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb:before,.section03 .more-btn .video-ranking .youtube-icn button .thumb:after,.single-article .oshidao-detail .htoel-ranking__foot--access .section03 .more-btn .video-ranking .youtube-icn button dt.thumb:before,.single-article .oshidao-detail .htoel-ranking__foot--access .video-ranking .youtube-icn .section03 .more-btn button dt.thumb:before,.single-article .oshidao-detail .htoel-ranking__foot--access .video-ranking .youtube-icn a dt.thumb:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section03 .more-btn .video-ranking .youtube-icn button dt.thumb:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-ranking .youtube-icn .section03 .more-btn button dt.thumb:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-ranking .youtube-icn a dt.thumb:before,.video-ranking .youtube-icn .section03 .more-btn button .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn .section03 .more-btn button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn .section03 .more-btn button .thumb:after,.video-ranking .youtube-icn a .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn a .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn a .thumb:after {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 25%;
        max-width: 72px;
        height: auto;
        margin: 0 auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .section03 .more-btn .video-ranking .youtube-icn button .thumb,.video-ranking .youtube-icn .section03 .more-btn button .thumb,.video-ranking .youtube-icn a .thumb {
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        margin: 0 0 5px;
        padding: 0 0 56.25%;
        overflow: hidden;
        border-radius: 8px
    }

    .section03 .more-btn .video-ranking .youtube-icn button .hotel-name,.section03 .more-btn .video-ranking .youtube-icn button .sub,.video-ranking .youtube-icn .section03 .more-btn button .hotel-name,.video-ranking .youtube-icn .section03 .more-btn button .sub,.video-ranking .youtube-icn a .hotel-name,.video-ranking .youtube-icn a .sub {
        color: #666;
        font-size: 14px
    }

    .section03 .more-btn .video-ranking .youtube-icn button .text,.video-ranking .youtube-icn .section03 .more-btn button .text,.video-ranking .youtube-icn a .text {
        -webkit-line-clamp: 2;
        display: block;
        display: -webkit-box;
        margin: 8px 0 0;
        padding: 0;
        overflow: hidden;
        font-size: 18px
    }

    .video-slider .list ul li .thumb {
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        margin: 0 0 5px;
        padding: 0 0 56.25%;
        overflow: hidden;
        border-radius: 8px
    }

    .video-slider .list ul li .thumb:before {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 25%;
        max-width: 72px;
        height: auto;
        margin: 0 auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .section03 .more-btn .video-slider .list ul li button .thumb img,.video-slider .list ul li .section03 .more-btn button .thumb img,.video-slider .list ul li a .thumb img {
        display: block;
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .section03 .more-btn .video-slider .list ul li button .hotel-name,.section03 .more-btn .video-slider .list ul li button .sub,.video-slider .list ul li .section03 .more-btn button .hotel-name,.video-slider .list ul li .section03 .more-btn button .sub,.video-slider .list ul li a .hotel-name,.video-slider .list ul li a .sub {
        color: #666;
        font-size: 14px
    }

    .video-slider .list ul li .text {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: block;
        display: -webkit-box;
        margin: 8px 0 0;
        padding: 0;
        overflow: hidden;
        font-size: 18px
    }

    .video-slider .list ul li .data {
        margin: 5px 0 0;
        font-size: 15px
    }

    .video-slider .slider .list {
        position: relative
    }

    .video-slider .slider .list ul {
        flex-wrap: nowrap
    }

    .video-slider .slider .next,.video-slider .slider .prev {
        display: block;
        z-index: 10
    }

    .video-slider .next,.video-slider .prev {
        position: absolute;
        top: -51px;
        bottom: 0
    }

    .section03 .more-btn .video-slider .next button,.section03 .more-btn .video-slider .prev button,.video-slider .next .section03 .more-btn button,.video-slider .next a,.video-slider .prev .section03 .more-btn button,.video-slider .prev a {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        margin: auto 0;
        border-radius: 30px;
        background-color: #585858
    }

    .section03 .more-btn .video-slider .next button:before,.section03 .more-btn .video-slider .prev button:before,.video-slider .next .section03 .more-btn button:before,.video-slider .next a:before,.video-slider .prev .section03 .more-btn button:before,.video-slider .prev a:before {
        box-sizing: border-box;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 12px;
        height: 12px;
        margin: auto;
        overflow: hidden;
        transform-origin: center center;
        border-top: 5px solid #fff;
        border-left: 5px solid #fff;
        content: ""
    }

    .video-slider .prev {
        left: -5%
    }

    .section03 .more-btn .video-slider .prev button:before,.video-slider .prev .section03 .more-btn button:before,.video-slider .prev a:before {
        transform: translateX(1.5px) rotate(-45deg)
    }

    .video-slider .next {
        right: calc(-5% + 30px)
    }

    .section03 .more-btn .video-slider .next button:before,.video-slider .next .section03 .more-btn button:before,.video-slider .next a:before {
        transform: translateX(-1.5px) rotate(135deg)
    }

    .main-image {
        width: 100%;
        margin: 0 auto 90px;
        overflow: hidden
    }

    .main-image,.main-image .inner {
        position: relative
    }

    .main-image .list {
        width: 100%;
        overflow: hidden
    }

    .main-image .list ul li {
        box-sizing: border-box;
        display: block;
        position: relative;
        max-width: 985px;
        margin: 0 auto
    }

    .main-image .list ul li .video {
        position: relative;
        width: 100%;
        height: 1px;
        padding: 0 0 56.25%;
        background: #333
    }

    .main-image .list ul li .video iframe,.main-image .list ul li .video video {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .main-image .list ul li .video video {
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .main-image .list ul li .image {
        position: relative;
        width: 100%;
        height: 1px;
        padding: 0 0 56.25%
    }

    .main-image .list ul li .image img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .main-image .list ul li .text img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }

    .main-image .list ul li .main-txt {
        box-sizing: border-box;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: auto;
        color: #fff;
        text-shadow: 2px 1px 7px rgba(0,0,0,.4);
        pointer-events: none
    }

    .main-image .list ul li .main-txt span {
        display: inline-block;
        font-size: 26px;
        font-weight: 500
    }

    .main-image .list ul li .main-txt p {
        display: inline-block;
        margin: 10px 0 0;
        font-size: 40px;
        font-weight: 600
    }

    .main-image .next,.main-image .prev {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: auto;
        transform-origin: center center;
        background-color: rgba(0,0,0,.5)
    }

    .main-image .next .section03 .more-btn button,.main-image .next a,.main-image .prev .section03 .more-btn button,.main-image .prev a,.section03 .more-btn .main-image .next button,.section03 .more-btn .main-image .prev button {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        margin: auto 0;
        border-radius: 30px;
        background-color: #fff
    }

    .main-image .next .section03 .more-btn button:before,.main-image .next a:before,.main-image .prev .section03 .more-btn button:before,.main-image .prev a:before,.section03 .more-btn .main-image .next button:before,.section03 .more-btn .main-image .prev button:before {
        box-sizing: border-box;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 12px;
        height: 12px;
        margin: auto;
        overflow: hidden;
        transform-origin: center center;
        border-top: 5px solid #585858;
        border-left: 5px solid #585858;
        content: ""
    }

    .main-image .prev {
        right: 50%;
        left: 0;
        transform: translateX(-495px)
    }

    .main-image .prev .section03 .more-btn button,.main-image .prev a,.section03 .more-btn .main-image .prev button {
        right: 40px
    }

    .main-image .prev .section03 .more-btn button:before,.main-image .prev a:before,.section03 .more-btn .main-image .prev button:before {
        transform: translateX(1.5px) rotate(-45deg)
    }

    .main-image .next {
        right: 0;
        left: 50%;
        transform: translateX(495px)
    }

    .main-image .next .section03 .more-btn button,.main-image .next a,.section03 .more-btn .main-image .next button {
        left: 40px
    }

    .main-image .next .section03 .more-btn button:before,.main-image .next a:before,.section03 .more-btn .main-image .next button:before {
        transform: translateX(-1.5px) rotate(135deg)
    }

    .main-image.slider .list ul li {
        padding-right: 2.5px;
        padding-left: 2.5px
    }

    .main-image.slider .next,.main-image.slider .prev {
        display: block;
        z-index: 10
    }

    .sns-buttons {
        margin: 130px 0 35px
    }

    .sns-buttons ul {
        width: 100%
    }

    .sns-buttons ul li {
        width: 50px;
        margin: 0 9px;
        padding: 0
    }

    .section03 .more-btn .sns-buttons ul li button,.sns-buttons ul li .section03 .more-btn button,.sns-buttons ul li a {
        display: block
    }

    .section03 .more-btn .sns-buttons ul li button img,.sns-buttons ul li .section03 .more-btn button img,.sns-buttons ul li a img {
        display: block;
        width: 100%;
        height: auto
    }

    footer .inner {
        padding: 35px 15px 25px;
        background: #eee
    }

    footer .nav {
        max-width: 980px;
        margin: 0 auto
    }

    footer .nav>ul>li {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: stretch;
        width: 100%;
        padding: 0 0 28px
    }

    .section03 .more-btn footer .nav>ul>li>button,footer .nav>ul>li>a,footer .section03 .more-btn .nav>ul>li>button {
        box-sizing: border-box;
        display: block;
        flex-basis: 180px;
        width: 180px;
        padding: 0 0 0 7px;
        border-left: 3px solid #333;
        color: #333;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none
    }

    footer .nav>ul>li>ul {
        display: flex;
        flex: 1;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin: -6px 0 0 -12px
    }

    footer .nav>ul>li>ul>li {
        margin: 6px 12px 0;
        line-height: 1
    }

    .section03 .more-btn footer .nav>ul>li>ul>li>button,footer .nav>ul>li>ul>li>a,footer .section03 .more-btn .nav>ul>li>ul>li>button {
        color: #333;
        font-size: 14px;
        font-weight: 400;
        line-height: 1
    }

    footer .nav>ul>li>ul>li>ul {
        display: none!important
    }

    footer .logo {
        padding: 20px 0 0;
        text-align: center
    }

    footer .logo .image {
        max-width: 77px;
        margin: 0 auto 20px
    }

    footer .copyright,footer .logo .text {
        color: #333;
        font-size: 12px;
        line-height: 1
    }

    footer .copyright {
        padding: 10px 0;
        background: #fff;
        text-align: center
    }

    .btn.btn2 li,.btn.btn2 ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .btn.btn2 .hap_text {
        display: none
    }

    .btn.btn2 .btn_yoyaku {
        margin: 0;
        padding: 0
    }

    .btn.btn2 .section03 .more-btn button,.btn.btn2 a,.section03 .more-btn .btn.btn2 button {
        padding-left: 40px
    }

    .btn.btn2 .section03 .more-btn button:before,.btn.btn2 a:before,.section03 .more-btn .btn.btn2 button:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 35px;
        width: 35px;
        height: auto;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain!important;
        content: ""
    }

    .btn.btn2.hotel-detail .section03 .more-btn button:before,.btn.btn2.hotel-detail a:before,.section03 .more-btn .btn.btn2.hotel-detail button:before {
        background-image: url(../images/ic-hotel.svg)
    }

    .btn.btn2.hotel-official-website .section03 .more-btn button,.btn.btn2.hotel-official-website a,.section03 .more-btn .btn.btn2.hotel-official-website button {
        border: 3px solid #f08300;
        background: #f08300;
        transition: opacity 1s
    }

    .btn.btn2.hotel-official-website .section03 .more-btn button:hover,.btn.btn2.hotel-official-website a:hover,.section03 .more-btn .btn.btn2.hotel-official-website button:hover {
        opacity: .6
    }

    .btn.btn2.hotel-official-website .section03 .more-btn button:before,.btn.btn2.hotel-official-website a:before,.section03 .more-btn .btn.btn2.hotel-official-website button:before {
        background-image: url(../images/ic-hotel-bed.svg)
    }

    .btn.btn2.hotel-entertainment .section03 .more-btn button:before,.btn.btn2.hotel-entertainment a:before,.section03 .more-btn .btn.btn2.hotel-entertainment button:before {
        background-image: url(../images/ic-website.svg)
    }

    .btn.btn2.hotel-videos .section03 .more-btn button:before,.btn.btn2.hotel-videos a:before,.section03 .more-btn .btn.btn2.hotel-videos button:before {
        background-image: url(../images/ic-video-player3.svg)
    }

    .btn.btn2.hotel-articles .section03 .more-btn button:before,.btn.btn2.hotel-articles a:before,.section03 .more-btn .btn.btn2.hotel-articles button:before {
        background-image: url(../images/ic-articles.svg)
    }

    .page-detail .btn.btn2.hotel-reserve .section03 .more-btn button:before,.page-detail .btn.btn2.hotel-reserve a:before,.section03 .more-btn .page-detail .btn.btn2.hotel-reserve button:before {
        background-image: url(../images/ic-reserve.svg)
    }

    .btn.btn2.back-hotel-archive .section03 .more-btn button:before,.btn.btn2.back-hotel-archive a:before,.section03 .more-btn .btn.btn2.back-hotel-archive button:before {
        background-image: url(../images/ic-hotel.svg)
    }

    .page-opener.btn.btn-s .section03 .more-btn button,.page-opener.btn.btn-s a,.section03 .more-btn .page-opener.btn.btn-s button {
        padding-right: 40px
    }

    .page-opener.btn.btn-s .section03 .more-btn button:before,.page-opener.btn.btn-s a:before,.section03 .more-btn .page-opener.btn.btn-s button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 20px;
        height: auto;
        transform-origin: center center;
        background: url(../images/ic-arrow-down.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-opener.btn.btn-s .section03 .more-btn button.opened:before,.page-opener.btn.btn-s a.opened:before,.section03 .more-btn .page-opener.btn.btn-s button.opened:before {
        transform: rotate(180deg)
    }

    .page-opener.btn.btn-s .section03 .more-btn button .on,.page-opener.btn.btn-s .section03 .more-btn button.opened .off,.page-opener.btn.btn-s a .on,.page-opener.btn.btn-s a.opened .off,.section03 .more-btn .page-opener.btn.btn-s button .on,.section03 .more-btn .page-opener.btn.btn-s button.opened .off {
        display: none
    }

    .page-opener.btn.btn-s .section03 .more-btn button.opened .on,.page-opener.btn.btn-s a.opened .on,.section03 .more-btn .page-opener.btn.btn-s button.opened .on {
        display: block
    }

    .page-opener+* {
        display: none
    }

    .page-opener-closer {
        z-index: 10;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        padding: 0 0 10px;
        transform: translateY(50px);
        opacity: 0;
        transition: all .3s ease-out
    }

    .page-opener-closer.btn.btn-s .section03 .more-btn button,.page-opener-closer.btn.btn-s a,.section03 .more-btn .page-opener-closer.btn.btn-s button {
        padding-right: 40px
    }

    .page-opener-closer.btn.btn-s .section03 .more-btn button:before,.page-opener-closer.btn.btn-s a:before,.section03 .more-btn .page-opener-closer.btn.btn-s button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 20px;
        height: auto;
        transform: rotate(180deg);
        transform-origin: center center;
        background: url(../images/ic-arrow-down-white.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-opener-closer.active {
        transform: translateY(0);
        opacity: 1
    }

    .page-video-detail {
        box-sizing: border-box;
        width: 100%;
        max-width: 1010px;
        margin: 0 auto 80px;
        padding: 0 15px
    }

    .page-video-detail .page-head-image {
        position: relative;
        margin: 60px 0 0
    }

    .page-video-detail .page-head-image .video-iframe {
        position: relative;
        width: 100%;
        padding-top: 56.25%
    }

    .page-video-detail .page-head-image .video-iframe iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .page-video-detail .metadata {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 10px 0
    }

    .page-video-detail .metadata>* {
        display: block;
        position: relative;
        padding: 3px 0 3px 34px;
        color: #666;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none
    }

    .page-video-detail .metadata>*+* {
        margin: 0 0 0 28px
    }

    .page-video-detail .metadata>:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 25px;
        height: 25px;
        margin: auto 0;
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-video-detail .metadata>.view:before {
        background-image: url(../images/ic-view.svg)
    }

    .page-video-detail .metadata>.like:before {
        top: -4px;
        background-image: url(../images/ic-like.svg);
        background-size: auto 20px!important
    }

    .page-video-detail .metadata>.comments:before {
        background-image: url(../images/ic-comments.svg)
    }

    .page-video-detail .metadata>.share:before {
        top: -4px;
        background-image: url(../images/ic-share.svg);
        background-size: contain!important
    }

    .page-video-detail .page-head .section03 .more-btn button,.page-video-detail .page-head a,.section03 .more-btn .page-video-detail .page-head button {
        display: block;
        padding: 30px 0;
        background: url(../images/ic-arrow-down.svg) 100% no-repeat;
        color: inherit;
        font: inherit;
        text-decoration: none
    }

    .page-video-detail .page-head .title {
        padding: 0 35px 0 0;
        color: #333;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.3em
    }

    .page-video-detail .video-slider {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .page-video-archive .list,.section-video .list {
        margin: -60px -10px 0
    }

    .page-video-archive .list ul,.section-video .list ul {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%
    }

    .page-video-archive .list ul li,.section-video .list ul li {
        box-sizing: border-box;
        width: 33.333%;
        padding: 60px 10px 0
    }

    .page-video-archive .list ul li .hotel-name,.page-video-archive .list ul li .sub,.section-video .list ul li .hotel-name,.section-video .list ul li .sub {
        margin: 0;
        color: #666;
        font-size: 14px;
        line-height: 1.6em
    }

    .page-video-archive .list ul li .section03 .more-btn button,.page-video-archive .list ul li a,.section03 .more-btn .page-video-archive .list ul li button,.section03 .more-btn .section-video .list ul li button,.section-video .list ul li .section03 .more-btn button,.section-video .list ul li a {
        display: block;
        color: #666;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3em;
        text-decoration: none
    }

    .page-video-archive .list ul li .section03 .more-btn button .image,.page-video-archive .list ul li a .image,.section03 .more-btn .page-video-archive .list ul li button .image,.section03 .more-btn .section-video .list ul li button .image,.section-video .list ul li .section03 .more-btn button .image,.section-video .list ul li a .image {
        position: relative;
        width: 100%;
        height: 1px;
        margin: 0 0 8px;
        padding: 0 0 56.25%
    }

    .page-video-archive .list ul li .section03 .more-btn button .image:after,.page-video-archive .list ul li .section03 .more-btn button .single-article .oshidao-detail .htoel-ranking__foot--access dt.image:before,.page-video-archive .list ul li .section03 .more-btn button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.image:before,.page-video-archive .list ul li a .image:after,.page-video-archive .list ul li a .single-article .oshidao-detail .htoel-ranking__foot--access dt.image:before,.page-video-archive .list ul li a .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.image:before,.section03 .more-btn .page-video-archive .list ul li button .image:after,.section03 .more-btn .page-video-archive .list ul li button .single-article .oshidao-detail .htoel-ranking__foot--access dt.image:before,.section03 .more-btn .page-video-archive .list ul li button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.image:before,.section03 .more-btn .section-video .list ul li button .image:after,.section03 .more-btn .section-video .list ul li button .single-article .oshidao-detail .htoel-ranking__foot--access dt.image:before,.section03 .more-btn .section-video .list ul li button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.image:before,.section-video .list ul li .section03 .more-btn button .image:after,.section-video .list ul li .section03 .more-btn button .single-article .oshidao-detail .htoel-ranking__foot--access dt.image:before,.section-video .list ul li .section03 .more-btn button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.image:before,.section-video .list ul li a .image:after,.section-video .list ul li a .single-article .oshidao-detail .htoel-ranking__foot--access dt.image:before,.section-video .list ul li a .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.image:before,.single-article .oshidao-detail .htoel-ranking__foot--access .page-video-archive .list ul li .section03 .more-btn button dt.image:before,.single-article .oshidao-detail .htoel-ranking__foot--access .page-video-archive .list ul li a dt.image:before,.single-article .oshidao-detail .htoel-ranking__foot--access .section03 .more-btn .page-video-archive .list ul li button dt.image:before,.single-article .oshidao-detail .htoel-ranking__foot--access .section03 .more-btn .section-video .list ul li button dt.image:before,.single-article .oshidao-detail .htoel-ranking__foot--access .section-video .list ul li .section03 .more-btn button dt.image:before,.single-article .oshidao-detail .htoel-ranking__foot--access .section-video .list ul li a dt.image:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .page-video-archive .list ul li .section03 .more-btn button dt.image:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .page-video-archive .list ul li a dt.image:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section03 .more-btn .page-video-archive .list ul li button dt.image:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section03 .more-btn .section-video .list ul li button dt.image:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section-video .list ul li .section03 .more-btn button dt.image:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section-video .list ul li a dt.image:before {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 25%;
        max-width: 72px;
        height: auto;
        margin: 0 auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-video-archive .list ul li .section03 .more-btn button .image img,.page-video-archive .list ul li a .image img,.section03 .more-btn .page-video-archive .list ul li button .image img,.section03 .more-btn .section-video .list ul li button .image img,.section-video .list ul li .section03 .more-btn button .image img,.section-video .list ul li a .image img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .page-video-archive .list ul li .section03 .more-btn button .text,.page-video-archive .list ul li a .text,.section03 .more-btn .page-video-archive .list ul li button .text,.section03 .more-btn .section-video .list ul li button .text,.section-video .list ul li .section03 .more-btn button .text,.section-video .list ul li a .text {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        margin: 5px 0 0;
        padding: 0;
        overflow: hidden;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3em
    }

    .section-video .list {
        margin: 0 -10px
    }

    .page-hotel-archive>.list {
        margin: 0 auto
    }

    .page-hotel-archive>.list ul {
        border-top: 1px solid #ccc
    }

    .page-hotel-archive>.list li {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: stretch;
        padding: 48px 0;
        border-bottom: 1px solid #ccc
    }

    .page-hotel-archive>.list li .image {
        position: relative;
        flex-shrink: 0;
        width: 210px;
        height: 180px
    }

    .page-hotel-archive>.list li .image .section03 .more-btn button,.page-hotel-archive>.list li .image a,.section03 .more-btn .page-hotel-archive>.list li .image button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto
    }

    .page-hotel-archive>.list li .image .section03 .more-btn button img,.page-hotel-archive>.list li .image a img,.section03 .more-btn .page-hotel-archive>.list li .image button img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        max-width: 150px;
        height: auto;
        max-height: 150px;
        margin: auto;
        object-fit: contain
    }

    .page-hotel-archive>.list li .in {
        flex: 1;
        padding: 0
    }

    .page-hotel-archive>.list li .name .section03 .more-btn button,.page-hotel-archive>.list li .name a,.section03 .more-btn .page-hotel-archive>.list li .name button {
        color: #333;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.5em;
        text-decoration: none
    }

    .page-hotel-archive>.list li .name .section03 .more-btn button:hover,.page-hotel-archive>.list li .name a:hover,.section03 .more-btn .page-hotel-archive>.list li .name button:hover {
        text-decoration: underline
    }

    .page-hotel-archive>.list li .metadata {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start
    }

    .page-hotel-archive>.list li .metadata>* {
        display: block;
        position: relative;
        padding: 3px 0 3px 34px;
        color: #666;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none
    }

    .page-hotel-archive>.list li .metadata>*+* {
        margin: 0 0 0 28px
    }

    .page-hotel-archive>.list li .metadata>:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 25px;
        height: 25px;
        margin: auto 0;
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-hotel-archive>.list li .metadata>.video:before {
        background-image: url(../images/ic-video-player2.svg)
    }

    .page-hotel-archive>.list li .metadata>.posts:before {
        height: 20px;
        background-image: url(../images/ic-posts.svg)
    }

    .page-hotel-archive>.list li .metadata>.images:before {
        height: 20px;
        background-image: url(../images/ic-picture.svg)
    }

    .page-hotel-archive>.list li .metadata>.reserve:before {
        background-image: url(../images/ic-reserve2.svg)
    }

    .page-hotel-archive .subarea {
        margin: 10px 0;
        padding: 0;
        color: #666;
        font-size: 14px;
        font-weight: 400;
        line-height: 1
    }

    .page-hotel-archive .subarea .section03 .more-btn button,.page-hotel-archive .subarea a,.section03 .more-btn .page-hotel-archive .subarea button {
        color: #666;
        text-decoration: none
    }

    .page-archive {
        box-sizing: border-box;
        width: 100%;
        max-width: 1010px;
        margin: 0 auto 80px;
        padding: 0 15px
    }

    .page-archive-search-form {
        box-sizing: border-box;
        display: flex;
        position: relative;
        flex-flow: row nowrap;
        align-items: stretch;
        justify-content: stretch;
        width: 82%;
        height: 42px;
        margin: 50px auto 0;
        overflow: hidden;
        overflow: visible;
        border: 1px solid #aaa;
        border-radius: 4px
    }

    .page-archive-search-form label {
        position: relative;
        width: calc(100% - 38px)
    }

    .page-archive-search-form label #search-clear {
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 30px;
        height: 30px;
        margin: auto;
        transform: rotate(45deg);
        cursor: pointer
    }

    .page-archive-search-form label #search-clear.is-on:after,.page-archive-search-form label #search-clear.is-on:before,.page-archive-search-form label .section03 .more-btn a#search-clear.is-on:after,.page-archive-search-form label .section03 .more-btn button#search-clear.is-on:after,.page-archive-search-form label .single-article .oshidao-detail .htoel-ranking__foot--access dt#search-clear.is-on:before,.page-archive-search-form label .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt#search-clear.is-on:before,.page-archive-search-form label .wide-info h2#search-clear.is-on:after,.section03 .more-btn .page-archive-search-form label a#search-clear.is-on:after,.section03 .more-btn .page-archive-search-form label button#search-clear.is-on:after,.single-article .oshidao-detail .htoel-ranking__foot--access .page-archive-search-form label dt#search-clear.is-on:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .page-archive-search-form label dt#search-clear.is-on:before,.wide-info .page-archive-search-form label h2#search-clear.is-on:after {
        background-color: #666
    }

    .page-archive-search-form label #search-clear:after,.page-archive-search-form label #search-clear:before,.page-archive-search-form label .section03 .more-btn a#search-clear:after,.page-archive-search-form label .section03 .more-btn button#search-clear:after,.page-archive-search-form label .single-article .oshidao-detail .htoel-ranking__foot--access dt#search-clear:before,.page-archive-search-form label .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt#search-clear:before,.page-archive-search-form label .wide-info h2#search-clear:after,.section03 .more-btn .page-archive-search-form label a#search-clear:after,.section03 .more-btn .page-archive-search-form label button#search-clear:after,.single-article .oshidao-detail .htoel-ranking__foot--access .page-archive-search-form label dt#search-clear:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .page-archive-search-form label dt#search-clear:before,.wide-info .page-archive-search-form label h2#search-clear:after {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 85%;
        height: 2px;
        margin: auto;
        background-color: #eee;
        content: ""
    }

    .page-archive-search-form label #search-clear:after,.page-archive-search-form label .single-article .oshidao-detail .htoel-ranking__foot--access dt#search-clear:before,.page-archive-search-form label .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt#search-clear:before,.single-article .oshidao-detail .htoel-ranking__foot--access .page-archive-search-form label dt#search-clear:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .page-archive-search-form label dt#search-clear:before {
        transform: rotate(90deg)
    }

    .page-archive-search-form label input[type=text] {
        -webkit-appearance: none!important;
        appearance: none!important;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 0 48px 0 8px;
        border: none!important;
        background: none!important
    }

    .page-archive-search-form .submit {
        flex-shrink: 0;
        width: 38px;
        border-left: 1px solid #aaa;
        background: #eee url(../images/ic-search.svg) 50% no-repeat;
        background-size: 20px auto
    }

    .page-archive-search-form .submit input {
        -webkit-appearance: none!important;
        appearance: none!important;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        border: none!important;
        background: none!important;
        opacity: 0!important
    }

    .info__box {
        display: flex;
        margin-top: 25px
    }

    .info__box--slider {
        position: relative;
        width: 490px;
        margin-right: 40px!important;
        overflow: hidden
    }

    .info__box--slider .image-wrap {
        width: 100%;
        height: 275px
    }

    .info__box--slider .image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .info__box--slider ul.swiper-wrapper {
        width: 100%;
        height: 275px;
        border-top: none
    }

    .info__box--slider .swiper-wrapper .swiper-slide {
        position: relative;
        padding: 0;
        border-bottom: none
    }

    .info__box--slider .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .info__box--caption {
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 5px 11px;
        background-color: rgba(51,51,51,.5);
        color: #fff;
        font-size: 16px;
        line-height: 30px
    }

    .info__box--info {
        display: flex;
        flex-direction: column;
        width: calc(100% - 530px)
    }

    .info__box--info .reason {
        padding: 20px 15px;
        background-color: #eee
    }

    .info__box--info .reason__title {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1
    }

    .info__box--info .reason__txt {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.8
    }

    .page-hotel-archive>.list ul.hap {
        border-top: none
    }

    .page-hotel-archive>.list ul.hap li {
        padding: 0;
        border-bottom: none
    }

    .page-hotel-archive .btn.btn2.hotel-official-website dl {
        width: 100%
    }

    .hotel-entertainment .section03 .more-btn button,.hotel-entertainment a,.section03 .more-btn .hotel-entertainment button {
        transition: opacity 1s
    }

    .hotel-entertainment .section03 .more-btn button:hover,.hotel-entertainment a:hover,.section03 .more-btn .hotel-entertainment button:hover {
        opacity: .6
    }

    .info__box--slider .next,.info__box--slider .prev {
        display: block;
        z-index: 10;
        position: absolute;
        top: 127px;
        width: 30px;
        height: 30px;
        margin: 0;
        transform-origin: center center;
        background-image: url(../images/ic-arrow-clipped.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer
    }

    .info__box--slider .prev {
        left: 12px
    }

    .info__box--slider .next {
        right: 12px;
        transform: rotate(180deg)
    }

    .info__box--slider .swiper-pagination-bullet-active {
        background-color: #f24a4c!important
    }

    .info__box--slider .video-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer
    }

    .info__box--slider .single-article .oshidao-detail .htoel-ranking__foot--access dt.video-iframe:before,.info__box--slider .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.video-iframe:before,.info__box--slider .video-iframe:after,.single-article .oshidao-detail .htoel-ranking__foot--access .info__box--slider dt.video-iframe:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .info__box--slider dt.video-iframe:before {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 75px;
        height: 55px;
        margin: auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        content: ""
    }

    .info__box--slider li .section03 .more-btn button.movie-url,.info__box--slider li a.movie-url,.section03 .more-btn .info__box--slider li button.movie-url {
        display: flex;
        z-index: 0;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        text-decoration: none
    }

    .info__box--slider li .section03 .more-btn button.movie-url:after,.info__box--slider li a.movie-url:after,.section03 .more-btn .info__box--slider li button.movie-url:after {
        display: inline-block;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        content: ""
    }

    .info__box--slider .swiper-wrapper .swiper-slide .movie-url img {
        z-index: 2;
        position: relative;
        width: 61px;
        height: 47px
    }

    .info__box .movie-url__text {
        z-index: 2;
        position: relative;
        margin: 26px 0 0;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none
    }

    .l-sm {
        display: none!important
    }

    .archive .page-archive>.list.reset-list {
        margin: 50px auto 0
    }

    .l-sightseeing h2 {
        margin-bottom: 37px
    }

    .l-sightseeing__item--imgarea {
        width: 240px;
        height: 160px
    }

    .l-sightseeing__item--txtarea {
        width: calc(100% - 240px);
        padding: 10px 50px 10px 25px
    }

    .l-qa h2 {
        margin: 0 0 52px
    }

    .hotel-nav ul li .section03 .more-btn button:hover,.hotel-nav ul li a:hover,.section03 .more-btn .hotel-nav ul li button:hover {
        background-color: #003894;
        color: #fff
    }

    .basic_information_nav-suv:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.basic_information_nav-suv:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.basic_information_nav-suv:before {
        box-sizing: border-box;
        display: inline-block;
        position: absolute;
        top: -6px;
        right: 104px;
        width: 13px;
        height: 13px;
        transform: rotate(45deg);
        border-top: 1px solid #c8d4dc;
        border-left: 1px solid #c8d4dc;
        background-color: #fff;
        content: ""
    }

    #fixednav .basic_information_nav-suv:after,#fixednav .single-article .oshidao-detail .htoel-ranking__foot--access dt.basic_information_nav-suv:before,#fixednav .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.basic_information_nav-suv:before,.single-article .oshidao-detail .htoel-ranking__foot--access #fixednav dt.basic_information_nav-suv:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access #fixednav dt.basic_information_nav-suv:before {
        content: none
    }

    .related-tags ul {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0 -12px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1
    }

    .related-tags ul li {
        margin: 0 12px 20px
    }

    .related-tags ul li .section03 .more-btn button,.related-tags ul li a,.section03 .more-btn .related-tags ul li button {
        display: block;
        font-weight: 700;
        text-decoration: none
    }

    .related-tags ul li .section03 .more-btn button:hover,.related-tags ul li a:hover,.section03 .more-btn .related-tags ul li button:hover {
        text-decoration: underline
    }

    .video-slider_2 .inner {
        position: relative
    }

    .page_head_title .left_box {
        align-content: center
    }

    .page_head_title .right_box {
        position: inherit
    }

    .page_head_title .right_box .btn_box {
        margin-left: 20px
    }

    .l-breadcrumb {
        max-width: 1010px
    }

    .l-breadcrumb ul li {
        display: flex;
        align-items: center
    }

    .l-breadcrumb ul li:first-child {
        white-space: nowrap
    }

    .l-breadcrumb ul li:after {
        margin: 0 5px
    }

    .l-breadcrumb ul li:last-child {
        white-space: normal
    }

    .l-bnr {
        max-width: 700px
    }

    .swiper-slide .video-iframe {
        cursor: pointer
    }

    .section03 .more-btn {
        margin: 40px 0 0
    }

    .section03 .more-btn a,.section03 .more-btn button {
        padding: 14px;
        font-size: 20px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .htoel-ranking__head .label,.single-article .tanoshimikata-detail .htoel-ranking__head .label {
        display: flex;
        width: 132px;
        margin: 0 0 10px auto
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price {
        margin-left: 20px
    }

    .single-article .oshidao-detail .htoel-ranking__slider--item>img,.single-article .oshidao-detail .htoel-ranking__slider--item picture img,.single-article .tanoshimikata-detail .htoel-ranking__slider--item>img,.single-article .tanoshimikata-detail .htoel-ranking__slider--item picture img {
        height: 100%
    }

    .single-article .oshidao-detail .htoel-ranking__foot--info,.single-article .tanoshimikata-detail .htoel-ranking__foot--info {
        width: calc(50% - 15px);
        margin-right: 0;
        margin-left: auto
    }

    .section03 .more-btn .single-article .oshidao-detail .htoel-ranking button.btn-round,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking button.btn-round,.single-article .oshidao-detail .htoel-ranking .section03 .more-btn button.btn-round,.single-article .oshidao-detail .htoel-ranking a.btn-round,.single-article .tanoshimikata-detail .htoel-ranking .section03 .more-btn button.btn-round,.single-article .tanoshimikata-detail .htoel-ranking a.btn-round {
        max-width: 624px;
        height: 75.4px;
        border-radius: 52px;
        font-size: 26px
    }

    .section03 .more-btn .single-article .oshidao-detail .htoel-ranking button.btn-round:after,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking button.btn-round:after,.single-article .oshidao-detail .htoel-ranking .section03 .more-btn button.btn-round:after,.single-article .oshidao-detail .htoel-ranking a.btn-round:after,.single-article .tanoshimikata-detail .htoel-ranking .section03 .more-btn button.btn-round:after,.single-article .tanoshimikata-detail .htoel-ranking a.btn-round:after {
        top: calc(50% - 10px);
        width: 20px;
        height: 20px
    }

    .single-article .oshidao-detail .htoel-ranking__mainimg,.single-article .tanoshimikata-detail .htoel-ranking__mainimg {
        max-width: 780px;
        height: 440px;
        margin: 0 auto;
        padding: 0
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery {
        width: calc(100% - 200px)
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item>img,.single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item picture img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item>img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item picture img {
        height: 100%
    }

    .single-article .tanoshimikata-detail__title {
        margin-top: 40px;
        margin-bottom: 30px;
        padding-bottom: 18px
    }

    .single-article .tanoshimikata-detail__title .title {
        font-size: 28px
    }

    .single-article .tanoshimikata-detail .tano-iframe .video-iframe {
        cursor: pointer
    }

    .single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box {
        flex: 1
    }

    .page-article-archive>.list ul li .textarea .title {
        margin: 8px 0 0
    }

    .page-article-archive>.list ul li .textarea .txtbox {
        margin: 25px 0 0
    }

    .page-article-archive>.list ul li .linkarea:hover {
        opacity: .6
    }

    .post-type-archive-info .list.reset-list {
        margin: 0 auto!important
    }

    .post-type-archive-info .page-archive-search-form label {
        width: calc(75% - 38px)
    }

    .post-type-archive-info .page-archive-search-form label.area {
        position: relative;
        width: 25%
    }

    .post-type-archive-info .page-archive-search-form label.area:after {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 10px;
        width: 8px;
        height: 8px;
        margin: auto;
        transform: rotate(45deg);
        border-right: 2px solid #aaa;
        border-bottom: 2px solid #aaa;
        content: ""
    }

    .post-type-archive-info .page-archive-search-form label.area select {
        width: 100%;
        margin: 0;
        padding: 0 35px 0 12px;
        border: 0;
        border-right: 1px solid #aaa
    }

    .post-type-archive-info .hotel-header .name {
        width: 490px;
        margin: 0 40px 0 0
    }

    .post-type-archive-info .hotel-header__flag {
        width: calc(100% - 530px);
        padding: 3px 0 0
    }

    .section03 .more-btn .single-info .hotel-news-topics ul li button,.single-info .hotel-news-topics ul li .section03 .more-btn button,.single-info .hotel-news-topics ul li a {
        margin-left: 10px
    }

    .page-hotel-detail .sections {
        grid-template-columns: repeat(2,1fr)
    }

    .page-hotel-detail .sections .section .image-wrap img {
        max-height: 550px;
        margin: 0 auto
    }

    .page-hotel-detail .sections .section .btnarea {
        margin: 20px 0 0
    }

    .page-hotel-detail .sections .section .btnarea .section03 .more-btn button,.page-hotel-detail .sections .section .btnarea a,.section03 .more-btn .page-hotel-detail .sections .section .btnarea button {
        font-size: 17px
    }

    .page-hotel-detail .sections.free .sections_title {
        margin-bottom: 33px;
        padding: 20px 0
    }

    .page-hotel-detail .sections.free .sections_title .hotel-time {
        font-size: 14px
    }

    .wide-info .point-inner {
        display: flex
    }

    .wide-info .point-img {
        width: 170px;
        margin-right: 38px
    }

    .wide-info .point-textarea.ad-img {
        width: calc(100% - 210px)
    }

    .wide-info__inner.room {
        position: relative;
        left: calc(-5% - 8px);
        width: calc(110% + 60px)
    }

    .wide-info__inner.room .video-slider {
        position: relative
    }

    .wide-info__inner .box {
        position: relative;
        left: 5%;
        width: 980px
    }

    .wide-info .video-slider .list ul li .text {
        height: 48px
    }

    .wide-info .video-slider .list ul li .point {
        padding: 30px 20px
    }

    .section03 .more-btn .wide-info .video-slider .list ul li a.point:after,.section03 .more-btn .wide-info .video-slider .list ul li button.point:after,.wide-info .video-slider .list ul li .point:before,.wide-info .video-slider .list ul li .section03 .more-btn a.point:after,.wide-info .video-slider .list ul li .section03 .more-btn button.point:after,.wide-info .video-slider .list ul li h2.point:after {
        left: 20px
    }

    .wide-info .shokuji-inner {
        display: flex;
        justify-content: space-between
    }

    .wide-info .shokuji-inner__text {
        width: calc(100% - 314px)
    }

    .wide-info .shokuji-inner__img {
        width: 288px
    }

    .section-news .news-list .item-img {
        height: 90px
    }
}

.md {
    text-align: center;
    font-size: 17px;
}

@media screen and (max-width: 767px) {
    input[type=checkbox] {
        margin-right:8px
    }

    input[type=email],input[type=number],input[type=text],select {
        height: 40px;
        padding: 0 12px
    }

    input[type=email],input[type=number],input[type=text],select,textarea {
        appearance: none;
        -webkit-appearance: none;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border: 1px solid #b3b3b3;
        background: #fff
    }

    textarea {
        height: 180px;
        padding: 12px
    }

    .mt-100-sp {
        margin-top: -100px!important
    }

    .mt-95-sp {
        margin-top: -95px!important
    }

    .mt-90-sp {
        margin-top: -90px!important
    }

    .mt-85-sp {
        margin-top: -85px!important
    }

    .mt-80-sp {
        margin-top: -80px!important
    }

    .mt-75-sp {
        margin-top: -75px!important
    }

    .mt-70-sp {
        margin-top: -70px!important
    }

    .mt-65-sp {
        margin-top: -65px!important
    }

    .mt-60-sp {
        margin-top: -60px!important
    }

    .mt-55-sp {
        margin-top: -55px!important
    }

    .mt-50-sp {
        margin-top: -50px!important
    }

    .mt-45-sp {
        margin-top: -45px!important
    }

    .mt-40-sp {
        margin-top: -40px!important
    }

    .mt-35-sp {
        margin-top: -35px!important
    }

    .mt-30-sp {
        margin-top: -30px!important
    }

    .mt-25-sp {
        margin-top: -25px!important
    }

    .mt-20-sp {
        margin-top: -20px!important
    }

    .mt-15-sp {
        margin-top: -15px!important
    }

    .mt-10-sp {
        margin-top: -10px!important
    }

    .mt-09-sp {
        margin-top: -9px!important
    }

    .mt-08-sp {
        margin-top: -8px!important
    }

    .mt-07-sp {
        margin-top: -7px!important
    }

    .mt-06-sp {
        margin-top: -6px!important
    }

    .mt-05-sp {
        margin-top: -5px!important
    }

    .mt-04-sp {
        margin-top: -4px!important
    }

    .mt-03-sp {
        margin-top: -3px!important
    }

    .mt-02-sp {
        margin-top: -2px!important
    }

    .mt-01-sp {
        margin-top: -1px!important
    }

    .mt00-sp {
        margin-top: 0!important
    }

    .mt01-sp {
        margin-top: 1px!important
    }

    .mt02-sp {
        margin-top: 2px!important
    }

    .mt03-sp {
        margin-top: 3px!important
    }

    .mt04-sp {
        margin-top: 4px!important
    }

    .mt05-sp {
        margin-top: 5px!important
    }

    .mt06-sp {
        margin-top: 6px!important
    }

    .mt07-sp {
        margin-top: 7px!important
    }

    .mt08-sp {
        margin-top: 8px!important
    }

    .mt09-sp {
        margin-top: 9px!important
    }

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

    .mt11-sp {
        margin-top: 11px!important
    }

    .mt12-sp {
        margin-top: 12px!important
    }

    .mt13-sp {
        margin-top: 13px!important
    }

    .mt14-sp {
        margin-top: 14px!important
    }

    .mt15-sp {
        margin-top: 15px!important
    }

    .mt16-sp {
        margin-top: 16px!important
    }

    .mt17-sp {
        margin-top: 17px!important
    }

    .mt18-sp {
        margin-top: 18px!important
    }

    .mt19-sp {
        margin-top: 19px!important
    }

    .mt20-sp {
        margin-top: 20px!important
    }

    .mt21-sp {
        margin-top: 21px!important
    }

    .mt22-sp {
        margin-top: 22px!important
    }

    .mt23-sp {
        margin-top: 23px!important
    }

    .mt24-sp {
        margin-top: 24px!important
    }

    .mt25-sp {
        margin-top: 25px!important
    }

    .mt26-sp {
        margin-top: 26px!important
    }

    .mt27-sp {
        margin-top: 27px!important
    }

    .mt28-sp {
        margin-top: 28px!important
    }

    .mt29-sp {
        margin-top: 29px!important
    }

    .mt30-sp {
        margin-top: 30px!important
    }

    .mt40-sp {
        margin-top: 40px!important
    }

    .mt45-sp {
        margin-top: 45px!important
    }

    .mt50-sp {
        margin-top: 50px!important
    }

    .mt55-sp {
        margin-top: 55px!important
    }

    .mt60-sp {
        margin-top: 60px!important
    }

    .mt70-sp {
        margin-top: 70px!important
    }

    .mt80-sp {
        margin-top: 80px!important
    }

    .mt90-sp {
        margin-top: 90px!important
    }

    .mt100-sp {
        margin-top: 100px!important
    }

    .mb-100-sp {
        margin-bottom: -100px!important
    }

    .mb-95-sp {
        margin-bottom: -95px!important
    }

    .mb-90-sp {
        margin-bottom: -90px!important
    }

    .mb-85-sp {
        margin-bottom: -85px!important
    }

    .mb-80-sp {
        margin-bottom: -80px!important
    }

    .mb-75-sp {
        margin-bottom: -75px!important
    }

    .mb-70-sp {
        margin-bottom: -70px!important
    }

    .mb-65-sp {
        margin-bottom: -65px!important
    }

    .mb-60-sp {
        margin-bottom: -60px!important
    }

    .mb-55-sp {
        margin-bottom: -55px!important
    }

    .mb-50-sp {
        margin-bottom: -50px!important
    }

    .mb-45-sp {
        margin-bottom: -45px!important
    }

    .mb-40-sp {
        margin-bottom: -40px!important
    }

    .mb-35-sp {
        margin-bottom: -35px!important
    }

    .mb-30-sp {
        margin-bottom: -30px!important
    }

    .mb-25-sp {
        margin-bottom: -25px!important
    }

    .mb-20-sp {
        margin-bottom: -20px!important
    }

    .mb-15-sp {
        margin-bottom: -15px!important
    }

    .mb-10-sp {
        margin-bottom: -10px!important
    }

    .mb-09-sp {
        margin-bottom: -9px!important
    }

    .mb-08-sp {
        margin-bottom: -8px!important
    }

    .mb-07-sp {
        margin-bottom: -7px!important
    }

    .mb-06-sp {
        margin-bottom: -6px!important
    }

    .mb-05-sp {
        margin-bottom: -5px!important
    }

    .mb-04-sp {
        margin-bottom: -4px!important
    }

    .mb-03-sp {
        margin-bottom: -3px!important
    }

    .mb-02-sp {
        margin-bottom: -2px!important
    }

    .mb-01-sp {
        margin-bottom: -1px!important
    }

    .mb00-sp {
        margin-bottom: 0!important
    }

    .mb01-sp {
        margin-bottom: 1px!important
    }

    .mb02-sp {
        margin-bottom: 2px!important
    }

    .mb03-sp {
        margin-bottom: 3px!important
    }

    .mb04-sp {
        margin-bottom: 4px!important
    }

    .mb05-sp {
        margin-bottom: 5px!important
    }

    .mb06-sp {
        margin-bottom: 6px!important
    }

    .mb07-sp {
        margin-bottom: 7px!important
    }

    .mb08-sp {
        margin-bottom: 8px!important
    }

    .mb09-sp {
        margin-bottom: 9px!important
    }

    .mb10-sp {
        margin-bottom: 10px!important
    }

    .mb11-sp {
        margin-bottom: 11px!important
    }

    .mb12-sp {
        margin-bottom: 12px!important
    }

    .mb13-sp {
        margin-bottom: 13px!important
    }

    .mb14-sp {
        margin-bottom: 14px!important
    }

    .mb15-sp {
        margin-bottom: 15px!important
    }

    .mb16-sp {
        margin-bottom: 16px!important
    }

    .mb17-sp {
        margin-bottom: 17px!important
    }

    .mb18-sp {
        margin-bottom: 18px!important
    }

    .mb19-sp {
        margin-bottom: 19px!important
    }

    .mb20-sp {
        margin-bottom: 20px!important
    }

    .mb21-sp {
        margin-bottom: 21px!important
    }

    .mb22-sp {
        margin-bottom: 22px!important
    }

    .mb23-sp {
        margin-bottom: 23px!important
    }

    .mb24-sp {
        margin-bottom: 24px!important
    }

    .mb25-sp {
        margin-bottom: 25px!important
    }

    .mb26-sp {
        margin-bottom: 26px!important
    }

    .mb27-sp {
        margin-bottom: 27px!important
    }

    .mb28-sp {
        margin-bottom: 28px!important
    }

    .mb29-sp {
        margin-bottom: 29px!important
    }

    .mb30-sp {
        margin-bottom: 30px!important
    }

    .mb40-sp {
        margin-bottom: 40px!important
    }

    .mb45-sp {
        margin-bottom: 45px!important
    }

    .mb50-sp {
        margin-bottom: 50px!important
    }

    .mb55-sp {
        margin-bottom: 55px!important
    }

    .mb60-sp {
        margin-bottom: 60px!important
    }

    .mb70-sp {
        margin-bottom: 70px!important
    }

    .mb80-sp {
        margin-bottom: 80px!important
    }

    .mb90-sp {
        margin-bottom: 90px!important
    }

    .mb100-sp {
        margin-bottom: 100px!important
    }

    .ml-100-sp {
        margin-left: -100px!important
    }

    .ml-95-sp {
        margin-left: -95px!important
    }

    .ml-90-sp {
        margin-left: -90px!important
    }

    .ml-85-sp {
        margin-left: -85px!important
    }

    .ml-80-sp {
        margin-left: -80px!important
    }

    .ml-75-sp {
        margin-left: -75px!important
    }

    .ml-70-sp {
        margin-left: -70px!important
    }

    .ml-65-sp {
        margin-left: -65px!important
    }

    .ml-60-sp {
        margin-left: -60px!important
    }

    .ml-55-sp {
        margin-left: -55px!important
    }

    .ml-50-sp {
        margin-left: -50px!important
    }

    .ml-45-sp {
        margin-left: -45px!important
    }

    .ml-40-sp {
        margin-left: -40px!important
    }

    .ml-35-sp {
        margin-left: -35px!important
    }

    .ml-30-sp {
        margin-left: -30px!important
    }

    .ml-25-sp {
        margin-left: -25px!important
    }

    .ml-20-sp {
        margin-left: -20px!important
    }

    .ml-15-sp {
        margin-left: -15px!important
    }

    .ml-10-sp {
        margin-left: -10px!important
    }

    .ml-09-sp {
        margin-left: -9px!important
    }

    .ml-08-sp {
        margin-left: -8px!important
    }

    .ml-07-sp {
        margin-left: -7px!important
    }

    .ml-06-sp {
        margin-left: -6px!important
    }

    .ml-05-sp {
        margin-left: -5px!important
    }

    .ml-04-sp {
        margin-left: -4px!important
    }

    .ml-03-sp {
        margin-left: -3px!important
    }

    .ml-02-sp {
        margin-left: -2px!important
    }

    .ml-01-sp {
        margin-left: -1px!important
    }

    .ml00-sp {
        margin-left: 0!important
    }

    .ml01-sp {
        margin-left: 1px!important
    }

    .ml02-sp {
        margin-left: 2px!important
    }

    .ml03-sp {
        margin-left: 3px!important
    }

    .ml04-sp {
        margin-left: 4px!important
    }

    .ml05-sp {
        margin-left: 5px!important
    }

    .ml06-sp {
        margin-left: 6px!important
    }

    .ml07-sp {
        margin-left: 7px!important
    }

    .ml08-sp {
        margin-left: 8px!important
    }

    .ml09-sp {
        margin-left: 9px!important
    }

    .ml10-sp {
        margin-left: 10px!important
    }

    .ml15-sp {
        margin-left: 15px!important
    }

    .ml20-sp {
        margin-left: 20px!important
    }

    .ml25-sp {
        margin-left: 25px!important
    }

    .ml30-sp {
        margin-left: 30px!important
    }

    .ml40-sp {
        margin-left: 40px!important
    }

    .ml50-sp {
        margin-left: 50px!important
    }

    .mr-100-sp {
        margin-right: -100px!important
    }

    .mr-95-sp {
        margin-right: -95px!important
    }

    .mr-90-sp {
        margin-right: -90px!important
    }

    .mr-85-sp {
        margin-right: -85px!important
    }

    .mr-80-sp {
        margin-right: -80px!important
    }

    .mr-75-sp {
        margin-right: -75px!important
    }

    .mr-70-sp {
        margin-right: -70px!important
    }

    .mr-65-sp {
        margin-right: -65px!important
    }

    .mr-60-sp {
        margin-right: -60px!important
    }

    .mr-55-sp {
        margin-right: -55px!important
    }

    .mr-50-sp {
        margin-right: -50px!important
    }

    .mr-45-sp {
        margin-right: -45px!important
    }

    .mr-40-sp {
        margin-right: -40px!important
    }

    .mr-35-sp {
        margin-right: -35px!important
    }

    .mr-30-sp {
        margin-right: -30px!important
    }

    .mr-25-sp {
        margin-right: -25px!important
    }

    .mr-20-sp {
        margin-right: -20px!important
    }

    .mr-15-sp {
        margin-right: -15px!important
    }

    .mr-10-sp {
        margin-right: -10px!important
    }

    .mr-09-sp {
        margin-right: -9px!important
    }

    .mr-08-sp {
        margin-right: -8px!important
    }

    .mr-07-sp {
        margin-right: -7px!important
    }

    .mr-06-sp {
        margin-right: -6px!important
    }

    .mr-05-sp {
        margin-right: -5px!important
    }

    .mr-04-sp {
        margin-right: -4px!important
    }

    .mr-03-sp {
        margin-right: -3px!important
    }

    .mr-02-sp {
        margin-right: -2px!important
    }

    .mr-01-sp {
        margin-right: -1px!important
    }

    .mr00-sp {
        margin-right: 0!important
    }

    .mr01-sp {
        margin-right: 1px!important
    }

    .mr02-sp {
        margin-right: 2px!important
    }

    .mr03-sp {
        margin-right: 3px!important
    }

    .mr04-sp {
        margin-right: 4px!important
    }

    .mr05-sp {
        margin-right: 5px!important
    }

    .mr06-sp {
        margin-right: 6px!important
    }

    .mr07-sp {
        margin-right: 7px!important
    }

    .mr08-sp {
        margin-right: 8px!important
    }

    .mr09-sp {
        margin-right: 9px!important
    }

    .mr10-sp {
        margin-right: 10px!important
    }

    .mr15-sp {
        margin-right: 15px!important
    }

    .mr20-sp {
        margin-right: 20px!important
    }

    .mr25-sp {
        margin-right: 25px!important
    }

    .mr30-sp {
        margin-right: 30px!important
    }

    .mr40-sp {
        margin-right: 40px!important
    }

    .mr50-sp {
        margin-right: 50px!important
    }

    .pt-100-sp {
        padding-top: -100px!important
    }

    .pt-95-sp {
        padding-top: -95px!important
    }

    .pt-90-sp {
        padding-top: -90px!important
    }

    .pt-85-sp {
        padding-top: -85px!important
    }

    .pt-80-sp {
        padding-top: -80px!important
    }

    .pt-75-sp {
        padding-top: -75px!important
    }

    .pt-70-sp {
        padding-top: -70px!important
    }

    .pt-65-sp {
        padding-top: -65px!important
    }

    .pt-60-sp {
        padding-top: -60px!important
    }

    .pt-55-sp {
        padding-top: -55px!important
    }

    .pt-50-sp {
        padding-top: -50px!important
    }

    .pt-45-sp {
        padding-top: -45px!important
    }

    .pt-40-sp {
        padding-top: -40px!important
    }

    .pt-35-sp {
        padding-top: -35px!important
    }

    .pt-30-sp {
        padding-top: -30px!important
    }

    .pt-25-sp {
        padding-top: -25px!important
    }

    .pt-20-sp {
        padding-top: -20px!important
    }

    .pt-15-sp {
        padding-top: -15px!important
    }

    .pt-10-sp {
        padding-top: -10px!important
    }

    .pt-09-sp {
        padding-top: -9px!important
    }

    .pt-08-sp {
        padding-top: -8px!important
    }

    .pt-07-sp {
        padding-top: -7px!important
    }

    .pt-06-sp {
        padding-top: -6px!important
    }

    .pt-05-sp {
        padding-top: -5px!important
    }

    .pt-04-sp {
        padding-top: -4px!important
    }

    .pt-03-sp {
        padding-top: -3px!important
    }

    .pt-02-sp {
        padding-top: -2px!important
    }

    .pt-01-sp {
        padding-top: -1px!important
    }

    .pt00-sp {
        padding-top: 0!important
    }

    .pt01-sp {
        padding-top: 1px!important
    }

    .pt02-sp {
        padding-top: 2px!important
    }

    .pt03-sp {
        padding-top: 3px!important
    }

    .pt04-sp {
        padding-top: 4px!important
    }

    .pt05-sp {
        padding-top: 5px!important
    }

    .pt06-sp {
        padding-top: 6px!important
    }

    .pt07-sp {
        padding-top: 7px!important
    }

    .pt08-sp {
        padding-top: 8px!important
    }

    .pt09-sp {
        padding-top: 9px!important
    }

    .pt10-sp {
        padding-top: 10px!important
    }

    .pt11-sp {
        padding-top: 11px!important
    }

    .pt12-sp {
        padding-top: 12px!important
    }

    .pt13-sp {
        padding-top: 13px!important
    }

    .pt14-sp {
        padding-top: 14px!important
    }

    .pt15-sp {
        padding-top: 15px!important
    }

    .pt16-sp {
        padding-top: 16px!important
    }

    .pt17-sp {
        padding-top: 17px!important
    }

    .pt18-sp {
        padding-top: 18px!important
    }

    .pt19-sp {
        padding-top: 19px!important
    }

    .pt20-sp {
        padding-top: 20px!important
    }

    .pt21-sp {
        padding-top: 21px!important
    }

    .pt22-sp {
        padding-top: 22px!important
    }

    .pt23-sp {
        padding-top: 23px!important
    }

    .pt24-sp {
        padding-top: 24px!important
    }

    .pt25-sp {
        padding-top: 25px!important
    }

    .pt26-sp {
        padding-top: 26px!important
    }

    .pt27-sp {
        padding-top: 27px!important
    }

    .pt28-sp {
        padding-top: 28px!important
    }

    .pt29-sp {
        padding-top: 29px!important
    }

    .pt30-sp {
        padding-top: 30px!important
    }

    .pt40-sp {
        padding-top: 40px!important
    }

    .pt45-sp {
        padding-top: 45px!important
    }

    .pt50-sp {
        padding-top: 50px!important
    }

    .pt55-sp {
        padding-top: 55px!important
    }

    .pt60-sp {
        padding-top: 60px!important
    }

    .pt70-sp {
        padding-top: 70px!important
    }

    .pt80-sp {
        padding-top: 80px!important
    }

    .pt90-sp {
        padding-top: 90px!important
    }

    .pt100-sp {
        padding-top: 100px!important
    }

    .pb-100-sp {
        padding-bottom: -100px!important
    }

    .pb-95-sp {
        padding-bottom: -95px!important
    }

    .pb-90-sp {
        padding-bottom: -90px!important
    }

    .pb-85-sp {
        padding-bottom: -85px!important
    }

    .pb-80-sp {
        padding-bottom: -80px!important
    }

    .pb-75-sp {
        padding-bottom: -75px!important
    }

    .pb-70-sp {
        padding-bottom: -70px!important
    }

    .pb-65-sp {
        padding-bottom: -65px!important
    }

    .pb-60-sp {
        padding-bottom: -60px!important
    }

    .pb-55-sp {
        padding-bottom: -55px!important
    }

    .pb-50-sp {
        padding-bottom: -50px!important
    }

    .pb-45-sp {
        padding-bottom: -45px!important
    }

    .pb-40-sp {
        padding-bottom: -40px!important
    }

    .pb-35-sp {
        padding-bottom: -35px!important
    }

    .pb-30-sp {
        padding-bottom: -30px!important
    }

    .pb-25-sp {
        padding-bottom: -25px!important
    }

    .pb-20-sp {
        padding-bottom: -20px!important
    }

    .pb-15-sp {
        padding-bottom: -15px!important
    }

    .pb-10-sp {
        padding-bottom: -10px!important
    }

    .pb-09-sp {
        padding-bottom: -9px!important
    }

    .pb-08-sp {
        padding-bottom: -8px!important
    }

    .pb-07-sp {
        padding-bottom: -7px!important
    }

    .pb-06-sp {
        padding-bottom: -6px!important
    }

    .pb-05-sp {
        padding-bottom: -5px!important
    }

    .pb-04-sp {
        padding-bottom: -4px!important
    }

    .pb-03-sp {
        padding-bottom: -3px!important
    }

    .pb-02-sp {
        padding-bottom: -2px!important
    }

    .pb-01-sp {
        padding-bottom: -1px!important
    }

    .pb00-sp {
        padding-bottom: 0!important
    }

    .pb01-sp {
        padding-bottom: 1px!important
    }

    .pb02-sp {
        padding-bottom: 2px!important
    }

    .pb03-sp {
        padding-bottom: 3px!important
    }

    .pb04-sp {
        padding-bottom: 4px!important
    }

    .pb05-sp {
        padding-bottom: 5px!important
    }

    .pb06-sp {
        padding-bottom: 6px!important
    }

    .pb07-sp {
        padding-bottom: 7px!important
    }

    .pb08-sp {
        padding-bottom: 8px!important
    }

    .pb09-sp {
        padding-bottom: 9px!important
    }

    .pb10-sp {
        padding-bottom: 10px!important
    }

    .pb11-sp {
        padding-bottom: 11px!important
    }

    .pb12-sp {
        padding-bottom: 12px!important
    }

    .pb13-sp {
        padding-bottom: 13px!important
    }

    .pb14-sp {
        padding-bottom: 14px!important
    }

    .pb15-sp {
        padding-bottom: 15px!important
    }

    .pb16-sp {
        padding-bottom: 16px!important
    }

    .pb17-sp {
        padding-bottom: 17px!important
    }

    .pb18-sp {
        padding-bottom: 18px!important
    }

    .pb19-sp {
        padding-bottom: 19px!important
    }

    .pb20-sp {
        padding-bottom: 20px!important
    }

    .pb21-sp {
        padding-bottom: 21px!important
    }

    .pb22-sp {
        padding-bottom: 22px!important
    }

    .pb23-sp {
        padding-bottom: 23px!important
    }

    .pb24-sp {
        padding-bottom: 24px!important
    }

    .pb25-sp {
        padding-bottom: 25px!important
    }

    .pb26-sp {
        padding-bottom: 26px!important
    }

    .pb27-sp {
        padding-bottom: 27px!important
    }

    .pb28-sp {
        padding-bottom: 28px!important
    }

    .pb29-sp {
        padding-bottom: 29px!important
    }

    .pb30-sp {
        padding-bottom: 30px!important
    }

    .pb40-sp {
        padding-bottom: 40px!important
    }

    .pb45-sp {
        padding-bottom: 45px!important
    }

    .pb50-sp {
        padding-bottom: 50px!important
    }

    .pb55-sp {
        padding-bottom: 55px!important
    }

    .pb60-sp {
        padding-bottom: 60px!important
    }

    .pb70-sp {
        padding-bottom: 70px!important
    }

    .pb80-sp {
        padding-bottom: 80px!important
    }

    .pb90-sp {
        padding-bottom: 90px!important
    }

    .pb100-sp {
        padding-bottom: 100px!important
    }

    .pl-100-sp {
        padding-left: -100px!important
    }

    .pl-95-sp {
        padding-left: -95px!important
    }

    .pl-90-sp {
        padding-left: -90px!important
    }

    .pl-85-sp {
        padding-left: -85px!important
    }

    .pl-80-sp {
        padding-left: -80px!important
    }

    .pl-75-sp {
        padding-left: -75px!important
    }

    .pl-70-sp {
        padding-left: -70px!important
    }

    .pl-65-sp {
        padding-left: -65px!important
    }

    .pl-60-sp {
        padding-left: -60px!important
    }

    .pl-55-sp {
        padding-left: -55px!important
    }

    .pl-50-sp {
        padding-left: -50px!important
    }

    .pl-45-sp {
        padding-left: -45px!important
    }

    .pl-40-sp {
        padding-left: -40px!important
    }

    .pl-35-sp {
        padding-left: -35px!important
    }

    .pl-30-sp {
        padding-left: -30px!important
    }

    .pl-25-sp {
        padding-left: -25px!important
    }

    .pl-20-sp {
        padding-left: -20px!important
    }

    .pl-15-sp {
        padding-left: -15px!important
    }

    .pl-10-sp {
        padding-left: -10px!important
    }

    .pl-09-sp {
        padding-left: -9px!important
    }

    .pl-08-sp {
        padding-left: -8px!important
    }

    .pl-07-sp {
        padding-left: -7px!important
    }

    .pl-06-sp {
        padding-left: -6px!important
    }

    .pl-05-sp {
        padding-left: -5px!important
    }

    .pl-04-sp {
        padding-left: -4px!important
    }

    .pl-03-sp {
        padding-left: -3px!important
    }

    .pl-02-sp {
        padding-left: -2px!important
    }

    .pl-01-sp {
        padding-left: -1px!important
    }

    .pl00-sp {
        padding-left: 0!important
    }

    .pl01-sp {
        padding-left: 1px!important
    }

    .pl02-sp {
        padding-left: 2px!important
    }

    .pl03-sp {
        padding-left: 3px!important
    }

    .pl04-sp {
        padding-left: 4px!important
    }

    .pl05-sp {
        padding-left: 5px!important
    }

    .pl06-sp {
        padding-left: 6px!important
    }

    .pl07-sp {
        padding-left: 7px!important
    }

    .pl08-sp {
        padding-left: 8px!important
    }

    .pl09-sp {
        padding-left: 9px!important
    }

    .pl10-sp {
        padding-left: 10px!important
    }

    .pl15-sp {
        padding-left: 15px!important
    }

    .pl20-sp {
        padding-left: 20px!important
    }

    .pl25-sp {
        padding-left: 25px!important
    }

    .pl30-sp {
        padding-left: 30px!important
    }

    .pl40-sp {
        padding-left: 40px!important
    }

    .pl50-sp {
        padding-left: 50px!important
    }

    .pr-100-sp {
        padding-right: -100px!important
    }

    .pr-95-sp {
        padding-right: -95px!important
    }

    .pr-90-sp {
        padding-right: -90px!important
    }

    .pr-85-sp {
        padding-right: -85px!important
    }

    .pr-80-sp {
        padding-right: -80px!important
    }

    .pr-75-sp {
        padding-right: -75px!important
    }

    .pr-70-sp {
        padding-right: -70px!important
    }

    .pr-65-sp {
        padding-right: -65px!important
    }

    .pr-60-sp {
        padding-right: -60px!important
    }

    .pr-55-sp {
        padding-right: -55px!important
    }

    .pr-50-sp {
        padding-right: -50px!important
    }

    .pr-45-sp {
        padding-right: -45px!important
    }

    .pr-40-sp {
        padding-right: -40px!important
    }

    .pr-35-sp {
        padding-right: -35px!important
    }

    .pr-30-sp {
        padding-right: -30px!important
    }

    .pr-25-sp {
        padding-right: -25px!important
    }

    .pr-20-sp {
        padding-right: -20px!important
    }

    .pr-15-sp {
        padding-right: -15px!important
    }

    .pr-10-sp {
        padding-right: -10px!important
    }

    .pr-09-sp {
        padding-right: -9px!important
    }

    .pr-08-sp {
        padding-right: -8px!important
    }

    .pr-07-sp {
        padding-right: -7px!important
    }

    .pr-06-sp {
        padding-right: -6px!important
    }

    .pr-05-sp {
        padding-right: -5px!important
    }

    .pr-04-sp {
        padding-right: -4px!important
    }

    .pr-03-sp {
        padding-right: -3px!important
    }

    .pr-02-sp {
        padding-right: -2px!important
    }

    .pr-01-sp {
        padding-right: -1px!important
    }

    .pr00-sp {
        padding-right: 0!important
    }

    .pr01-sp {
        padding-right: 1px!important
    }

    .pr02-sp {
        padding-right: 2px!important
    }

    .pr03-sp {
        padding-right: 3px!important
    }

    .pr04-sp {
        padding-right: 4px!important
    }

    .pr05-sp {
        padding-right: 5px!important
    }

    .pr06-sp {
        padding-right: 6px!important
    }

    .pr07-sp {
        padding-right: 7px!important
    }

    .pr08-sp {
        padding-right: 8px!important
    }

    .pr09-sp {
        padding-right: 9px!important
    }

    .pr10-sp {
        padding-right: 10px!important
    }

    .pr15-sp {
        padding-right: 15px!important
    }

    .pr20-sp {
        padding-right: 20px!important
    }

    .pr25-sp {
        padding-right: 25px!important
    }

    .pr30-sp {
        padding-right: 30px!important
    }

    .pr40-sp {
        padding-right: 40px!important
    }

    .pr50-sp {
        padding-right: 50px!important
    }

    .fz09-sp {
        font-size: 9px!important
    }

    .fz10-sp {
        font-size: 10px!important
    }

    .fz11-sp {
        font-size: 11px!important
    }

    .fz12-sp {
        font-size: 12px!important
    }

    .fz13-sp {
        font-size: 13px!important
    }

    .fz14-sp {
        font-size: 14px!important
    }

    .fz15-sp {
        font-size: 15px!important
    }

    .fz16-sp {
        font-size: 16px!important
    }

    .fz17-sp {
        font-size: 17px!important
    }

    .fz18-sp {
        font-size: 18px!important
    }

    .fz19-sp {
        font-size: 19px!important
    }

    .fz20-sp {
        font-size: 20px!important
    }

    .fz21-sp {
        font-size: 21px!important
    }

    .fz22-sp {
        font-size: 22px!important
    }

    .fz23-sp {
        font-size: 23px!important
    }

    .fz24-sp {
        font-size: 24px!important
    }

    .fz25-sp {
        font-size: 25px!important
    }

    .fz26-sp {
        font-size: 26px!important
    }

    .fz27-sp {
        font-size: 27px!important
    }

    .fz28-sp {
        font-size: 28px!important
    }

    .fz29-sp {
        font-size: 29px!important
    }

    .fz30-sp {
        font-size: 30px!important
    }

    .fz31-sp {
        font-size: 31px!important
    }

    .fz32-sp {
        font-size: 32px!important
    }

    .fz33-sp {
        font-size: 33px!important
    }

    .fz34-sp {
        font-size: 34px!important
    }

    .fz35-sp {
        font-size: 35px!important
    }

    .fz36-sp {
        font-size: 36px!important
    }

    .fz37-sp {
        font-size: 37px!important
    }

    .fz38-sp {
        font-size: 38px!important
    }

    .fz39-sp {
        font-size: 39px!important
    }

    .fz40-sp {
        font-size: 40px!important
    }

    .fz41-sp {
        font-size: 41px!important
    }

    .fz42-sp {
        font-size: 42px!important
    }

    .fz43-sp {
        font-size: 43px!important
    }

    .fz44-sp {
        font-size: 44px!important
    }

    .fz45-sp {
        font-size: 45px!important
    }

    .fz46-sp {
        font-size: 46px!important
    }

    .fz47-sp {
        font-size: 47px!important
    }

    .fz48-sp {
        font-size: 48px!important
    }

    .fz49-sp {
        font-size: 49px!important
    }

    .fz50-sp {
        font-size: 50px!important
    }

    .fz51-sp {
        font-size: 51px!important
    }

    .fz52-sp {
        font-size: 52px!important
    }

    .fz53-sp {
        font-size: 53px!important
    }

    .fz54-sp {
        font-size: 54px!important
    }

    .fz55-sp {
        font-size: 55px!important
    }

    .fz56-sp {
        font-size: 56px!important
    }

    .fz57-sp {
        font-size: 57px!important
    }

    .fz58-sp {
        font-size: 58px!important
    }

    .fz59-sp {
        font-size: 59px!important
    }

    .fz60-sp {
        font-size: 60px!important
    }

    .fz61-sp {
        font-size: 61px!important
    }

    .fz62-sp {
        font-size: 62px!important
    }

    .fz63-sp {
        font-size: 63px!important
    }

    .fz64-sp {
        font-size: 64px!important
    }

    .fz65-sp {
        font-size: 65px!important
    }

    .fz66-sp {
        font-size: 66px!important
    }

    .fz67-sp {
        font-size: 67px!important
    }

    .fz68-sp {
        font-size: 68px!important
    }

    .fz69-sp {
        font-size: 69px!important
    }

    .fz70-sp {
        font-size: 70px!important
    }

    .fz71-sp {
        font-size: 71px!important
    }

    .fz72-sp {
        font-size: 72px!important
    }

    .fz73-sp {
        font-size: 73px!important
    }

    .fz74-sp {
        font-size: 74px!important
    }

    .fz75-sp {
        font-size: 75px!important
    }

    .fz76-sp {
        font-size: 76px!important
    }

    .fz77-sp {
        font-size: 77px!important
    }

    .fz78-sp {
        font-size: 78px!important
    }

    .fz79-sp {
        font-size: 79px!important
    }

    .fz80-sp {
        font-size: 80px!important
    }

    .lh09-sp {
        line-height: 9px!important
    }

    .lh10-sp {
        line-height: 10px!important
    }

    .lh11-sp {
        line-height: 11px!important
    }

    .lh12-sp {
        line-height: 12px!important
    }

    .lh13-sp {
        line-height: 13px!important
    }

    .lh14-sp {
        line-height: 14px!important
    }

    .lh15-sp {
        line-height: 15px!important
    }

    .lh16-sp {
        line-height: 16px!important
    }

    .lh17-sp {
        line-height: 17px!important
    }

    .lh18-sp {
        line-height: 18px!important
    }

    .lh19-sp {
        line-height: 19px!important
    }

    .lh20-sp {
        line-height: 20px!important
    }

    .lh21-sp {
        line-height: 21px!important
    }

    .lh22-sp {
        line-height: 22px!important
    }

    .lh23-sp {
        line-height: 23px!important
    }

    .lh24-sp {
        line-height: 24px!important
    }

    .lh25-sp {
        line-height: 25px!important
    }

    .lh26-sp {
        line-height: 26px!important
    }

    .lh27-sp {
        line-height: 27px!important
    }

    .lh28-sp {
        line-height: 28px!important
    }

    .lh29-sp {
        line-height: 29px!important
    }

    .lh30-sp {
        line-height: 30px!important
    }

    .lh31-sp {
        line-height: 31px!important
    }

    .lh32-sp {
        line-height: 32px!important
    }

    .lh33-sp {
        line-height: 33px!important
    }

    .lh34-sp {
        line-height: 34px!important
    }

    .lh35-sp {
        line-height: 35px!important
    }

    .lh36-sp {
        line-height: 36px!important
    }

    .lh37-sp {
        line-height: 37px!important
    }

    .lh38-sp {
        line-height: 38px!important
    }

    .lh39-sp {
        line-height: 39px!important
    }

    .lh40-sp {
        line-height: 40px!important
    }

    .lh41-sp {
        line-height: 41px!important
    }

    .lh42-sp {
        line-height: 42px!important
    }

    .lh43-sp {
        line-height: 43px!important
    }

    .lh44-sp {
        line-height: 44px!important
    }

    .lh45-sp {
        line-height: 45px!important
    }

    .lh46-sp {
        line-height: 46px!important
    }

    .lh47-sp {
        line-height: 47px!important
    }

    .lh48-sp {
        line-height: 48px!important
    }

    .lh49-sp {
        line-height: 49px!important
    }

    .lh50-sp {
        line-height: 50px!important
    }

    .lh51-sp {
        line-height: 51px!important
    }

    .lh52-sp {
        line-height: 52px!important
    }

    .lh53-sp {
        line-height: 53px!important
    }

    .lh54-sp {
        line-height: 54px!important
    }

    .lh55-sp {
        line-height: 55px!important
    }

    .lh56-sp {
        line-height: 56px!important
    }

    .lh57-sp {
        line-height: 57px!important
    }

    .lh58-sp {
        line-height: 58px!important
    }

    .lh59-sp {
        line-height: 59px!important
    }

    .lh60-sp {
        line-height: 60px!important
    }

    .lh61-sp {
        line-height: 61px!important
    }

    .lh62-sp {
        line-height: 62px!important
    }

    .lh63-sp {
        line-height: 63px!important
    }

    .lh64-sp {
        line-height: 64px!important
    }

    .lh65-sp {
        line-height: 65px!important
    }

    .lh66-sp {
        line-height: 66px!important
    }

    .lh67-sp {
        line-height: 67px!important
    }

    .lh68-sp {
        line-height: 68px!important
    }

    .lh69-sp {
        line-height: 69px!important
    }

    .lh70-sp {
        line-height: 70px!important
    }

    .lh71-sp {
        line-height: 71px!important
    }

    .lh72-sp {
        line-height: 72px!important
    }

    .lh73-sp {
        line-height: 73px!important
    }

    .lh74-sp {
        line-height: 74px!important
    }

    .lh75-sp {
        line-height: 75px!important
    }

    .lh76-sp {
        line-height: 76px!important
    }

    .lh77-sp {
        line-height: 77px!important
    }

    .lh78-sp {
        line-height: 78px!important
    }

    .lh79-sp {
        line-height: 79px!important
    }

    .lh80-sp {
        line-height: 80px!important
    }

    .lh81-sp {
        line-height: 81px!important
    }

    .lc-05-sp {
        letter-spacing: -5px!important
    }

    .lc-04_-sp {
        letter-spacing: -4.5px!important
    }

    .lc-04-sp {
        letter-spacing: -4px!important
    }

    .lc-03_-sp {
        letter-spacing: -3.5px!important
    }

    .lc-03-sp {
        letter-spacing: -3px!important
    }

    .lc-02_-sp {
        letter-spacing: -2.5px!important
    }

    .lc-02-sp {
        letter-spacing: -2px!important
    }

    .lc-01_-sp {
        letter-spacing: -1.5px!important
    }

    .lc-01-sp {
        letter-spacing: -1px!important
    }

    .lc-00_-sp {
        letter-spacing: -.5px!important
    }

    .lc00-sp {
        letter-spacing: 0!important
    }

    .lc00_-sp {
        letter-spacing: .5px!important
    }

    .lc01-sp {
        letter-spacing: 1px!important
    }

    .lc02-sp {
        letter-spacing: 2px!important
    }

    .lc03-sp {
        letter-spacing: 3px!important
    }

    .lc04-sp {
        letter-spacing: 4px!important
    }

    .lc05-sp {
        letter-spacing: 5px!important
    }

    .w00-sp {
        width: 0!important
    }

    .w01-sp {
        width: 1px!important
    }

    .w02-sp {
        width: 2px!important
    }

    .w03-sp {
        width: 3px!important
    }

    .w04-sp {
        width: 4px!important
    }

    .w05-sp {
        width: 5px!important
    }

    .w06-sp {
        width: 6px!important
    }

    .w07-sp {
        width: 7px!important
    }

    .w08-sp {
        width: 8px!important
    }

    .w09-sp {
        width: 9px!important
    }

    .w10-sp {
        width: 10px!important
    }

    .w11-sp {
        width: 11px!important
    }

    .w12-sp {
        width: 12px!important
    }

    .w13-sp {
        width: 13px!important
    }

    .w14-sp {
        width: 14px!important
    }

    .w15-sp {
        width: 15px!important
    }

    .w16-sp {
        width: 16px!important
    }

    .w17-sp {
        width: 17px!important
    }

    .w18-sp {
        width: 18px!important
    }

    .w19-sp {
        width: 19px!important
    }

    .w20-sp {
        width: 20px!important
    }

    .w21-sp {
        width: 21px!important
    }

    .w22-sp {
        width: 22px!important
    }

    .w23-sp {
        width: 23px!important
    }

    .w24-sp {
        width: 24px!important
    }

    .w25-sp {
        width: 25px!important
    }

    .w26-sp {
        width: 26px!important
    }

    .w27-sp {
        width: 27px!important
    }

    .w28-sp {
        width: 28px!important
    }

    .w29-sp {
        width: 29px!important
    }

    .w30-sp {
        width: 30px!important
    }

    .w35-sp {
        width: 35px!important
    }

    .w40-sp {
        width: 40px!important
    }

    .w45-sp {
        width: 45px!important
    }

    .w50-sp {
        width: 50px!important
    }

    .w55-sp {
        width: 55px!important
    }

    .w60-sp {
        width: 60px!important
    }

    .w65-sp {
        width: 65px!important
    }

    .w70-sp {
        width: 70px!important
    }

    .w75-sp {
        width: 75px!important
    }

    .w80-sp {
        width: 80px!important
    }

    .w85-sp {
        width: 85px!important
    }

    .w90-sp {
        width: 90px!important
    }

    .w95-sp {
        width: 95px!important
    }

    .w100-sp {
        width: 100px!important
    }

    .h00-sp {
        height: 0!important
    }

    .h01-sp {
        height: 1px!important
    }

    .h02-sp {
        height: 2px!important
    }

    .h03-sp {
        height: 3px!important
    }

    .h04-sp {
        height: 4px!important
    }

    .h05-sp {
        height: 5px!important
    }

    .h06-sp {
        height: 6px!important
    }

    .h07-sp {
        height: 7px!important
    }

    .h08-sp {
        height: 8px!important
    }

    .h09-sp {
        height: 9px!important
    }

    .h10-sp {
        height: 10px!important
    }

    .h11-sp {
        height: 11px!important
    }

    .h12-sp {
        height: 12px!important
    }

    .h13-sp {
        height: 13px!important
    }

    .h14-sp {
        height: 14px!important
    }

    .h15-sp {
        height: 15px!important
    }

    .h16-sp {
        height: 16px!important
    }

    .h17-sp {
        height: 17px!important
    }

    .h18-sp {
        height: 18px!important
    }

    .h19-sp {
        height: 19px!important
    }

    .h20-sp {
        height: 20px!important
    }

    .h21-sp {
        height: 21px!important
    }

    .h22-sp {
        height: 22px!important
    }

    .h23-sp {
        height: 23px!important
    }

    .h24-sp {
        height: 24px!important
    }

    .h25-sp {
        height: 25px!important
    }

    .h26-sp {
        height: 26px!important
    }

    .h27-sp {
        height: 27px!important
    }

    .h28-sp {
        height: 28px!important
    }

    .h29-sp {
        height: 29px!important
    }

    .h30-sp {
        height: 30px!important
    }

    .h35-sp {
        height: 35px!important
    }

    .h40-sp {
        height: 40px!important
    }

    .h45-sp {
        height: 45px!important
    }

    .h50-sp {
        height: 50px!important
    }

    .h55-sp {
        height: 55px!important
    }

    .h60-sp {
        height: 60px!important
    }

    .h65-sp {
        height: 65px!important
    }

    .h70-sp {
        height: 70px!important
    }

    .h75-sp {
        height: 75px!important
    }

    .h80-sp {
        height: 80px!important
    }

    .h85-sp {
        height: 85px!important
    }

    .h90-sp {
        height: 90px!important
    }

    .h95-sp {
        height: 95px!important
    }

    .h100-sp {
        height: 100px!important
    }

    .wem00_1-sp {
        width: .1em!important
    }

    .wem00_2-sp {
        width: .2em!important
    }

    .wem00_3-sp {
        width: .3em!important
    }

    .wem00_4-sp {
        width: .4em!important
    }

    .wem00_-sp {
        width: .5em!important
    }

    .wem00_6-sp {
        width: .6em!important
    }

    .wem00_7-sp {
        width: .7em!important
    }

    .wem00_8-sp {
        width: .8em!important
    }

    .wem00_9-sp {
        width: .9em!important
    }

    .wem01-sp {
        width: 1em!important
    }

    .wem01_1-sp {
        width: 1.1em!important
    }

    .wem01_2-sp {
        width: 1.2em!important
    }

    .wem01_3-sp {
        width: 1.3em!important
    }

    .wem01_4-sp {
        width: 1.4em!important
    }

    .wem01_5-sp {
        width: 1.5em!important
    }

    .wem01_6-sp {
        width: 1.6em!important
    }

    .wem01_7-sp {
        width: 1.7em!important
    }

    .wem01_8-sp {
        width: 1.8em!important
    }

    .wem01_9-sp {
        width: 1.9em!important
    }

    .wem02-sp {
        width: 2em!important
    }

    .wem02_1-sp {
        width: 2.1em!important
    }

    .wem02_2-sp {
        width: 2.2em!important
    }

    .wem02_3-sp {
        width: 2.3em!important
    }

    .wem02_4-sp {
        width: 2.4em!important
    }

    .wem02_5-sp {
        width: 2.5em!important
    }

    .wem02_6-sp {
        width: 2.6em!important
    }

    .wem02_7-sp {
        width: 2.7em!important
    }

    .wem02_8-sp {
        width: 2.8em!important
    }

    .wem03-sp {
        width: 3em!important
    }

    .wem03_-sp {
        width: 3.5em!important
    }

    .wem04-sp {
        width: 4em!important
    }

    .wem04_-sp {
        width: 4.5em!important
    }

    .wem05-sp {
        width: 5em!important
    }

    .wem05_-sp {
        width: 5.5em!important
    }

    .wem06-sp {
        width: 6em!important
    }

    .wem06_-sp {
        width: 6.5em!important
    }

    .wem07-sp {
        width: 7em!important
    }

    .wem07_-sp {
        width: 7.5em!important
    }

    .wem08-sp {
        width: 8em!important
    }

    .wem08_-sp {
        width: 8.5em!important
    }

    .wem09-sp {
        width: 9em!important
    }

    .wem09_-sp {
        width: 9.5em!important
    }

    .wem10-sp {
        width: 10em!important
    }

    .hem00_1-sp {
        height: .1em!important
    }

    .hem00_2-sp {
        height: .2em!important
    }

    .hem00_3-sp {
        height: .3em!important
    }

    .hem00_4-sp {
        height: .4em!important
    }

    .hem00_-sp {
        height: .5em!important
    }

    .hem00_6-sp {
        height: .6em!important
    }

    .hem00_7-sp {
        height: .7em!important
    }

    .hem00_8-sp {
        height: .8em!important
    }

    .hem00_9-sp {
        height: .9em!important
    }

    .hem01-sp {
        height: 1em!important
    }

    .hem01_1-sp {
        height: 1.1em!important
    }

    .hem01_2-sp {
        height: 1.2em!important
    }

    .hem01_3-sp {
        height: 1.3em!important
    }

    .hem01_4-sp {
        height: 1.4em!important
    }

    .hem01_5-sp {
        height: 1.5em!important
    }

    .hem01_6-sp {
        height: 1.6em!important
    }

    .hem01_7-sp {
        height: 1.7em!important
    }

    .hem01_8-sp {
        height: 1.8em!important
    }

    .hem01_9-sp {
        height: 1.9em!important
    }

    .hem02-sp {
        height: 2em!important
    }

    .hem02_1-sp {
        height: 2.1em!important
    }

    .hem02_2-sp {
        height: 2.2em!important
    }

    .hem02_3-sp {
        height: 2.3em!important
    }

    .hem02_4-sp {
        height: 2.4em!important
    }

    .hem02_5-sp {
        height: 2.5em!important
    }

    .hem02_6-sp {
        height: 2.6em!important
    }

    .hem02_7-sp {
        height: 2.7em!important
    }

    .hem02_8-sp {
        height: 2.8em!important
    }

    .hem03-sp {
        height: 3em!important
    }

    .hem03_-sp {
        height: 3.5em!important
    }

    .hem04-sp {
        height: 4em!important
    }

    .hem04_-sp {
        height: 4.5em!important
    }

    .hem05-sp {
        height: 5em!important
    }

    .hem05_-sp {
        height: 5.5em!important
    }

    .hem06-sp {
        height: 6em!important
    }

    .hem06_-sp {
        height: 6.5em!important
    }

    .hem07-sp {
        height: 7em!important
    }

    .hem07_-sp {
        height: 7.5em!important
    }

    .hem08-sp {
        height: 8em!important
    }

    .hem08_-sp {
        height: 8.5em!important
    }

    .hem09-sp {
        height: 9em!important
    }

    .hem09_-sp {
        height: 9.5em!important
    }

    .hem10-sp {
        height: 10em!important
    }

    .wpr00-sp {
        width: 0!important
    }

    .wpr05-sp {
        width: 5%!important
    }

    .wpr10-sp {
        width: 10%!important
    }

    .wpr15-sp {
        width: 15%!important
    }

    .wpr20-sp {
        width: 20%!important
    }

    .wpr25-sp {
        width: 25%!important
    }

    .wpr30-sp {
        width: 30%!important
    }

    .wpr35-sp {
        width: 35%!important
    }

    .wpr40-sp {
        width: 40%!important
    }

    .wpr45-sp {
        width: 45%!important
    }

    .wpr50-sp {
        width: 50%!important
    }

    .wpr55-sp {
        width: 55%!important
    }

    .wpr60-sp {
        width: 60%!important
    }

    .wpr65-sp {
        width: 65%!important
    }

    .wpr70-sp {
        width: 70%!important
    }

    .wpr75-sp {
        width: 75%!important
    }

    .wpr80-sp {
        width: 80%!important
    }

    .wpr85-sp {
        width: 85%!important
    }

    .wpr90-sp {
        width: 90%!important
    }

    .wpr95-sp {
        width: 95%!important
    }

    .wpr100-sp {
        width: 100%!important
    }

    .hpr00-sp {
        height: 0!important
    }

    .hpr05-sp {
        height: 5%!important
    }

    .hpr10-sp {
        height: 10%!important
    }

    .hpr15-sp {
        height: 15%!important
    }

    .hpr20-sp {
        height: 20%!important
    }

    .hpr25-sp {
        height: 25%!important
    }

    .hpr30-sp {
        height: 30%!important
    }

    .hpr35-sp {
        height: 35%!important
    }

    .hpr40-sp {
        height: 40%!important
    }

    .hpr45-sp {
        height: 45%!important
    }

    .hpr50-sp {
        height: 50%!important
    }

    .hpr55-sp {
        height: 55%!important
    }

    .hpr60-sp {
        height: 60%!important
    }

    .hpr65-sp {
        height: 65%!important
    }

    .hpr70-sp {
        height: 70%!important
    }

    .hpr75-sp {
        height: 75%!important
    }

    .hpr80-sp {
        height: 80%!important
    }

    .hpr85-sp {
        height: 85%!important
    }

    .hpr90-sp {
        height: 90%!important
    }

    .hpr95-sp {
        height: 95%!important
    }

    .hpr100-sp {
        height: 100%!important
    }

    .indent-1-sp {
        margin-left: 1em;
        text-indent: -1em
    }

    .block-sp {
        display: block
    }

    .word-break-sp {
        word-break: break-all
    }

    body {
        font-size: 14px;
        line-height: 1.6
    }

    .pc-visible,.sp-hidden {
        display: none!important
    }

    img.aligncenter-sp,img.centered-sp {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    img.alignright-sp {
        display: block;
        margin: 0 0 0 1em;
        float: right
    }

    img.alignleft-sp {
        display: block;
        margin: 0 1em 0 0;
        float: left
    }

    .alignright-sp {
        text-align: right!important
    }

    .alignleft-sp {
        text-align: left!important
    }

    .aligncenter-sp {
        text-align: center!important
    }

    .btn .section03 .more-btn button,.btn a,.btn button,.section03 .more-btn .btn button {
        width: 70%;
        max-width: 320px;
        min-height: 50px;
        padding: 8px;
        font-size: 15px;
        line-height: 1.5em
    }

    .btn.btn2 .section03 .more-btn button,.btn.btn2 a,.btn.btn2 button,.section03 .more-btn .btn.btn2 button {
        width: 85%;
        max-width: 440px;
        min-height: 50px;
        padding: 8px;
        font-size: 12px;
        line-height: 1.5em
    }

    .contents {
        box-sizing: border-box;
        margin: 15px 15px 30px
    }

    .sidebar {
        display: none
    }

    h2 {
        border-left-width: 20px;
        font-size: 18px
    }

    h2,h3 {
        padding: 0;
        line-height: 1.5em
    }

    h3 {
        font-size: 16px
    }

    h4 {
        padding: 10px 10px 10px 14px;
        font-size: 17px
    }

    h4,h5 {
        line-height: 1.5em
    }

    h5 {
        padding: 6px 12px 4px 10px;
        border-left-width: 10px;
        font-size: 16px
    }

    .table+h2,.table+h3,.table+h4,.table+h5,.table+h6,blockquote+h2,blockquote+h3,blockquote+h4,blockquote+h5,blockquote+h6,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,p+h2,p+h3,p+h4,p+h5,p+h6,pre+h2,pre+h3,pre+h4,pre+h5,pre+h6,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6 {
        margin-top: 30px
    }

    .table table td,.table table th {
        padding: 10px
    }

    .pagination ul li .section03 .more-btn button,.pagination ul li a,.pagination ul li span,.section03 .more-btn .pagination ul li button {
        display: flex;
        width: auto;
        padding: 0 12px
    }

    .pagination ul li.disabled {
        display: none!important
    }

    .form {
        font-size: 15px;
        line-height: 1.5em
    }

    .form .radio {
        margin: -8px 0 0
    }

    .form .radio label {
        display: block;
        padding: 8px 0 0
    }

    blockquote,pre {
        margin: 0 auto 2em;
        padding: 15px
    }

    .video-slider {
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto 30px;
        padding: 0 15px
    }

    .video-slider h2 {
        margin-bottom: 12px
    }

    .video-slider .inner {
        position: relative
    }

    .video-slider .list {
        margin: 0 -5px
    }

    .video-slider .list ul {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start
    }

    .video-slider .list ul li {
        box-sizing: border-box;
        width: 50%;
        padding: 0 5px
    }

    .section03 .more-btn .video-slider .list ul li button,.video-slider .list ul li .section03 .more-btn button,.video-slider .list ul li a {
        display: block;
        position: relative;
        font-weight: 400;
        line-height: 1.5em;
        text-decoration: none
    }

    .section03 .more-btn .video-ranking .list ul li button:before,.video-ranking .list ul li .section03 .more-btn button:before,.video-ranking .list ul li a:before {
        display: flex;
        z-index: 5;
        position: absolute;
        top: 0;
        left: 10px;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        background-color: #b6b6b6;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        line-height: 1
    }

    .section03 .more-btn .video-ranking .list ul li button:after,.video-ranking .list ul li .section03 .more-btn button:after,.video-ranking .list ul li a:after {
        display: block;
        z-index: 4;
        position: absolute;
        top: 25px;
        left: 10px;
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 4px 14px;
        border-style: solid;
        border-color: transparent;
        border-bottom-color: transparent!important;
        content: ""
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="0"] button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] a:before {
        content: "1"
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="1"] button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] a:before {
        content: "2"
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="2"] button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] a:before {
        content: "3"
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="0"] button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="0"] a:before {
        background-color: #ffce0b
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="0"] button:after,.video-ranking .list ul li[data-swiper-slide-index="0"] .section03 .more-btn button:after,.video-ranking .list ul li[data-swiper-slide-index="0"] a:after {
        border-color: #ffce0b
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="1"] button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="1"] a:before {
        background-color: #b6b6b6
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="1"] button:after,.video-ranking .list ul li[data-swiper-slide-index="1"] .section03 .more-btn button:after,.video-ranking .list ul li[data-swiper-slide-index="1"] a:after {
        border-color: #b6b6b6
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="2"] button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] .section03 .more-btn button:before,.video-ranking .list ul li[data-swiper-slide-index="2"] a:before {
        background-color: #ac653e
    }

    .section03 .more-btn .video-ranking .list ul li[data-swiper-slide-index="2"] button:after,.video-ranking .list ul li[data-swiper-slide-index="2"] .section03 .more-btn button:after,.video-ranking .list ul li[data-swiper-slide-index="2"] a:after {
        border-color: #ac653e
    }

    .section03 .more-btn .video-ranking .youtube-icn button .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb:before,.section03 .more-btn .video-ranking .youtube-icn button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb:before,.section03 .more-btn .video-ranking .youtube-icn button .thumb:after,.single-article .oshidao-detail .htoel-ranking__foot--access .section03 .more-btn .video-ranking .youtube-icn button dt.thumb:before,.single-article .oshidao-detail .htoel-ranking__foot--access .video-ranking .youtube-icn .section03 .more-btn button dt.thumb:before,.single-article .oshidao-detail .htoel-ranking__foot--access .video-ranking .youtube-icn a dt.thumb:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .section03 .more-btn .video-ranking .youtube-icn button dt.thumb:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-ranking .youtube-icn .section03 .more-btn button dt.thumb:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-ranking .youtube-icn a dt.thumb:before,.video-ranking .youtube-icn .section03 .more-btn button .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn .section03 .more-btn button .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn .section03 .more-btn button .thumb:after,.video-ranking .youtube-icn a .single-article .oshidao-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn a .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.thumb:before,.video-ranking .youtube-icn a .thumb:after {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 25%;
        max-width: 72px;
        height: auto;
        margin: 0 auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .section03 .more-btn .video-ranking .youtube-icn button .thumb,.video-ranking .youtube-icn .section03 .more-btn button .thumb,.video-ranking .youtube-icn a .thumb {
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        margin: 0 0 5px;
        margin-bottom: 5px;
        padding: 0 0 56.25%;
        overflow: hidden;
        border-radius: 8px
    }

    .section03 .more-btn .video-ranking .youtube-icn button .hotel-name,.section03 .more-btn .video-ranking .youtube-icn button .sub,.video-ranking .youtube-icn .section03 .more-btn button .hotel-name,.video-ranking .youtube-icn .section03 .more-btn button .sub,.video-ranking .youtube-icn a .hotel-name,.video-ranking .youtube-icn a .sub {
        font-size: 11px
    }

    .section03 .more-btn .video-ranking .youtube-icn button .text,.video-ranking .youtube-icn .section03 .more-btn button .text,.video-ranking .youtube-icn a .text {
        -webkit-box-orient: vertical;
        font-size: 12px
    }

    .section03 .more-btn .video-slider .list ul li button .thumb,.video-slider .list ul li .section03 .more-btn button .thumb,.video-slider .list ul li a .thumb {
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        margin-bottom: 5px;
        padding: 0 0 56.25%;
        overflow: hidden;
        border-radius: 8px
    }

    .section03 .more-btn .video-slider .list ul li button .thumb:before,.video-slider .list ul li .section03 .more-btn button .thumb:before,.video-slider .list ul li a .thumb:before {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 25%;
        max-width: 72px;
        height: auto;
        margin: 0 auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .section03 .more-btn .video-slider .list ul li button .thumb img,.video-slider .list ul li .section03 .more-btn button .thumb img,.video-slider .list ul li a .thumb img {
        display: block;
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .section03 .more-btn .video-slider .list ul li button .hotel-name,.section03 .more-btn .video-slider .list ul li button .sub,.video-slider .list ul li .section03 .more-btn button .hotel-name,.video-slider .list ul li .section03 .more-btn button .sub,.video-slider .list ul li a .hotel-name,.video-slider .list ul li a .sub {
        color: #666;
        font-size: 11px
    }

    .video-slider .list ul li .text {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        font-size: 12px
    }

    .video-slider .list ul li .data {
        margin: 5px 0 0;
        font-size: 11px
    }

    .video-slider .slider .list {
        position: relative;
        width: 100%;
        margin: 0 auto
    }

    .video-slider .slider .list ul {
        flex-wrap: nowrap
    }

    .video-slider .slider .list {
        overflow: visible!important
    }

    .video-slider .slider .next,.video-slider .slider .prev {
        display: none;
        z-index: 10
    }

    .video-slider .next,.video-slider .prev {
        position: absolute;
        top: -25%;
        bottom: 0
    }

    .section03 .more-btn .video-slider .next button,.section03 .more-btn .video-slider .prev button,.video-slider .next .section03 .more-btn button,.video-slider .next a,.video-slider .prev .section03 .more-btn button,.video-slider .prev a {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        margin: auto 0;
        border-radius: 30px;
        background-color: #fff
    }

    .section03 .more-btn .video-slider .next button:before,.section03 .more-btn .video-slider .prev button:before,.video-slider .next .section03 .more-btn button:before,.video-slider .next a:before,.video-slider .prev .section03 .more-btn button:before,.video-slider .prev a:before {
        box-sizing: border-box;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 12px;
        height: 12px;
        margin: auto;
        overflow: hidden;
        transform-origin: center center;
        border-top: 5px solid #585858;
        border-left: 5px solid #585858;
        content: ""
    }

    .video-slider .prev {
        right: auto;
        left: 0
    }

    .section03 .more-btn .video-slider .prev button:before,.video-slider .prev .section03 .more-btn button:before,.video-slider .prev a:before {
        transform: translateX(1.5px) rotate(-45deg)
    }

    .video-slider .next {
        right: 10%;
        left: auto
    }

    .section03 .more-btn .video-slider .next button:before,.video-slider .next .section03 .more-btn button:before,.video-slider .next a:before {
        transform: translateX(-1.5px) rotate(135deg)
    }

    .mw_wp_form_confirm .note,.mw_wp_form_confirm .privacy,.mw_wp_form_preview .note,.mw_wp_form_preview .privacy {
        display: none
    }

    .main-image {
        width: 100%;
        margin: 0 auto 40px;
        overflow: hidden
    }

    .main-image,.main-image .inner {
        position: relative
    }

    .main-image .list {
        width: 100%;
        overflow: hidden
    }

    .main-image .list ul li {
        box-sizing: border-box;
        display: block;
        position: relative;
        margin: 0 auto
    }

    .main-image .list ul li .video {
        position: relative;
        width: 100%;
        height: 1px;
        padding: 0 0 56.25%
    }

    .main-image .list ul li .video iframe,.main-image .list ul li .video video {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .main-image .list ul li .video video {
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .main-image .list ul li .image {
        position: relative;
        width: 100%;
        height: 1px;
        padding: 0 0 56.25%
    }

    .main-image .list ul li .image img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: "object-fit: cover;"
    }

    .main-image .list ul li .text img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 65%;
        height: auto;
        margin: auto
    }

    .main-image .list ul li .main-txt {
        box-sizing: border-box;
        display: flex;
        position: absolute;
        top: 10px;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: auto;
        color: #fff;
        text-shadow: 2px 1px 7px rgba(0,0,0,.4);
        pointer-events: none
    }

    .main-image .list ul li .main-txt span {
        display: inline-block;
        font-size: 13px;
        font-weight: 500
    }

    .main-image .list ul li .main-txt p {
        display: inline-block;
        margin: 5px 0 0;
        font-size: 20px;
        font-weight: 600
    }

    .main-image .next,.main-image .prev {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 30px;
        height: 30px;
        margin: auto 0
    }

    .main-image .next .section03 .more-btn button,.main-image .next a,.main-image .prev .section03 .more-btn button,.main-image .prev a,.section03 .more-btn .main-image .next button,.section03 .more-btn .main-image .prev button {
        display: block;
        width: 30px;
        height: 30px;
        margin: auto 0;
        border-radius: 30px;
        background-color: #fff
    }

    .main-image .next .section03 .more-btn button:before,.main-image .next a:before,.main-image .prev .section03 .more-btn button:before,.main-image .prev a:before,.section03 .more-btn .main-image .next button:before,.section03 .more-btn .main-image .prev button:before {
        box-sizing: border-box;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 12px;
        height: 12px;
        margin: auto;
        overflow: hidden;
        transform-origin: center center;
        border-top: 5px solid #585858;
        border-left: 5px solid #585858;
        content: ""
    }

    .main-image .prev {
        right: auto;
        left: 15px
    }

    .main-image .prev .section03 .more-btn button:before,.main-image .prev a:before,.section03 .more-btn .main-image .prev button:before {
        transform: translateX(1.5px) rotate(-45deg)
    }

    .main-image .next {
        right: 15px;
        left: auto
    }

    .main-image .next .section03 .more-btn button:before,.main-image .next a:before,.section03 .more-btn .main-image .next button:before {
        transform: translateX(-1.5px) rotate(135deg)
    }

    .main-image.slider .next,.main-image.slider .prev {
        display: block;
        z-index: 10
    }

    .overlay-modal {
        border-radius: 0!important
    }

    .overlay-modal,.overlay-modal-wrap {
        width: 100vw;
        max-width: none;
        height: 100vh;
        max-height: none
    }

    body.admin-bar .overlay-modal {
        box-sizing: border-box;
        padding-top: 46px
    }

    body.admin-bar .overlay-modal-wrap {
        height: calc(100vh - 46px)
    }

    footer .nav {
        margin: 0 auto
    }

    footer .nav>ul>li {
        border-bottom: 1px solid #ccc
    }

    .section03 .more-btn footer .nav>ul>li>button,footer .nav>ul>li>a,footer .section03 .more-btn .nav>ul>li>button {
        display: block;
        position: relative;
        padding: 15px 30px 15px 15px;
        color: #333;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none
    }

    footer .nav>ul>li>ul {
        display: none;
        padding: 0 15px 5px
    }

    footer .nav>ul>li>ul,footer .nav>ul>li>ul>li+li {
        border-top: 1px solid #ccc
    }

    .section03 .more-btn footer .nav>ul>li>ul>li>button,footer .nav>ul>li>ul>li>a,footer .section03 .more-btn .nav>ul>li>ul>li>button {
        display: block;
        position: relative;
        padding: 15px 30px 15px 15px;
        color: #333;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none
    }

    .section03 .more-btn footer .nav>ul>li>ul>li>button:after,footer .nav>ul>li>ul>li>a:after,footer .section03 .more-btn .nav>ul>li>ul>li>button:after {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1em;
        margin: auto 0;
        border-left: 3px solid #333;
        content: ""
    }

    footer .nav>ul>li>ul>li>ul {
        display: none;
        padding: 10px 15px;
        border-top: 1px solid #ccc
    }

    .section03 .more-btn footer .nav>ul>li>ul>li>ul>li>button,footer .nav>ul>li>ul>li>ul>li>a,footer .section03 .more-btn .nav>ul>li>ul>li>ul>li>button {
        display: block;
        position: relative;
        padding: 10px;
        color: #333;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none
    }

    .section03 .more-btn footer .nav>ul>li.opener>button:before,footer .nav>ul>li.opener>a:before,footer .section03 .more-btn .nav>ul>li.opener>button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        width: 18px;
        height: 18px;
        margin: auto 0;
        border-radius: 18px;
        background: #333;
        color: #fff;
        font-size: 15px;
        line-height: 15px;
        text-align: center;
        content: "+"
    }

    .section03 .more-btn footer .nav>ul>li.opener.open>button:before,footer .nav>ul>li.opener.open>a:before,footer .section03 .more-btn .nav>ul>li.opener.open>button:before {
        content: "-"
    }

    .section03 .more-btn footer .nav>ul>li.opener>ul>li.opener>button:before,footer .nav>ul>li.opener>ul>li.opener>a:before,footer .section03 .more-btn .nav>ul>li.opener>ul>li.opener>button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 15px;
        height: 15px;
        margin: auto 0;
        border-radius: 15px;
        background: #666;
        color: #fff;
        font-size: 13px;
        line-height: 13px;
        text-align: center;
        content: "+"
    }

    .section03 .more-btn footer .nav>ul>li.opener>ul>li.opener.open>button:before,footer .nav>ul>li.opener>ul>li.opener.open>a:before,footer .section03 .more-btn .nav>ul>li.opener>ul>li.opener.open>button:before {
        content: "-"
    }

    footer .logo {
        padding: 20px 0 25px;
        text-align: center
    }

    footer .logo .image {
        max-width: 77px;
        margin: 0 auto 20px
    }

    footer .logo .text {
        color: #333;
        font-size: 12px;
        line-height: 1
    }

    footer .copyright {
        padding: 10px 0;
        background: #555;
        color: #fff;
        font-size: 12px;
        line-height: 1;
        text-align: center
    }

    .btn.btn2 li,.btn.btn2 ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .btn.btn2 .hap_text {
        display: none
    }

    .btn.btn2 .section03 .more-btn button,.btn.btn2 a,.section03 .more-btn .btn.btn2 button {
        padding-left: 20px
    }

    .btn.btn2 .section03 .more-btn button:before,.btn.btn2 a:before,.section03 .more-btn .btn.btn2 button:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        width: 28px;
        height: auto;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain!important;
        content: ""
    }

    .btn.btn2.hotel-detail .section03 .more-btn button:before,.btn.btn2.hotel-detail a:before,.section03 .more-btn .btn.btn2.hotel-detail button:before {
        background-image: url(../images/ic-hotel.svg)
    }

    .btn.btn2.hotel-official-website .section03 .more-btn button,.btn.btn2.hotel-official-website a,.section03 .more-btn .btn.btn2.hotel-official-website button {
        border: 3px solid #f08300;
        background: #f08300
    }

    .btn.btn2.hotel-official-website .section03 .more-btn button:before,.btn.btn2.hotel-official-website a:before,.section03 .more-btn .btn.btn2.hotel-official-website button:before {
        background-image: url(../images/ic-hotel-bed.svg)
    }

    .btn.btn2.hotel-entertainment .section03 .more-btn button:before,.btn.btn2.hotel-entertainment a:before,.section03 .more-btn .btn.btn2.hotel-entertainment button:before {
        background-image: url(../images/ic-website.svg)
    }

    .btn.btn2.hotel-videos .section03 .more-btn button:before,.btn.btn2.hotel-videos a:before,.section03 .more-btn .btn.btn2.hotel-videos button:before {
        background-image: url(../images/ic-video-player3.svg)
    }

    .page-detail .btn.btn2.hotel-reserve .section03 .more-btn button:before,.page-detail .btn.btn2.hotel-reserve a:before,.section03 .more-btn .page-detail .btn.btn2.hotel-reserve button:before {
        background-image: url(../images/ic-reserve.svg)
    }

    .btn.btn2.back-hotel-archive .section03 .more-btn button:before,.btn.btn2.back-hotel-archive a:before,.section03 .more-btn .btn.btn2.back-hotel-archive button:before {
        background-image: url(../images/ic-hotel.svg)
    }

    .page-opener.btn.btn-s .section03 .more-btn button,.page-opener.btn.btn-s a,.section03 .more-btn .page-opener.btn.btn-s button {
        padding-right: 40px
    }

    .page-opener.btn.btn-s .section03 .more-btn button:before,.page-opener.btn.btn-s a:before,.section03 .more-btn .page-opener.btn.btn-s button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 20px;
        height: auto;
        transform-origin: center center;
        background: url(../images/ic-arrow-down.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-opener.btn.btn-s .section03 .more-btn button.opened:before,.page-opener.btn.btn-s a.opened:before,.section03 .more-btn .page-opener.btn.btn-s button.opened:before {
        transform: rotate(180deg)
    }

    .page-opener.btn.btn-s .section03 .more-btn button .on,.page-opener.btn.btn-s .section03 .more-btn button.opened .off,.page-opener.btn.btn-s a .on,.page-opener.btn.btn-s a.opened .off,.section03 .more-btn .page-opener.btn.btn-s button .on,.section03 .more-btn .page-opener.btn.btn-s button.opened .off {
        display: none
    }

    .page-opener.btn.btn-s .section03 .more-btn button.opened .on,.page-opener.btn.btn-s a.opened .on,.section03 .more-btn .page-opener.btn.btn-s button.opened .on {
        display: block
    }

    .page-opener+* {
        display: none
    }

    .page-opener-closer {
        z-index: 10;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100vw;
        padding: 0 0 10px;
        transform: translateY(50px);
        opacity: 0;
        transition: all .3s ease-out
    }

    .page-opener-closer.btn.btn-s .section03 .more-btn button,.page-opener-closer.btn.btn-s a,.section03 .more-btn .page-opener-closer.btn.btn-s button {
        padding-right: 40px
    }

    .page-opener-closer.btn.btn-s .section03 .more-btn button:before,.page-opener-closer.btn.btn-s a:before,.section03 .more-btn .page-opener-closer.btn.btn-s button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 0;
        width: 20px;
        height: auto;
        transform: rotate(180deg);
        transform-origin: center center;
        background: url(../images/ic-arrow-down-white.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-opener-closer.active {
        transform: translateY(0);
        opacity: 1
    }

    .page-video-detail {
        box-sizing: border-box;
        margin: 0 0 40px;
        padding: 15px 15px 0
    }

    .page-video-detail .page-head-image {
        position: relative;
        margin: 60px -15px 0
    }

    .page-video-detail .page-head-image .video-iframe {
        position: relative;
        width: 100%;
        padding-top: 56.25%
    }

    .info__box--slider .single-article .oshidao-detail .htoel-ranking__foot--access dt.video-iframe:before,.info__box--slider .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.video-iframe:before,.info__box--slider .video-iframe:after,.single-article .oshidao-detail .htoel-ranking__foot--access .info__box--slider dt.video-iframe:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .info__box--slider dt.video-iframe:before {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 36.66667px;
        margin: auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        content: ""
    }

    .page-video-detail .page-head-image .video-iframe iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

    .page-video-detail .metadata {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 10px 0
    }

    .page-video-detail .metadata>* {
        display: block;
        position: relative;
        padding: 3px 0 3px 22px;
        color: #666;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none
    }

    .page-video-detail .metadata>*+* {
        margin: 0 0 0 14px
    }

    .page-video-detail .metadata>:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 18px;
        height: 18px;
        margin: auto 0;
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-video-detail .metadata>.view:before {
        background-image: url(../images/ic-view.svg)
    }

    .page-video-detail .metadata>.like:before {
        top: -4px;
        background-image: url(../images/ic-like.svg);
        background-size: auto 20px!important
    }

    .page-video-detail .metadata>.comments:before {
        background-image: url(../images/ic-comments.svg)
    }

    .page-video-detail .metadata>.share:before {
        top: -4px;
        background-image: url(../images/ic-share.svg);
        background-size: contain!important
    }

    .page-video-detail .page-head .section03 .more-btn button,.page-video-detail .page-head a,.section03 .more-btn .page-video-detail .page-head button {
        display: block;
        padding: 15px 0;
        background: url(../images/ic-arrow-down.svg) 100% no-repeat;
        background-size: 20px auto;
        color: inherit;
        font: inherit;
        text-decoration: none
    }

    .page-video-detail .page-head .title {
        padding: 0 25px 0 0;
        color: #333;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.3em
    }

    .page-video-detail .video-slider {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .page-video-archive .list,.section-video .list {
        margin: -15px -15px 0
    }

    .page-video-archive .list ul li,.section-video .list ul li {
        box-sizing: border-box;
        padding: 15px 0 0
    }

    .page-video-archive .list ul li:not(:first-child),.section-video .list ul li:not(:first-child) {
        padding: 30px 0 0
    }

    .page-video-archive .list ul li .hotel-name,.page-video-archive .list ul li .sub,.section-video .list ul li .hotel-name,.section-video .list ul li .sub {
        margin: 0;
        padding: 0 15px;
        color: #666;
        font-size: 14px;
        line-height: 1.6em
    }

    .page-video-archive .list ul li .section03 .more-btn button,.page-video-archive .list ul li a,.section03 .more-btn .page-video-archive .list ul li button,.section03 .more-btn .section-video .list ul li button,.section-video .list ul li .section03 .more-btn button,.section-video .list ul li a {
        display: block;
        color: #666;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3em;
        text-decoration: none
    }

    .page-video-archive .list ul li .section03 .more-btn button .image,.page-video-archive .list ul li a .image,.section03 .more-btn .page-video-archive .list ul li button .image,.section03 .more-btn .section-video .list ul li button .image,.section-video .list ul li .section03 .more-btn button .image,.section-video .list ul li a .image {
        position: relative;
        width: 100%;
        height: 1px;
        margin: 0 0 12px;
        padding: 0 0 56.25%
    }

    .page-video-archive .list ul li .section03 .more-btn button .image img,.page-video-archive .list ul li a .image img,.section03 .more-btn .page-video-archive .list ul li button .image img,.section03 .more-btn .section-video .list ul li button .image img,.section-video .list ul li .section03 .more-btn button .image img,.section-video .list ul li a .image img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .page-video-archive .list ul li .section03 .more-btn button .image:before,.page-video-archive .list ul li .section03 .more-btn button .wide-info h2.image:after,.page-video-archive .list ul li .section03 .more-btn button a.image:after,.page-video-archive .list ul li .section03 .more-btn button button.image:after,.page-video-archive .list ul li a .image:before,.page-video-archive .list ul li a .section03 .more-btn a.image:after,.page-video-archive .list ul li a .section03 .more-btn button.image:after,.page-video-archive .list ul li a .wide-info h2.image:after,.section03 .more-btn .page-video-archive .list ul li a a.image:after,.section03 .more-btn .page-video-archive .list ul li a button.image:after,.section03 .more-btn .page-video-archive .list ul li button .image:before,.section03 .more-btn .page-video-archive .list ul li button .wide-info h2.image:after,.section03 .more-btn .page-video-archive .list ul li button a.image:after,.section03 .more-btn .page-video-archive .list ul li button button.image:after,.section03 .more-btn .section-video .list ul li a a.image:after,.section03 .more-btn .section-video .list ul li a button.image:after,.section03 .more-btn .section-video .list ul li button .image:before,.section03 .more-btn .section-video .list ul li button .wide-info h2.image:after,.section03 .more-btn .section-video .list ul li button a.image:after,.section03 .more-btn .section-video .list ul li button button.image:after,.section-video .list ul li .section03 .more-btn button .image:before,.section-video .list ul li .section03 .more-btn button .wide-info h2.image:after,.section-video .list ul li .section03 .more-btn button a.image:after,.section-video .list ul li .section03 .more-btn button button.image:after,.section-video .list ul li a .image:before,.section-video .list ul li a .section03 .more-btn a.image:after,.section-video .list ul li a .section03 .more-btn button.image:after,.section-video .list ul li a .wide-info h2.image:after,.wide-info .page-video-archive .list ul li .section03 .more-btn button h2.image:after,.wide-info .page-video-archive .list ul li a h2.image:after,.wide-info .section03 .more-btn .page-video-archive .list ul li button h2.image:after,.wide-info .section03 .more-btn .section-video .list ul li button h2.image:after,.wide-info .section-video .list ul li .section03 .more-btn button h2.image:after,.wide-info .section-video .list ul li a h2.image:after {
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 25%;
        max-width: 72px;
        height: auto;
        margin: 0 auto;
        background: url(../images/ic-video-player.svg) 50% no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-video-archive .list ul li .section03 .more-btn button .text,.page-video-archive .list ul li a .text,.section03 .more-btn .page-video-archive .list ul li button .text,.section03 .more-btn .section-video .list ul li button .text,.section-video .list ul li .section03 .more-btn button .text,.section-video .list ul li a .text {
        margin: 0;
        padding: 8px 15px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3em
    }

    .page-hotel-archive>.list,.section-video .list {
        margin: 0 -15px
    }

    .page-hotel-archive>.list ul {
        border-top: 1px solid #ccc
    }

    .page-hotel-archive>.list li {
        box-sizing: border-box;
        padding: 20px 0
    }

    .page-hotel-archive>.list li .image {
        position: relative;
        flex-shrink: 0;
        width: 90px;
        height: 60px
    }

    .page-hotel-archive>.list li .image .section03 .more-btn button,.page-hotel-archive>.list li .image a,.section03 .more-btn .page-hotel-archive>.list li .image button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto
    }

    .page-hotel-archive>.list li .image .section03 .more-btn button img,.page-hotel-archive>.list li .image a img,.section03 .more-btn .page-hotel-archive>.list li .image button img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        max-width: 90%;
        height: auto;
        max-height: 90%;
        margin: auto;
        object-fit: contain
    }

    .page-hotel-archive>.list li .in {
        flex: 1;
        padding: 0
    }

    .page-hotel-archive>.list li .name .section03 .more-btn button,.page-hotel-archive>.list li .name a,.section03 .more-btn .page-hotel-archive>.list li .name button {
        color: #333;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5em;
        text-decoration: none
    }

    .page-hotel-archive>.list li .name .section03 .more-btn button:hover,.page-hotel-archive>.list li .name a:hover,.section03 .more-btn .page-hotel-archive>.list li .name button:hover {
        text-decoration: underline
    }

    .page-hotel-archive>.list li .metadata {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0 -10px 0 0;
        padding: 5px 0
    }

    .page-hotel-archive>.list li .metadata>* {
        display: block;
        position: relative;
        padding: 3px 0 3px 25px;
        color: #666;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        text-decoration: none
    }

    .page-hotel-archive>.list li .metadata>*+* {
        margin: 0 0 0 8px
    }

    .page-hotel-archive>.list li .metadata>:before {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 20px;
        height: 20px;
        margin: auto 0;
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain!important;
        content: ""
    }

    .page-hotel-archive>.list li .metadata>.video:before {
        background-image: url(../images/ic-video-player2.svg)
    }

    .page-hotel-archive>.list li .metadata>.posts:before {
        height: 15px;
        background-image: url(../images/ic-posts.svg)
    }

    .page-hotel-archive>.list li .metadata>.images:before {
        height: 15px;
        background-image: url(../images/ic-picture.svg)
    }

    .page-hotel-archive>.list li .metadata>.reserve:before {
        background-image: url(../images/ic-reserve2.svg)
    }

    .page-hotel-archive .subarea {
        margin: 8px 0;
        padding: 0;
        color: #666;
        font-size: 12px;
        font-weight: 400;
        line-height: 1
    }

    .page-hotel-archive .subarea .section03 .more-btn button,.page-hotel-archive .subarea a,.section03 .more-btn .page-hotel-archive .subarea button {
        color: #666;
        text-decoration: none
    }

    .page-archive {
        box-sizing: border-box;
        margin: 0 0 40px;
        padding: 15px 15px 0
    }

    .page-archive-search-form {
        box-sizing: border-box;
        display: flex;
        position: relative;
        flex-flow: row nowrap;
        align-items: stretch;
        justify-content: stretch;
        width: 100%;
        height: 42px;
        margin: 30px auto 0;
        overflow: hidden;
        overflow: visible;
        border: 1px solid #aaa;
        border-radius: 4px
    }

    .page-archive-search-form label {
        width: calc(100% - 38px)
    }

    .page-archive-search-form label input[type=text] {
        -webkit-appearance: none!important;
        appearance: none!important;
        box-sizing: border-box;
        width: 100%;
        height: 38px;
        padding: 0 8px;
        border: none!important;
        background: none!important
    }

    .page-archive-search-form .submit {
        flex-shrink: 0;
        width: 38px;
        border-left: 1px solid #aaa;
        background: #eee url(../images/ic-search.svg) 50% no-repeat;
        background-size: 20px auto
    }

    .page-archive-search-form .submit input {
        -webkit-appearance: none!important;
        appearance: none!important;
        box-sizing: border-box;
        width: 100%;
        height: 38px;
        border: none!important;
        background: none!important;
        opacity: 0!important
    }

    .info__box--slider {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .info__box--slider .image-wrap {
        position: relative;
        width: 100%;
        height: auto;
        padding: 56.125% 0 0
    }

    .info__box--slider .image-wrap img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .info__box--slider ul.swiper-wrapper {
        width: 100%;
        border-top: none
    }

    .info__box--slider .swiper-wrapper .swiper-slide {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        padding: 56.125% 0 0;
        border-bottom: none
    }

    .info__box--slider .swiper-wrapper .swiper-slide img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .info__box--caption {
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 5px 11px;
        background-color: rgba(51,51,51,.5);
        color: #fff;
        font-size: 16px;
        line-height: 30px
    }

    .info__box--info {
        width: 100%;
        margin: 10px 0 0
    }

    .info__box--info .reason {
        padding: 10px 15px;
        background-color: #eee
    }

    .info__box--info .reason__title {
        margin: 0 0 10px;
        padding: 0;
        font-size: 13px
    }

    .info__box--info .reason__txt {
        font-size: 12px
    }

    .page-hotel-archive>.list ul.hap {
        border-top: none
    }

    .page-hotel-archive>.list ul.hap li {
        padding: 0;
        border-bottom: none
    }

    .page-hotel-archive .btn.btn2.hotel-official-website dl {
        width: 100%
    }

    .hotel-entertainment .section03 .more-btn button,.hotel-entertainment a,.section03 .more-btn .hotel-entertainment button {
        transition: opacity 1s
    }

    .hotel-entertainment .section03 .more-btn button:hover,.hotel-entertainment a:hover,.section03 .more-btn .hotel-entertainment button:hover {
        opacity: .6
    }

    .info__box--slider .next,.info__box--slider .prev {
        display: block;
        z-index: 10;
        position: absolute;
        top: 24vw;
        width: 20px;
        height: 20px;
        margin: 0;
        transform-origin: center center;
        background-image: url(../images/ic-arrow-clipped.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer
    }

    .info__box--slider .prev {
        left: 12px
    }

    .info__box--slider .next {
        right: 12px;
        transform: rotate(180deg)
    }

    .info__box--slider .swiper-pagination-bullet-active {
        background-color: #f24a4c!important
    }

    .info__box--slider .video-iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer
    }

    .info__box--slider li .section03 .more-btn button.movie-url,.info__box--slider li a.movie-url,.section03 .more-btn .info__box--slider li button.movie-url {
        display: flex;
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        text-decoration: none
    }

    .info__box--slider li .section03 .more-btn button.movie-url:after,.info__box--slider li a.movie-url:after,.section03 .more-btn .info__box--slider li button.movie-url:after {
        display: inline-block;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        content: ""
    }

    .info__box--slider .swiper-wrapper .swiper-slide .movie-url img {
        z-index: 2;
        position: relative;
        width: 44px;
        height: 34px
    }

    .info__box .movie-url__text {
        z-index: 2;
        position: relative;
        margin: 16px 0 0;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none
    }

    .l-lg {
        display: none!important
    }

    .archive .page-archive h1 {
        padding: 0;
        border-left-width: 20px;
        font-size: 18px;
        line-height: 1.5em
    }

    .archive .page-archive>.list.reset-list {
        margin: 30px auto 0
    }

    .archive .page-archive .new {
        top: -2px;
        margin-right: 8px;
        padding: 5px 6px 4px 5px;
        font-size: 10px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .btn-round,.single-info .btn-round,.single-video .btn-round {
        height: 48px;
        font-size: 16px
    }

    .video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__official .btn-official {
        padding: 0 15px 0 0;
        font-size: 13px
    }

    .video-slider_2 .slider_type2 .swiper-slide .hotelItemCard__btn .btn-round {
        padding: 0 15px 0 0;
        font-weight: 700
    }

    .bc-color-blue .video-slider_2 {
        padding: 40px 15px
    }

    .bc-color-blue #another-enjoy {
        padding: 40px 15px 30px
    }

    .bc-color-blue #future-swiper,.bc-color-blue #tie-up-swiper {
        padding: 0 15px 40px
    }

    .slider-type-3rd__2,.slider-type-3rd__3 {
        padding: 40px 15px!important
    }

    .header .logo h1,.header .logo p {
        font-size: 10px
    }

    .l-sightseeing {
        padding: 40px 15px
    }

    .l-sightseeing__item {
        flex-direction: column
    }

    .l-sightseeing__item--imgarea {
        width: 100%;
        height: auto;
        padding: 56.125% 0 0
    }

    .l-sightseeing__item--txtarea {
        width: 100%;
        margin: 10px 0 0;
        padding: 0 20px 20px
    }

    .l-sightseeing__item--title {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5
    }

    .l-sightseeing__item--txt {
        font-size: 12px;
        font-weight: 500;
        line-height: 2
    }

    .l-sightseeing__item--link {
        margin: 10px 0 0 auto;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5
    }

    .l-qa {
        box-sizing: border-box;
        padding: 0 15px
    }

    .l-qa dl:not(:first-of-type) {
        margin: 25px 0 0;
        padding: 29px 0 0
    }

    .l-qa dl dd,.l-qa dl dt {
        padding-left: 20px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.71429
    }

    .l-qa dl dd:before,.l-qa dl dt:before {
        font-size: 17px;
        font-weight: 500;
        line-height: 1
    }

    .l-qa dl dt i {
        width: 30px;
        height: 30px
    }

    .l-qa dl dt i:after {
        width: 7px;
        height: 7px
    }

    .l-qa dl dd {
        margin-top: 13px
    }

    .hotel-nav {
        position: relative;
        left: -15px;
        width: calc(100% + 30px);
        font-size: 14px
    }

    .basic_information_nav-suv {
        width: calc(100% + 15px)
    }

    .basic_information_nav-suv:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.basic_information_nav-suv:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.basic_information_nav-suv:before {
        box-sizing: border-box;
        display: inline-block;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        width: 5%;
        height: 100%;
        border: 1px solid #c8d4dc;
        background-color: #fff;
        font-weight: 700;
        content: "";
        content: ">"
    }

    #fixednav {
        top: -118px
    }

    #fixednav.fixed {
        width: 100%
    }

    #fixednav .hotel-nav {
        left: 0;
        width: 100%;
        margin-bottom: 0
    }

    .related-tags ul {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0 -6px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1
    }

    .related-tags ul li {
        margin: 0 6px 8px
    }

    .related-tags ul li .section03 .more-btn button,.related-tags ul li a,.section03 .more-btn .related-tags ul li button {
        display: block;
        font-weight: 700;
        text-decoration: none
    }

    .related-tags ul li .section03 .more-btn button:hover,.related-tags ul li a:hover,.section03 .more-btn .related-tags ul li button:hover {
        text-decoration: underline
    }

    .l-article-linker {
        margin: 40px auto 0
    }

    .l-article-linker h3.accordion:after {
        width: .6em;
        height: .6em
    }

    .hotelOfficial.is-open {
        height: auto
    }

    .hotelOfficial.no-filter {
        height: auto;
        padding-bottom: 20px
    }

    .hotelOfficial__outlinks {
        padding-top: 22px
    }

    .hotelOfficial__outlinks_title {
        font-size: 14px
    }

    .hotelOfficial__outlinks_title._c {
        margin-top: 22px;
        font-size: 14px
    }

    .hotelOfficial__outlinks_btns {
        gap: 10px 0;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        padding: 0
    }

    .hotelOfficial__outlinks_btns._c {
        gap: 10px;
        display: flex;
        width: 100%;
        padding: 0
    }

    .hotelOfficial__outlinks_btnItem {
        width: 100%
    }

    .hotelOfficial__outlinks_btnItem._c.btn-ota {
        height: 60px
    }

    .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota .section03 .more-btn button,.hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota a,.section03 .more-btn .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota button {
        flex-direction: column;
        justify-content: center;
        padding: 0
    }

    .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota .section03 .more-btn button:after,.hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota a:after,.section03 .more-btn .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota button:after {
        top: 33px!important;
        right: 14px!important
    }

    .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota .section03 .more-btn button:before,.hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota a:before,.section03 .more-btn .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota button:before {
        margin: 0 auto!important
    }

    .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota.is-rakuten-travel .section03 .more-btn a:after,.hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota.is-rakuten-travel .section03 .more-btn button:after,.hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota.is-rakuten-travel .section03 .more-btn button:before,.hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota.is-rakuten-travel a:before,.section03 .more-btn .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota.is-rakuten-travel a:after,.section03 .more-btn .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota.is-rakuten-travel button:after,.section03 .more-btn .hotelOfficial__outlinks_btnItem._c.btn-ota.btn-ota.is-rakuten-travel button:before {
        height: 24px;
        background-size: 46px 24px
    }

    .hotelOfficial__header_price {
        margin-bottom: 15px;
        padding-left: 0;
        font-size: 12px
    }

    .hotelOfficial__header_price--textS {
        font-size: 12px
    }

    .hotelOfficial__header_price--textSs {
        font-size: 11px
    }

    .hotelOfficial__header_price em {
        font-size: 18px
    }

    .hotelOfficial__header_btn {
        margin: 0 auto
    }

    .video-slider_2 {
        margin: 0 auto 40px
    }

    .video-slider_2 .slider_type1 div .thumb .cate {
        font-size: 10px
    }

    .video-slider_2 .slider_type1 div .text {
        height: 77px
    }

    .video-slider_2 .title_btnWrap {
        margin: 0 0 12px
    }

    .video-slider_2 .title_btnWrap h2 {
        margin-bottom: 0
    }

    .section03 .more-btn .video-slider_2 button.view-btn,.video-slider_2 .section03 .more-btn button.view-btn,.video-slider_2 a.view-btn {
        margin: 0 0 0 10px
    }

    .section03 .more-btn .video-slider_2 button.view-btn:after,.video-slider_2 .section03 .more-btn button.view-btn:after,.video-slider_2 a.view-btn:after {
        top: 0;
        width: .8em;
        height: .8em;
        border-top: 2px solid #2068b7;
        border-right: 2px solid #2068b7
    }

    .section03 .more-btn .video-slider_2 button.view-btn span,.video-slider_2 .section03 .more-btn button.view-btn span,.video-slider_2 a.view-btn span {
        display: none
    }

    .video-slider_2.another-enjoy {
        margin: 40px auto
    }

    .video-slider_2.another-enjoy .list ul li .thumb .inner-txt {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5
    }

    .sliderwrap .swiper-container {
        width: calc(100% - 10px);
        overflow: initial
    }

    .swiper-pagination {
        padding: 6px 0!important
    }

    .page-hotel-icon {
        height: auto;
        font-size: 21px
    }

    .page_head_title .left_box .text_box .title {
        font-size: 18px
    }

    .page_head_title .right_box {
        width: 100%;
        margin-left: 0
    }

    .page_head_title .right_box .btn_box {
        width: 100%
    }

    .page_head_title .right_box .btn_box .section03 .more-btn button,.page_head_title .right_box .btn_box a,.section03 .more-btn .page_head_title .right_box .btn_box button {
        padding: 0
    }

    .page_head_title .price_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0 0 10px
    }

    .page_head_title .price_box .t_text {
        margin: 0;
        text-align: left
    }

    .page_head_title .price_box .price_text {
        margin-left: 10px;
        font-size: 24px
    }

    .page_head_title .price_box .price_text .en_text {
        font-size: 14px
    }

    .l-breadcrumb {
        width: 100%;
        height: 42px;
        margin: 0 auto 10px;
        padding: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        line-height: 42px
    }

    .l-breadcrumb ul {
        flex-wrap: nowrap;
        height: 100%;
        height: 42px;
        padding-right: 17px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap
    }

    .l-breadcrumb ul li {
        padding-right: 22px;
        padding-left: 5px
    }

    .l-breadcrumb ul li:first-child {
        padding-left: 10px
    }

    .l-breadcrumb ul li:after {
        z-index: 1;
        position: absolute;
        top: -2px;
        right: 0;
        width: 42px;
        height: 43px;
        transform: scale(.707) rotate(45deg);
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        content: ""
    }

    .l-breadcrumb ul li .section03 .more-btn button,.l-breadcrumb ul li a,.section03 .more-btn .l-breadcrumb ul li button {
        text-decoration: none
    }

    .l-bnr {
        margin: 40px auto 50px;
        padding: 20px 15px
    }

    .l-bnr__title {
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access .swiper-slide dt.video-iframe:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .swiper-slide dt.video-iframe:before,.swiper-slide .single-article .oshidao-detail .htoel-ranking__foot--access dt.video-iframe:before,.swiper-slide .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.video-iframe:before,.swiper-slide .video-iframe:after {
        width: 75px
    }

    .section03 {
        margin: 40px auto
    }

    .archive-env {
        margin: 30px 0 0
    }

    .l-popular {
        width: 100%;
        margin: 15px auto 0
    }

    .l-popular dt {
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .l-popular dd {
        margin: 0 10px 10px 0
    }

    .l-popular dd .section03 .more-btn button,.l-popular dd a,.section03 .more-btn .l-popular dd button {
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .pagetop {
        width: 60px;
        height: 60px
    }

    .pagetop__link:before,.section03 .more-btn a.pagetop__link:after,.section03 .more-btn button.pagetop__link:after,.wide-info h2.pagetop__link:after {
        top: 7px;
        width: 15px;
        height: 15px;
        border-top: 3px solid #fff;
        border-left: 3px solid #fff
    }

    .single-article .oshidao-detail,.single-article .tanoshimikata-detail {
        padding: 15px 15px 0;
        font-size: 12px
    }

    .single-article .oshidao-detail__main-img {
        width: calc(100% + 30px);
        height: auto;
        margin-left: -15px
    }

    .single-article .oshidao-detail__titlearea {
        width: 90%;
        max-height: 110px;
        font-size: 21px
    }

    .single-article .oshidao-detail__title {
        margin-bottom: 10px;
        padding-bottom: 5px;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4
    }

    .single-article .oshidao-detail__time {
        font-size: 10px;
        font-weight: 400;
        line-height: 1.75
    }

    .single-article .oshidao-detail .htoel-ranking,.single-article .tanoshimikata-detail .htoel-ranking {
        margin: 15px 0 0;
        padding: 15px 0 0
    }

    .single-article .oshidao-detail .htoel-ranking__title,.single-article .tanoshimikata-detail .htoel-ranking__title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.33333
    }

    .single-article .oshidao-detail .htoel-ranking__list,.single-article .tanoshimikata-detail .htoel-ranking__list {
        margin: 10px 0 0
    }

    .single-article .oshidao-detail .htoel-ranking__item:not(:first-child),.single-article .tanoshimikata-detail .htoel-ranking__item:not(:first-child) {
        margin-top: 30px;
        padding-top: 30px
    }

    .single-article .oshidao-detail .htoel-ranking__item:last-child,.single-article .tanoshimikata-detail .htoel-ranking__item:last-child {
        margin-bottom: 30px;
        padding-bottom: 40px
    }

    .single-article .oshidao-detail .htoel-ranking__head,.single-article .tanoshimikata-detail .htoel-ranking__head {
        margin: 0 0 10px
    }

    .single-article .oshidao-detail .htoel-ranking__head--logo,.single-article .tanoshimikata-detail .htoel-ranking__head--logo {
        width: 40px;
        height: 48px;
        margin-right: 10px
    }

    .single-article .oshidao-detail .htoel-ranking__head--txtarea,.single-article .tanoshimikata-detail .htoel-ranking__head--txtarea {
        width: calc(100% - 50px)
    }

    .single-article .oshidao-detail .htoel-ranking__head--txt,.single-article .tanoshimikata-detail .htoel-ranking__head--txt {
        font-size: 9px;
        font-weight: 500;
        line-height: 1.33333
    }

    .single-article .oshidao-detail .htoel-ranking__head--title,.single-article .tanoshimikata-detail .htoel-ranking__head--title {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.33333
    }

    .single-article .oshidao-detail .htoel-ranking__head .label,.single-article .tanoshimikata-detail .htoel-ranking__head .label {
        margin: 0 0 10px
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area {
        width: 100%;
        margin: 10px 0 0
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--text,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--text {
        width: calc(100% - 210px)
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--number,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--number {
        width: 200px;
        font-size: 24px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--yen,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--yen {
        top: -1px
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__price--tax,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__price--tax {
        top: -4px
    }

    .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn {
        width: 100%
    }

    .section03 .more-btn .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn button,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn button,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn a,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn a {
        width: 100%;
        margin: 10px 0 0;
        padding: 16px 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.11111
    }

    .section03 .more-btn .single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn button:after,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn button:after,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:after,.single-article .oshidao-detail .htoel-ranking__head .cv-btn-area__cv-btn a:after,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn .section03 .more-btn button:after,.single-article .tanoshimikata-detail .htoel-ranking__head .cv-btn-area__cv-btn a:after {
        position: absolute;
        right: 14px;
        margin: 0
    }

    .single-article .oshidao-detail .htoel-ranking__slider,.single-article .tanoshimikata-detail .htoel-ranking__slider {
        width: calc(100% + 30px);
        margin: 0 0 0 -15px
    }

    .single-article .oshidao-detail .htoel-ranking__slider--list,.single-article .tanoshimikata-detail .htoel-ranking__slider--list {
        height: auto
    }

    .single-article .oshidao-detail .htoel-ranking__slider--item>img,.single-article .oshidao-detail .htoel-ranking__slider--item picture img,.single-article .tanoshimikata-detail .htoel-ranking__slider--item>img,.single-article .tanoshimikata-detail .htoel-ranking__slider--item picture img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .single-article .oshidao-detail .htoel-ranking__slider--caption,.single-article .tanoshimikata-detail .htoel-ranking__slider--caption {
        padding: 7px;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.36364
    }

    .single-article .oshidao-detail .htoel-ranking__slider--lastbox img,.single-article .tanoshimikata-detail .htoel-ranking__slider--lastbox img {
        display: block;
        position: relative;
        width: 30.5px;
        height: 23.5px
    }

    .single-article .oshidao-detail .htoel-ranking__slider--lasttxt,.single-article .tanoshimikata-detail .htoel-ranking__slider--lasttxt {
        margin: 13px 0 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .htoel-ranking__foot,.single-article .tanoshimikata-detail .htoel-ranking__foot {
        flex-direction: column;
        margin-top: 12px
    }

    .single-article .oshidao-detail .htoel-ranking__foot--info,.single-article .oshidao-detail .htoel-ranking__foot--richtxt,.single-article .tanoshimikata-detail .htoel-ranking__foot--info,.single-article .tanoshimikata-detail .htoel-ranking__foot--richtxt {
        width: 100%
    }

    .single-article .oshidao-detail .htoel-ranking__foot--info,.single-article .tanoshimikata-detail .htoel-ranking__foot--info {
        margin: 20px 0 0
    }

    .single-article .oshidao-detail .htoel-ranking__foot--article .inner,.single-article .tanoshimikata-detail .htoel-ranking__foot--article .inner {
        margin: 15px 0 0
    }

    .single-article .oshidao-detail .htoel-ranking__foot--article h4,.single-article .tanoshimikata-detail .htoel-ranking__foot--article h4 {
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .htoel-ranking__foot--richtxt,.single-article .tanoshimikata-detail .htoel-ranking__foot--richtxt {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.83333
    }

    .single-article .oshidao-detail .htoel-ranking__foot--title,.single-article .tanoshimikata-detail .htoel-ranking__foot--title {
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .htoel-ranking__foot--reco,.single-article .tanoshimikata-detail .htoel-ranking__foot--reco {
        margin: 5px 0 0
    }

    .single-article .oshidao-detail .htoel-ranking__foot--reco_item:not(:first-child),.single-article .tanoshimikata-detail .htoel-ranking__foot--reco_item:not(:first-child) {
        margin-top: 0
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access,.single-article .tanoshimikata-detail .htoel-ranking__foot--access {
        margin-top: 29px
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access dt,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt {
        padding: 14px 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access dt:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt:after,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt:before {
        top: 19px;
        width: 12px;
        height: 2px
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access dd,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dd {
        padding-left: 20px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.33333
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access dd span,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dd span {
        width: 15px
    }

    .section03 .more-btn .single-article .oshidao-detail .htoel-ranking button.btn-round,.section03 .more-btn .single-article .tanoshimikata-detail .htoel-ranking button.btn-round,.single-article .oshidao-detail .htoel-ranking .section03 .more-btn button.btn-round,.single-article .oshidao-detail .htoel-ranking a.btn-round,.single-article .tanoshimikata-detail .htoel-ranking .section03 .more-btn button.btn-round,.single-article .tanoshimikata-detail .htoel-ranking a.btn-round {
        width: 100%;
        height: auto;
        margin: 10px 0 0;
        padding: 16px 10px;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.11111
    }

    .single-article .oshidao-detail .htoel-ranking__txt,.single-article .tanoshimikata-detail .htoel-ranking__txt {
        margin: 20px 0 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.25
    }

    .single-article .oshidao-detail .htoel-ranking.two .htoel-ranking__list,.single-article .tanoshimikata-detail .htoel-ranking.two .htoel-ranking__list {
        margin: 20px 0 0
    }

    .single-article .oshidao-detail .htoel-ranking.two .htoel-ranking__item:not(:first-child),.single-article .tanoshimikata-detail .htoel-ranking.two .htoel-ranking__item:not(:first-child) {
        padding-top: 30px
    }

    .single-article .oshidao-detail .htoel-ranking .btn.btn2,.single-article .tanoshimikata-detail .htoel-ranking .btn.btn2 {
        margin-bottom: 17px!important
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--list,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--list {
        height: auto
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item picture img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item picture img {
        height: 100%;
        object-fit: cover
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--item>img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--item>img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--caption,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--caption {
        padding: 7px;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.36364
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .prev,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .prev {
        top: 0;
        left: -9px
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider .next,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider .next {
        top: 0;
        right: -9px
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--lastbox img,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--lastbox img {
        display: block;
        position: relative;
        width: 30.5px;
        height: 23.5px
    }

    .single-article .oshidao-detail .htoel-ranking .htoel-gallery-slider--lasttxt,.single-article .tanoshimikata-detail .htoel-ranking .htoel-gallery-slider--lasttxt {
        margin: 13px 0 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 1
    }

    .single-article .oshidao-detail .oshiyado_video-ranking,.single-article .tanoshimikata-detail .oshiyado_video-ranking {
        padding: 40px 0
    }

    .single-article .tanoshimikata-detail {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.83333
    }

    .single-article .tanoshimikata-detail h2 {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.40625
    }

    .single-article .tanoshimikata-detail p {
        margin: 0 0 31px;
        font-size: 14px
    }

    .single-article .tanoshimikata-detail .tano-iframe {
        width: calc(100% + 30px);
        margin-bottom: 13px;
        margin-left: -15px;
        padding-top: 61%
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access .tanoshimikata-detail .tano-iframe dt.video-iframe:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .tano-iframe dt.video-iframe:before,.single-article .tanoshimikata-detail .tano-iframe .htoel-ranking__foot--access dt.video-iframe:before,.single-article .tanoshimikata-detail .tano-iframe .video-iframe:after {
        width: 75px
    }

    .single-article .tanoshimikata-detail__img {
        width: calc(100% + 30px);
        margin: 0 0 10px -15px
    }

    .single-article .tanoshimikata-detail__img img {
        width: 100%;
        object-fit: cover
    }

    .single-article .tanoshimikata-detail__time {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.45833
    }

    .single-article .tanoshimikata-detail .middle_title_area {
        box-sizing: border-box;
        width: calc(100% + 30px);
        margin: 0 -15px;
        border: 15px solid #fff4ef;
        background: #fff
    }

    .single-article .tanoshimikata-detail .middle_title_area .box1 {
        padding: 15px;
        border-bottom: 1px solid #e6e6e6;
        background: #fff
    }

    .single-article .tanoshimikata-detail .middle_title_area .box2 {
        padding: 15px;
        background: #fff
    }

    .single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box {
        width: 100%
    }

    .single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box:first-child {
        margin-bottom: 10px
    }

    .section03 .more-btn .single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box button,.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box .section03 .more-btn button,.single-article .tanoshimikata-detail .middle_title_area .box2 .column_box .c_box a {
        height: 47px;
        font-size: 16px
    }

    .single-article .tanoshimikata-detail .middle_title_area .hotelOfficial {
        margin: 0;
        padding: 0 15px 15px
    }

    .page-article-archive>.list {
        margin: 0 -15px
    }

    .page-article-archive>.list ul li {
        padding: 20px 0
    }

    .page-article-archive>.list ul li .inner {
        flex-direction: column
    }

    .page-article-archive>.list ul li .imgarea {
        width: 100%;
        height: auto;
        margin-top: 5px;
        padding-top: 57.972%
    }

    .page-article-archive>.list ul li .imgarea img {
        position: absolute;
        top: 0;
        left: 0
    }

    .page-article-archive>.list ul li .imgarea .cate {
        padding: 8px 8px 9px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1
    }

    .page-article-archive>.list ul li .data {
        font-size: 13px;
        font-weight: 500;
        line-height: 1
    }

    .page-article-archive>.list ul li .textarea {
        width: 100%;
        margin: 10px 0 0
    }

    .page-article-archive>.list ul li .textarea .title {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4375
    }

    .page-article-archive>.list ul li .textarea .hotel-name,.page-article-archive>.list ul li .textarea .subarea {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.66667
    }

    .post-type-archive-info .list.reset-list {
        margin: 0 auto!important
    }

    .post-type-archive-info .archive-hotel-swiper .swiper-pagination {
        position: absolute!important;
        bottom: 0
    }

    .post-type-archive-info .archive-hotel-swiper .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 1
    }

    .post-type-archive-info .page-archive-search-form label {
        width: calc(65% - 38px)
    }

    .post-type-archive-info .page-archive-search-form label.area {
        position: relative;
        width: 35%
    }

    .post-type-archive-info .page-archive-search-form label.area:after {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 7px;
        width: 8px;
        height: 8px;
        margin: auto;
        transform: rotate(45deg);
        border-right: 2px solid #aaa;
        border-bottom: 2px solid #aaa;
        content: ""
    }

    .post-type-archive-info .page-archive-search-form label.area select {
        width: 100%;
        margin: 0;
        padding: 0 35px 0 12px;
        border: 0;
        border-right: 1px solid #aaa
    }

    .post-type-archive-info .hotel-header .name {
        margin: 0
    }

    .cta-type-d .hotelItemCard__points {
        width: 100%;
        padding: 3px 0 0 15px
    }

    .cta-type-d .hotelItemCard__points_li {
        gap: 0 3px;
        font-size: 13px
    }

    .cta-type-d .hotelItemCard__points_li:before,.cta-type-d .section03 .more-btn a.hotelItemCard__points_li:after,.cta-type-d .section03 .more-btn button.hotelItemCard__points_li:after,.cta-type-d .wide-info h2.hotelItemCard__points_li:after,.section03 .more-btn .cta-type-d a.hotelItemCard__points_li:after,.section03 .more-btn .cta-type-d button.hotelItemCard__points_li:after,.wide-info .cta-type-d h2.hotelItemCard__points_li:after {
        width: 10px;
        height: 10px
    }

    .cta-type-d .hotelOfficial__header_price {
        margin: 10px 0 0;
        text-align: center
    }

    .cta-type-d .hotelOfficial__header_btn {
        box-sizing: border-box;
        width: 100%;
        max-width: inherit;
        margin: 15px auto 0;
        padding: 0 28px
    }

    .cta-type-d .hotelOfficial__header_btn.ex-btn {
        margin: 5px auto 0
    }

    .single-info .hotel-news-topics {
        margin: 0 0 40px
    }

    .single-info .hotel-news-topics ul li {
        display: flex;
        flex-direction: column;
        padding: 0 0 8px
    }

    .page-hotel-detail {
        box-sizing: border-box;
        margin: 0 0 40px;
        padding: 15px 15px 0
    }

    .page-hotel-detail .sections .section .title {
        font-size: 19px
    }

    .page-hotel-detail .sections .section .section03 .more-btn a.title:after,.page-hotel-detail .sections .section .section03 .more-btn button.title:after,.page-hotel-detail .sections .section .title:before,.page-hotel-detail .sections .section .wide-info h2.title:after,.section03 .more-btn .page-hotel-detail .sections .section a.title:after,.section03 .more-btn .page-hotel-detail .sections .section button.title:after,.wide-info .page-hotel-detail .sections .section h2.title:after {
        margin: 0 10px 0 0;
        font-size: 28px
    }

    .page-hotel-detail .sections .section .image-wrap {
        display: block;
        position: relative;
        padding: 1px 0 56.25%;
        transition: opacity 1s
    }

    .page-hotel-detail .sections .section .image-wrap img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .page-hotel-detail .sections .section .image {
        margin-right: -15px;
        margin-left: -15px
    }

    .page-hotel-detail .sections .section .text {
        font-size: 14px
    }

    .page-hotel-detail .sections.free .sections_title h2 {
        font-size: 24px
    }

    .page-hotel-detail .video-slider {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .single-video .page-head {
        margin: 25px 0 0
    }

    .single-video .page-head .desc {
        margin: 10px 0 0
    }

    .single-video .page-video-other-videos {
        margin-top: 40px
    }

    .page-template-page-areatop .square-box {
        margin: 40px auto;
        padding: 0 15px
    }

    .page-template-page-areatop .square-box ul {
        margin: 0 -6px;
        font-size: 14px
    }

    .page-template-page-areatop .square-box ul li {
        margin: 0 6px 8px
    }

    .page-template-page-areatop .square-box h2 {
        margin-bottom: 12px
    }

    .page-template-page-areatop .related-tags {
        margin: 0 auto 40px
    }

    .page-template-page-areatop .bc-color-blue {
        margin: 40px auto
    }

    .page-template-page-areatop .bc-color-blue .slider-type-3rd__2,.page-template-page-areatop .bc-color-blue .video-slider_2,.page-template-page-areatop .slider-type-3rd__3 {
        padding: 0 15px!important
    }

    .page-template-page-areatop .video-slider {
        margin: 40px auto
    }

    .wide-info-nav {
        height: 57px;
        padding: 0;
        overflow-x: auto
    }

    .wide-info-nav__list {
        width: 575px
    }

    .wide-info-nav__item {
        box-sizing: border-box;
        height: 57px
    }

    .section03 .more-btn .wide-info-nav__item button,.wide-info-nav__item .section03 .more-btn button,.wide-info-nav__item a {
        flex-direction: column;
        justify-content: center;
        font-size: 11px;
        font-weight: 700;
        line-height: 1
    }

    .section03 .more-btn .wide-info-nav__item button img,.wide-info-nav__item .section03 .more-btn button img,.wide-info-nav__item a img {
        margin: 0 0 5px
    }

    .wide-info h2 {
        margin: 81px 0 34px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1
    }

    .wide-info h3 {
        margin: 0 0 16px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5
    }

    .wide-info__edi {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.78571
    }

    .wide-info .g-map {
        margin: 0 0 18px;
        padding: 46.377% 0 0
    }

    .wide-info dl {
        margin: 0 0 30px
    }

    .wide-info dl dt {
        padding: 0 0 16px;
        font-weight: 700
    }

    .wide-info dl dd,.wide-info dl dt {
        margin: 17px 0 0;
        font-size: 14px;
        line-height: 1.35714
    }

    .wide-info dl dd {
        padding: 0 0 16px 20px;
        font-weight: 500
    }

    .wide-info .point {
        margin: 30px 0 40px;
        padding: 38px 20px 24px
    }

    .section03 .more-btn .wide-info a.point:after,.section03 .more-btn .wide-info button.point:after,.wide-info .point:before,.wide-info .section03 .more-btn a.point:after,.wide-info .section03 .more-btn button.point:after,.wide-info h2.point:after {
        left: 15px;
        font-size: 18px
    }

    .wide-info .point-img {
        margin-right: 10px;
        margin-bottom: 15px
    }

    .wide-info .point-textarea.ad-img {
        width: auto;
        min-height: 70px
    }

    .wide-info .point-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25
    }

    .wide-info .point-text {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.78571
    }

    .wide-info .map-link {
        margin: 6px 0 0
    }

    .wide-info .video-slider {
        padding: 0
    }

    .wide-info .video-slider .list {
        margin: 0 auto
    }

    .wide-info .video-slider .list ul li {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .wide-info .video-slider .list ul li .thumb {
        position: relative;
        width: 100%;
        height: 1px
    }

    .wide-info .video-slider .list ul li .text {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.42857
    }

    .wide-info .video-slider .list ul li .exp {
        margin: 4px 0 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.14286
    }

    .wide-info .video-slider .list ul li .point {
        margin: 25px 0 0
    }

    .wide-info .video-slider .list ul li .point-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.42857
    }

    .wide-info .video-slider .list ul li .point-text {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.42857
    }

    .wide-info .video-slider .slider .next,.wide-info .video-slider .slider .prev {
        top: 100px;
        bottom: inherit
    }

    .wide-info .video-slider .slider .prev {
        left: 3%
    }

    .wide-info .video-slider .slider .next {
        right: calc(3% + 30px)
    }

    .wide-info__list {
        margin: 0 0 40px
    }

    .wide-info__list li {
        margin: 0 0 16px;
        padding: 0 0 16px
    }

    .wide-info__list li .title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5
    }

    .wide-info__list li .text {
        margin: 4px 0 0;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5
    }

    .wide-info__list li .point {
        margin: 30px 0 0
    }

    .wide-info .shokuji {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.78571
    }

    .wide-info .shokuji-inner__text h4 {
        margin: 22px 0 13px;
        font-size: 16px
    }

    .wide-info .g-map_t {
        position: relative;
        width: 100%;
        padding-top: 66%
    }

    .basic_information_nav {
        width: auto;
        min-width: 100%
    }

    .basic_information_nav li {
        white-space: nowrap
    }

    .basic_information_nav {
        display: flex;
        overflow-x: scroll
    }

    .basic_information_nav li .section03 .more-btn button,.basic_information_nav li a,.section03 .more-btn .basic_information_nav li button {
        padding: 11px 30px;
        font-size: 15px
    }

    .type_room_swiper .prev_next__room_box {
        padding-bottom: 55%
    }

    .access_title_t {
        font-size: 18px
    }

    .dp-page.btn.btn2 .section03 .more-btn button,.dp-page.btn.btn2 a,.section03 .more-btn .dp-page.btn.btn2 button {
        font-size: 12px
    }

    .dp-page__imgarea img {
        width: 52.5px;
        height: 17.5px;
        margin: 0 6px;
        object-fit: cover
    }

    .btn-official.btn-official:after,.followBtn__btnwrap .section03 .more-btn button:after,.followBtn__btnwrap a:after,.hotelOfficial__header_btn .section03 .more-btn button:after,.hotelOfficial__header_btn a:after,.section03 .more-btn .followBtn__btnwrap button:after,.section03 .more-btn .hotelOfficial__header_btn button:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.btn-official.btn-official:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.btn-official.btn-official:before {
        right: 14px
    }

    .btn-ota.btn-ota .section03 .more-btn a:after,.btn-ota.btn-ota .section03 .more-btn button:after,.btn-ota.btn-ota .section03 .more-btn button:before,.btn-ota.btn-ota a:before,.section03 .more-btn .btn-ota.btn-ota a:after,.section03 .more-btn .btn-ota.btn-ota button:after,.section03 .more-btn .btn-ota.btn-ota button:before {
        margin-right: 5vw
    }

    .hotelItemCard__img.no-rank .new {
        font-size: 10px;
        font-weight: 600;
        line-height: .5
    }

    .hotelItemCard__price--sub {
        width: 100%;
        margin-bottom: 7px;
        text-align: left
    }

    .section-news .news-list .item-img .img {
        height: auto;
        padding-top: 75%
    }

    .section-news .news-list .item-img .img img {
        position: absolute;
        top: 0;
        left: 0
    }
}

@media screen and (min-width: 768px) {
    .mt-100-pc {
        margin-top:-100px!important
    }

    .mt-95-pc {
        margin-top: -95px!important
    }

    .mt-90-pc {
        margin-top: -90px!important
    }

    .mt-85-pc {
        margin-top: -85px!important
    }

    .mt-80-pc {
        margin-top: -80px!important
    }

    .mt-75-pc {
        margin-top: -75px!important
    }

    .mt-70-pc {
        margin-top: -70px!important
    }

    .mt-65-pc {
        margin-top: -65px!important
    }

    .mt-60-pc {
        margin-top: -60px!important
    }

    .mt-55-pc {
        margin-top: -55px!important
    }

    .mt-50-pc {
        margin-top: -50px!important
    }

    .mt-45-pc {
        margin-top: -45px!important
    }

    .mt-40-pc {
        margin-top: -40px!important
    }

    .mt-35-pc {
        margin-top: -35px!important
    }

    .mt-30-pc {
        margin-top: -30px!important
    }

    .mt-25-pc {
        margin-top: -25px!important
    }

    .mt-20-pc {
        margin-top: -20px!important
    }

    .mt-15-pc {
        margin-top: -15px!important
    }

    .mt-10-pc {
        margin-top: -10px!important
    }

    .mt-09-pc {
        margin-top: -9px!important
    }

    .mt-08-pc {
        margin-top: -8px!important
    }

    .mt-07-pc {
        margin-top: -7px!important
    }

    .mt-06-pc {
        margin-top: -6px!important
    }

    .mt-05-pc {
        margin-top: -5px!important
    }

    .mt-04-pc {
        margin-top: -4px!important
    }

    .mt-03-pc {
        margin-top: -3px!important
    }

    .mt-02-pc {
        margin-top: -2px!important
    }

    .mt-01-pc {
        margin-top: -1px!important
    }

    .mt00-pc {
        margin-top: 0!important
    }

    .mt01-pc {
        margin-top: 1px!important
    }

    .mt02-pc {
        margin-top: 2px!important
    }

    .mt03-pc {
        margin-top: 3px!important
    }

    .mt04-pc {
        margin-top: 4px!important
    }

    .mt05-pc {
        margin-top: 5px!important
    }

    .mt06-pc {
        margin-top: 6px!important
    }

    .mt07-pc {
        margin-top: 7px!important
    }

    .mt08-pc {
        margin-top: 8px!important
    }

    .mt09-pc {
        margin-top: 9px!important
    }

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

    .mt11-pc {
        margin-top: 11px!important
    }

    .mt12-pc {
        margin-top: 12px!important
    }

    .mt13-pc {
        margin-top: 13px!important
    }

    .mt14-pc {
        margin-top: 14px!important
    }

    .mt15-pc {
        margin-top: 15px!important
    }

    .mt16-pc {
        margin-top: 16px!important
    }

    .mt17-pc {
        margin-top: 17px!important
    }

    .mt18-pc {
        margin-top: 18px!important
    }

    .mt19-pc {
        margin-top: 19px!important
    }

    .mt20-pc {
        margin-top: 20px!important
    }

    .mt21-pc {
        margin-top: 21px!important
    }

    .mt22-pc {
        margin-top: 22px!important
    }

    .mt23-pc {
        margin-top: 23px!important
    }

    .mt24-pc {
        margin-top: 24px!important
    }

    .mt25-pc {
        margin-top: 25px!important
    }

    .mt26-pc {
        margin-top: 26px!important
    }

    .mt27-pc {
        margin-top: 27px!important
    }

    .mt28-pc {
        margin-top: 28px!important
    }

    .mt29-pc {
        margin-top: 29px!important
    }

    .mt30-pc {
        margin-top: 30px!important
    }

    .mt40-pc {
        margin-top: 40px!important
    }

    .mt45-pc {
        margin-top: 45px!important
    }

    .mt50-pc {
        margin-top: 50px!important
    }

    .mt55-pc {
        margin-top: 55px!important
    }

    .mt60-pc {
        margin-top: 60px!important
    }

    .mt70-pc {
        margin-top: 70px!important
    }

    .mt80-pc {
        margin-top: 80px!important
    }

    .mt90-pc {
        margin-top: 90px!important
    }

    .mt100-pc {
        margin-top: 100px!important
    }

    .mb-100-pc {
        margin-bottom: -100px!important
    }

    .mb-95-pc {
        margin-bottom: -95px!important
    }

    .mb-90-pc {
        margin-bottom: -90px!important
    }

    .mb-85-pc {
        margin-bottom: -85px!important
    }

    .mb-80-pc {
        margin-bottom: -80px!important
    }

    .mb-75-pc {
        margin-bottom: -75px!important
    }

    .mb-70-pc {
        margin-bottom: -70px!important
    }

    .mb-65-pc {
        margin-bottom: -65px!important
    }

    .mb-60-pc {
        margin-bottom: -60px!important
    }

    .mb-55-pc {
        margin-bottom: -55px!important
    }

    .mb-50-pc {
        margin-bottom: -50px!important
    }

    .mb-45-pc {
        margin-bottom: -45px!important
    }

    .mb-40-pc {
        margin-bottom: -40px!important
    }

    .mb-35-pc {
        margin-bottom: -35px!important
    }

    .mb-30-pc {
        margin-bottom: -30px!important
    }

    .mb-25-pc {
        margin-bottom: -25px!important
    }

    .mb-20-pc {
        margin-bottom: -20px!important
    }

    .mb-15-pc {
        margin-bottom: -15px!important
    }

    .mb-10-pc {
        margin-bottom: -10px!important
    }

    .mb-09-pc {
        margin-bottom: -9px!important
    }

    .mb-08-pc {
        margin-bottom: -8px!important
    }

    .mb-07-pc {
        margin-bottom: -7px!important
    }

    .mb-06-pc {
        margin-bottom: -6px!important
    }

    .mb-05-pc {
        margin-bottom: -5px!important
    }

    .mb-04-pc {
        margin-bottom: -4px!important
    }

    .mb-03-pc {
        margin-bottom: -3px!important
    }

    .mb-02-pc {
        margin-bottom: -2px!important
    }

    .mb-01-pc {
        margin-bottom: -1px!important
    }

    .mb00-pc {
        margin-bottom: 0!important
    }

    .mb01-pc {
        margin-bottom: 1px!important
    }

    .mb02-pc {
        margin-bottom: 2px!important
    }

    .mb03-pc {
        margin-bottom: 3px!important
    }

    .mb04-pc {
        margin-bottom: 4px!important
    }

    .mb05-pc {
        margin-bottom: 5px!important
    }

    .mb06-pc {
        margin-bottom: 6px!important
    }

    .mb07-pc {
        margin-bottom: 7px!important
    }

    .mb08-pc {
        margin-bottom: 8px!important
    }

    .mb09-pc {
        margin-bottom: 9px!important
    }

    .mb10-pc {
        margin-bottom: 10px!important
    }

    .mb11-pc {
        margin-bottom: 11px!important
    }

    .mb12-pc {
        margin-bottom: 12px!important
    }

    .mb13-pc {
        margin-bottom: 13px!important
    }

    .mb14-pc {
        margin-bottom: 14px!important
    }

    .mb15-pc {
        margin-bottom: 15px!important
    }

    .mb16-pc {
        margin-bottom: 16px!important
    }

    .mb17-pc {
        margin-bottom: 17px!important
    }

    .mb18-pc {
        margin-bottom: 18px!important
    }

    .mb19-pc {
        margin-bottom: 19px!important
    }

    .mb20-pc {
        margin-bottom: 20px!important
    }

    .mb21-pc {
        margin-bottom: 21px!important
    }

    .mb22-pc {
        margin-bottom: 22px!important
    }

    .mb23-pc {
        margin-bottom: 23px!important
    }

    .mb24-pc {
        margin-bottom: 24px!important
    }

    .mb25-pc {
        margin-bottom: 25px!important
    }

    .mb26-pc {
        margin-bottom: 26px!important
    }

    .mb27-pc {
        margin-bottom: 27px!important
    }

    .mb28-pc {
        margin-bottom: 28px!important
    }

    .mb29-pc {
        margin-bottom: 29px!important
    }

    .mb30-pc {
        margin-bottom: 30px!important
    }

    .mb40-pc {
        margin-bottom: 40px!important
    }

    .mb45-pc {
        margin-bottom: 45px!important
    }

    .mb50-pc {
        margin-bottom: 50px!important
    }

    .mb55-pc {
        margin-bottom: 55px!important
    }

    .mb60-pc {
        margin-bottom: 60px!important
    }

    .mb70-pc {
        margin-bottom: 70px!important
    }

    .mb80-pc {
        margin-bottom: 80px!important
    }

    .mb90-pc {
        margin-bottom: 90px!important
    }

    .mb100-pc {
        margin-bottom: 100px!important
    }

    .ml-100-pc {
        margin-left: -100px!important
    }

    .ml-95-pc {
        margin-left: -95px!important
    }

    .ml-90-pc {
        margin-left: -90px!important
    }

    .ml-85-pc {
        margin-left: -85px!important
    }

    .ml-80-pc {
        margin-left: -80px!important
    }

    .ml-75-pc {
        margin-left: -75px!important
    }

    .ml-70-pc {
        margin-left: -70px!important
    }

    .ml-65-pc {
        margin-left: -65px!important
    }

    .ml-60-pc {
        margin-left: -60px!important
    }

    .ml-55-pc {
        margin-left: -55px!important
    }

    .ml-50-pc {
        margin-left: -50px!important
    }

    .ml-45-pc {
        margin-left: -45px!important
    }

    .ml-40-pc {
        margin-left: -40px!important
    }

    .ml-35-pc {
        margin-left: -35px!important
    }

    .ml-30-pc {
        margin-left: -30px!important
    }

    .ml-25-pc {
        margin-left: -25px!important
    }

    .ml-20-pc {
        margin-left: -20px!important
    }

    .ml-15-pc {
        margin-left: -15px!important
    }

    .ml-10-pc {
        margin-left: -10px!important
    }

    .ml-09-pc {
        margin-left: -9px!important
    }

    .ml-08-pc {
        margin-left: -8px!important
    }

    .ml-07-pc {
        margin-left: -7px!important
    }

    .ml-06-pc {
        margin-left: -6px!important
    }

    .ml-05-pc {
        margin-left: -5px!important
    }

    .ml-04-pc {
        margin-left: -4px!important
    }

    .ml-03-pc {
        margin-left: -3px!important
    }

    .ml-02-pc {
        margin-left: -2px!important
    }

    .ml-01-pc {
        margin-left: -1px!important
    }

    .ml00-pc {
        margin-left: 0!important
    }

    .ml01-pc {
        margin-left: 1px!important
    }

    .ml02-pc {
        margin-left: 2px!important
    }

    .ml03-pc {
        margin-left: 3px!important
    }

    .ml04-pc {
        margin-left: 4px!important
    }

    .ml05-pc {
        margin-left: 5px!important
    }

    .ml06-pc {
        margin-left: 6px!important
    }

    .ml07-pc {
        margin-left: 7px!important
    }

    .ml08-pc {
        margin-left: 8px!important
    }

    .ml09-pc {
        margin-left: 9px!important
    }

    .ml10-pc {
        margin-left: 10px!important
    }

    .ml15-pc {
        margin-left: 15px!important
    }

    .ml20-pc {
        margin-left: 20px!important
    }

    .ml25-pc {
        margin-left: 25px!important
    }

    .ml30-pc {
        margin-left: 30px!important
    }

    .ml40-pc {
        margin-left: 40px!important
    }

    .ml50-pc {
        margin-left: 50px!important
    }

    .mr-100-pc {
        margin-right: -100px!important
    }

    .mr-95-pc {
        margin-right: -95px!important
    }

    .mr-90-pc {
        margin-right: -90px!important
    }

    .mr-85-pc {
        margin-right: -85px!important
    }

    .mr-80-pc {
        margin-right: -80px!important
    }

    .mr-75-pc {
        margin-right: -75px!important
    }

    .mr-70-pc {
        margin-right: -70px!important
    }

    .mr-65-pc {
        margin-right: -65px!important
    }

    .mr-60-pc {
        margin-right: -60px!important
    }

    .mr-55-pc {
        margin-right: -55px!important
    }

    .mr-50-pc {
        margin-right: -50px!important
    }

    .mr-45-pc {
        margin-right: -45px!important
    }

    .mr-40-pc {
        margin-right: -40px!important
    }

    .mr-35-pc {
        margin-right: -35px!important
    }

    .mr-30-pc {
        margin-right: -30px!important
    }

    .mr-25-pc {
        margin-right: -25px!important
    }

    .mr-20-pc {
        margin-right: -20px!important
    }

    .mr-15-pc {
        margin-right: -15px!important
    }

    .mr-10-pc {
        margin-right: -10px!important
    }

    .mr-09-pc {
        margin-right: -9px!important
    }

    .mr-08-pc {
        margin-right: -8px!important
    }

    .mr-07-pc {
        margin-right: -7px!important
    }

    .mr-06-pc {
        margin-right: -6px!important
    }

    .mr-05-pc {
        margin-right: -5px!important
    }

    .mr-04-pc {
        margin-right: -4px!important
    }

    .mr-03-pc {
        margin-right: -3px!important
    }

    .mr-02-pc {
        margin-right: -2px!important
    }

    .mr-01-pc {
        margin-right: -1px!important
    }

    .mr00-pc {
        margin-right: 0!important
    }

    .mr01-pc {
        margin-right: 1px!important
    }

    .mr02-pc {
        margin-right: 2px!important
    }

    .mr03-pc {
        margin-right: 3px!important
    }

    .mr04-pc {
        margin-right: 4px!important
    }

    .mr05-pc {
        margin-right: 5px!important
    }

    .mr06-pc {
        margin-right: 6px!important
    }

    .mr07-pc {
        margin-right: 7px!important
    }

    .mr08-pc {
        margin-right: 8px!important
    }

    .mr09-pc {
        margin-right: 9px!important
    }

    .mr10-pc {
        margin-right: 10px!important
    }

    .mr15-pc {
        margin-right: 15px!important
    }

    .mr20-pc {
        margin-right: 20px!important
    }

    .mr25-pc {
        margin-right: 25px!important
    }

    .mr30-pc {
        margin-right: 30px!important
    }

    .mr40-pc {
        margin-right: 40px!important
    }

    .mr50-pc {
        margin-right: 50px!important
    }

    .pt-100-pc {
        padding-top: -100px!important
    }

    .pt-95-pc {
        padding-top: -95px!important
    }

    .pt-90-pc {
        padding-top: -90px!important
    }

    .pt-85-pc {
        padding-top: -85px!important
    }

    .pt-80-pc {
        padding-top: -80px!important
    }

    .pt-75-pc {
        padding-top: -75px!important
    }

    .pt-70-pc {
        padding-top: -70px!important
    }

    .pt-65-pc {
        padding-top: -65px!important
    }

    .pt-60-pc {
        padding-top: -60px!important
    }

    .pt-55-pc {
        padding-top: -55px!important
    }

    .pt-50-pc {
        padding-top: -50px!important
    }

    .pt-45-pc {
        padding-top: -45px!important
    }

    .pt-40-pc {
        padding-top: -40px!important
    }

    .pt-35-pc {
        padding-top: -35px!important
    }

    .pt-30-pc {
        padding-top: -30px!important
    }

    .pt-25-pc {
        padding-top: -25px!important
    }

    .pt-20-pc {
        padding-top: -20px!important
    }

    .pt-15-pc {
        padding-top: -15px!important
    }

    .pt-10-pc {
        padding-top: -10px!important
    }

    .pt-09-pc {
        padding-top: -9px!important
    }

    .pt-08-pc {
        padding-top: -8px!important
    }

    .pt-07-pc {
        padding-top: -7px!important
    }

    .pt-06-pc {
        padding-top: -6px!important
    }

    .pt-05-pc {
        padding-top: -5px!important
    }

    .pt-04-pc {
        padding-top: -4px!important
    }

    .pt-03-pc {
        padding-top: -3px!important
    }

    .pt-02-pc {
        padding-top: -2px!important
    }

    .pt-01-pc {
        padding-top: -1px!important
    }

    .pt00-pc {
        padding-top: 0!important
    }

    .pt01-pc {
        padding-top: 1px!important
    }

    .pt02-pc {
        padding-top: 2px!important
    }

    .pt03-pc {
        padding-top: 3px!important
    }

    .pt04-pc {
        padding-top: 4px!important
    }

    .pt05-pc {
        padding-top: 5px!important
    }

    .pt06-pc {
        padding-top: 6px!important
    }

    .pt07-pc {
        padding-top: 7px!important
    }

    .pt08-pc {
        padding-top: 8px!important
    }

    .pt09-pc {
        padding-top: 9px!important
    }

    .pt10-pc {
        padding-top: 10px!important
    }

    .pt11-pc {
        padding-top: 11px!important
    }

    .pt12-pc {
        padding-top: 12px!important
    }

    .pt13-pc {
        padding-top: 13px!important
    }

    .pt14-pc {
        padding-top: 14px!important
    }

    .pt15-pc {
        padding-top: 15px!important
    }

    .pt16-pc {
        padding-top: 16px!important
    }

    .pt17-pc {
        padding-top: 17px!important
    }

    .pt18-pc {
        padding-top: 18px!important
    }

    .pt19-pc {
        padding-top: 19px!important
    }

    .pt20-pc {
        padding-top: 20px!important
    }

    .pt21-pc {
        padding-top: 21px!important
    }

    .pt22-pc {
        padding-top: 22px!important
    }

    .pt23-pc {
        padding-top: 23px!important
    }

    .pt24-pc {
        padding-top: 24px!important
    }

    .pt25-pc {
        padding-top: 25px!important
    }

    .pt26-pc {
        padding-top: 26px!important
    }

    .pt27-pc {
        padding-top: 27px!important
    }

    .pt28-pc {
        padding-top: 28px!important
    }

    .pt29-pc {
        padding-top: 29px!important
    }

    .pt30-pc {
        padding-top: 30px!important
    }

    .pt40-pc {
        padding-top: 40px!important
    }

    .pt45-pc {
        padding-top: 45px!important
    }

    .pt50-pc {
        padding-top: 50px!important
    }

    .pt55-pc {
        padding-top: 55px!important
    }

    .pt60-pc {
        padding-top: 60px!important
    }

    .pt70-pc {
        padding-top: 70px!important
    }

    .pt80-pc {
        padding-top: 80px!important
    }

    .pt90-pc {
        padding-top: 90px!important
    }

    .pt100-pc {
        padding-top: 100px!important
    }

    .pb-100-pc {
        padding-bottom: -100px!important
    }

    .pb-95-pc {
        padding-bottom: -95px!important
    }

    .pb-90-pc {
        padding-bottom: -90px!important
    }

    .pb-85-pc {
        padding-bottom: -85px!important
    }

    .pb-80-pc {
        padding-bottom: -80px!important
    }

    .pb-75-pc {
        padding-bottom: -75px!important
    }

    .pb-70-pc {
        padding-bottom: -70px!important
    }

    .pb-65-pc {
        padding-bottom: -65px!important
    }

    .pb-60-pc {
        padding-bottom: -60px!important
    }

    .pb-55-pc {
        padding-bottom: -55px!important
    }

    .pb-50-pc {
        padding-bottom: -50px!important
    }

    .pb-45-pc {
        padding-bottom: -45px!important
    }

    .pb-40-pc {
        padding-bottom: -40px!important
    }

    .pb-35-pc {
        padding-bottom: -35px!important
    }

    .pb-30-pc {
        padding-bottom: -30px!important
    }

    .pb-25-pc {
        padding-bottom: -25px!important
    }

    .pb-20-pc {
        padding-bottom: -20px!important
    }

    .pb-15-pc {
        padding-bottom: -15px!important
    }

    .pb-10-pc {
        padding-bottom: -10px!important
    }

    .pb-09-pc {
        padding-bottom: -9px!important
    }

    .pb-08-pc {
        padding-bottom: -8px!important
    }

    .pb-07-pc {
        padding-bottom: -7px!important
    }

    .pb-06-pc {
        padding-bottom: -6px!important
    }

    .pb-05-pc {
        padding-bottom: -5px!important
    }

    .pb-04-pc {
        padding-bottom: -4px!important
    }

    .pb-03-pc {
        padding-bottom: -3px!important
    }

    .pb-02-pc {
        padding-bottom: -2px!important
    }

    .pb-01-pc {
        padding-bottom: -1px!important
    }

    .pb00-pc {
        padding-bottom: 0!important
    }

    .pb01-pc {
        padding-bottom: 1px!important
    }

    .pb02-pc {
        padding-bottom: 2px!important
    }

    .pb03-pc {
        padding-bottom: 3px!important
    }

    .pb04-pc {
        padding-bottom: 4px!important
    }

    .pb05-pc {
        padding-bottom: 5px!important
    }

    .pb06-pc {
        padding-bottom: 6px!important
    }

    .pb07-pc {
        padding-bottom: 7px!important
    }

    .pb08-pc {
        padding-bottom: 8px!important
    }

    .pb09-pc {
        padding-bottom: 9px!important
    }

    .pb10-pc {
        padding-bottom: 10px!important
    }

    .pb11-pc {
        padding-bottom: 11px!important
    }

    .pb12-pc {
        padding-bottom: 12px!important
    }

    .pb13-pc {
        padding-bottom: 13px!important
    }

    .pb14-pc {
        padding-bottom: 14px!important
    }

    .pb15-pc {
        padding-bottom: 15px!important
    }

    .pb16-pc {
        padding-bottom: 16px!important
    }

    .pb17-pc {
        padding-bottom: 17px!important
    }

    .pb18-pc {
        padding-bottom: 18px!important
    }

    .pb19-pc {
        padding-bottom: 19px!important
    }

    .pb20-pc {
        padding-bottom: 20px!important
    }

    .pb21-pc {
        padding-bottom: 21px!important
    }

    .pb22-pc {
        padding-bottom: 22px!important
    }

    .pb23-pc {
        padding-bottom: 23px!important
    }

    .pb24-pc {
        padding-bottom: 24px!important
    }

    .pb25-pc {
        padding-bottom: 25px!important
    }

    .pb26-pc {
        padding-bottom: 26px!important
    }

    .pb27-pc {
        padding-bottom: 27px!important
    }

    .pb28-pc {
        padding-bottom: 28px!important
    }

    .pb29-pc {
        padding-bottom: 29px!important
    }

    .pb30-pc {
        padding-bottom: 30px!important
    }

    .pb40-pc {
        padding-bottom: 40px!important
    }

    .pb45-pc {
        padding-bottom: 45px!important
    }

    .pb50-pc {
        padding-bottom: 50px!important
    }

    .pb55-pc {
        padding-bottom: 55px!important
    }

    .pb60-pc {
        padding-bottom: 60px!important
    }

    .pb70-pc {
        padding-bottom: 70px!important
    }

    .pb80-pc {
        padding-bottom: 80px!important
    }

    .pb90-pc {
        padding-bottom: 90px!important
    }

    .pb100-pc {
        padding-bottom: 100px!important
    }

    .pl-100-pc {
        padding-left: -100px!important
    }

    .pl-95-pc {
        padding-left: -95px!important
    }

    .pl-90-pc {
        padding-left: -90px!important
    }

    .pl-85-pc {
        padding-left: -85px!important
    }

    .pl-80-pc {
        padding-left: -80px!important
    }

    .pl-75-pc {
        padding-left: -75px!important
    }

    .pl-70-pc {
        padding-left: -70px!important
    }

    .pl-65-pc {
        padding-left: -65px!important
    }

    .pl-60-pc {
        padding-left: -60px!important
    }

    .pl-55-pc {
        padding-left: -55px!important
    }

    .pl-50-pc {
        padding-left: -50px!important
    }

    .pl-45-pc {
        padding-left: -45px!important
    }

    .pl-40-pc {
        padding-left: -40px!important
    }

    .pl-35-pc {
        padding-left: -35px!important
    }

    .pl-30-pc {
        padding-left: -30px!important
    }

    .pl-25-pc {
        padding-left: -25px!important
    }

    .pl-20-pc {
        padding-left: -20px!important
    }

    .pl-15-pc {
        padding-left: -15px!important
    }

    .pl-10-pc {
        padding-left: -10px!important
    }

    .pl-09-pc {
        padding-left: -9px!important
    }

    .pl-08-pc {
        padding-left: -8px!important
    }

    .pl-07-pc {
        padding-left: -7px!important
    }

    .pl-06-pc {
        padding-left: -6px!important
    }

    .pl-05-pc {
        padding-left: -5px!important
    }

    .pl-04-pc {
        padding-left: -4px!important
    }

    .pl-03-pc {
        padding-left: -3px!important
    }

    .pl-02-pc {
        padding-left: -2px!important
    }

    .pl-01-pc {
        padding-left: -1px!important
    }

    .pl00-pc {
        padding-left: 0!important
    }

    .pl01-pc {
        padding-left: 1px!important
    }

    .pl02-pc {
        padding-left: 2px!important
    }

    .pl03-pc {
        padding-left: 3px!important
    }

    .pl04-pc {
        padding-left: 4px!important
    }

    .pl05-pc {
        padding-left: 5px!important
    }

    .pl06-pc {
        padding-left: 6px!important
    }

    .pl07-pc {
        padding-left: 7px!important
    }

    .pl08-pc {
        padding-left: 8px!important
    }

    .pl09-pc {
        padding-left: 9px!important
    }

    .pl10-pc {
        padding-left: 10px!important
    }

    .pl15-pc {
        padding-left: 15px!important
    }

    .pl20-pc {
        padding-left: 20px!important
    }

    .pl25-pc {
        padding-left: 25px!important
    }

    .pl30-pc {
        padding-left: 30px!important
    }

    .pl40-pc {
        padding-left: 40px!important
    }

    .pl50-pc {
        padding-left: 50px!important
    }

    .pr-100-pc {
        padding-right: -100px!important
    }

    .pr-95-pc {
        padding-right: -95px!important
    }

    .pr-90-pc {
        padding-right: -90px!important
    }

    .pr-85-pc {
        padding-right: -85px!important
    }

    .pr-80-pc {
        padding-right: -80px!important
    }

    .pr-75-pc {
        padding-right: -75px!important
    }

    .pr-70-pc {
        padding-right: -70px!important
    }

    .pr-65-pc {
        padding-right: -65px!important
    }

    .pr-60-pc {
        padding-right: -60px!important
    }

    .pr-55-pc {
        padding-right: -55px!important
    }

    .pr-50-pc {
        padding-right: -50px!important
    }

    .pr-45-pc {
        padding-right: -45px!important
    }

    .pr-40-pc {
        padding-right: -40px!important
    }

    .pr-35-pc {
        padding-right: -35px!important
    }

    .pr-30-pc {
        padding-right: -30px!important
    }

    .pr-25-pc {
        padding-right: -25px!important
    }

    .pr-20-pc {
        padding-right: -20px!important
    }

    .pr-15-pc {
        padding-right: -15px!important
    }

    .pr-10-pc {
        padding-right: -10px!important
    }

    .pr-09-pc {
        padding-right: -9px!important
    }

    .pr-08-pc {
        padding-right: -8px!important
    }

    .pr-07-pc {
        padding-right: -7px!important
    }

    .pr-06-pc {
        padding-right: -6px!important
    }

    .pr-05-pc {
        padding-right: -5px!important
    }

    .pr-04-pc {
        padding-right: -4px!important
    }

    .pr-03-pc {
        padding-right: -3px!important
    }

    .pr-02-pc {
        padding-right: -2px!important
    }

    .pr-01-pc {
        padding-right: -1px!important
    }

    .pr00-pc {
        padding-right: 0!important
    }

    .pr01-pc {
        padding-right: 1px!important
    }

    .pr02-pc {
        padding-right: 2px!important
    }

    .pr03-pc {
        padding-right: 3px!important
    }

    .pr04-pc {
        padding-right: 4px!important
    }

    .pr05-pc {
        padding-right: 5px!important
    }

    .pr06-pc {
        padding-right: 6px!important
    }

    .pr07-pc {
        padding-right: 7px!important
    }

    .pr08-pc {
        padding-right: 8px!important
    }

    .pr09-pc {
        padding-right: 9px!important
    }

    .pr10-pc {
        padding-right: 10px!important
    }

    .pr15-pc {
        padding-right: 15px!important
    }

    .pr20-pc {
        padding-right: 20px!important
    }

    .pr25-pc {
        padding-right: 25px!important
    }

    .pr30-pc {
        padding-right: 30px!important
    }

    .pr40-pc {
        padding-right: 40px!important
    }

    .pr50-pc {
        padding-right: 50px!important
    }

    .fz09-pc {
        font-size: 9px!important
    }

    .fz10-pc {
        font-size: 10px!important
    }

    .fz11-pc {
        font-size: 11px!important
    }

    .fz12-pc {
        font-size: 12px!important
    }

    .fz13-pc {
        font-size: 13px!important
    }

    .fz14-pc {
        font-size: 14px!important
    }

    .fz15-pc {
        font-size: 15px!important
    }

    .fz16-pc {
        font-size: 16px!important
    }

    .fz17-pc {
        font-size: 17px!important
    }

    .fz18-pc {
        font-size: 18px!important
    }

    .fz19-pc {
        font-size: 19px!important
    }

    .fz20-pc {
        font-size: 20px!important
    }

    .fz21-pc {
        font-size: 21px!important
    }

    .fz22-pc {
        font-size: 22px!important
    }

    .fz23-pc {
        font-size: 23px!important
    }

    .fz24-pc {
        font-size: 24px!important
    }

    .fz25-pc {
        font-size: 25px!important
    }

    .fz26-pc {
        font-size: 26px!important
    }

    .fz27-pc {
        font-size: 27px!important
    }

    .fz28-pc {
        font-size: 28px!important
    }

    .fz29-pc {
        font-size: 29px!important
    }

    .fz30-pc {
        font-size: 30px!important
    }

    .fz31-pc {
        font-size: 31px!important
    }

    .fz32-pc {
        font-size: 32px!important
    }

    .fz33-pc {
        font-size: 33px!important
    }

    .fz34-pc {
        font-size: 34px!important
    }

    .fz35-pc {
        font-size: 35px!important
    }

    .fz36-pc {
        font-size: 36px!important
    }

    .fz37-pc {
        font-size: 37px!important
    }

    .fz38-pc {
        font-size: 38px!important
    }

    .fz39-pc {
        font-size: 39px!important
    }

    .fz40-pc {
        font-size: 40px!important
    }

    .fz41-pc {
        font-size: 41px!important
    }

    .fz42-pc {
        font-size: 42px!important
    }

    .fz43-pc {
        font-size: 43px!important
    }

    .fz44-pc {
        font-size: 44px!important
    }

    .fz45-pc {
        font-size: 45px!important
    }

    .fz46-pc {
        font-size: 46px!important
    }

    .fz47-pc {
        font-size: 47px!important
    }

    .fz48-pc {
        font-size: 48px!important
    }

    .fz49-pc {
        font-size: 49px!important
    }

    .fz50-pc {
        font-size: 50px!important
    }

    .fz51-pc {
        font-size: 51px!important
    }

    .fz52-pc {
        font-size: 52px!important
    }

    .fz53-pc {
        font-size: 53px!important
    }

    .fz54-pc {
        font-size: 54px!important
    }

    .fz55-pc {
        font-size: 55px!important
    }

    .fz56-pc {
        font-size: 56px!important
    }

    .fz57-pc {
        font-size: 57px!important
    }

    .fz58-pc {
        font-size: 58px!important
    }

    .fz59-pc {
        font-size: 59px!important
    }

    .fz60-pc {
        font-size: 60px!important
    }

    .fz61-pc {
        font-size: 61px!important
    }

    .fz62-pc {
        font-size: 62px!important
    }

    .fz63-pc {
        font-size: 63px!important
    }

    .fz64-pc {
        font-size: 64px!important
    }

    .fz65-pc {
        font-size: 65px!important
    }

    .fz66-pc {
        font-size: 66px!important
    }

    .fz67-pc {
        font-size: 67px!important
    }

    .fz68-pc {
        font-size: 68px!important
    }

    .fz69-pc {
        font-size: 69px!important
    }

    .fz70-pc {
        font-size: 70px!important
    }

    .fz71-pc {
        font-size: 71px!important
    }

    .fz72-pc {
        font-size: 72px!important
    }

    .fz73-pc {
        font-size: 73px!important
    }

    .fz74-pc {
        font-size: 74px!important
    }

    .fz75-pc {
        font-size: 75px!important
    }

    .fz76-pc {
        font-size: 76px!important
    }

    .fz77-pc {
        font-size: 77px!important
    }

    .fz78-pc {
        font-size: 78px!important
    }

    .fz79-pc {
        font-size: 79px!important
    }

    .fz80-pc {
        font-size: 80px!important
    }

    .lh09-pc {
        line-height: 9px!important
    }

    .lh10-pc {
        line-height: 10px!important
    }

    .lh11-pc {
        line-height: 11px!important
    }

    .lh12-pc {
        line-height: 12px!important
    }

    .lh13-pc {
        line-height: 13px!important
    }

    .lh14-pc {
        line-height: 14px!important
    }

    .lh15-pc {
        line-height: 15px!important
    }

    .lh16-pc {
        line-height: 16px!important
    }

    .lh17-pc {
        line-height: 17px!important
    }

    .lh18-pc {
        line-height: 18px!important
    }

    .lh19-pc {
        line-height: 19px!important
    }

    .lh20-pc {
        line-height: 20px!important
    }

    .lh21-pc {
        line-height: 21px!important
    }

    .lh22-pc {
        line-height: 22px!important
    }

    .lh23-pc {
        line-height: 23px!important
    }

    .lh24-pc {
        line-height: 24px!important
    }

    .lh25-pc {
        line-height: 25px!important
    }

    .lh26-pc {
        line-height: 26px!important
    }

    .lh27-pc {
        line-height: 27px!important
    }

    .lh28-pc {
        line-height: 28px!important
    }

    .lh29-pc {
        line-height: 29px!important
    }

    .lh30-pc {
        line-height: 30px!important
    }

    .lh31-pc {
        line-height: 31px!important
    }

    .lh32-pc {
        line-height: 32px!important
    }

    .lh33-pc {
        line-height: 33px!important
    }

    .lh34-pc {
        line-height: 34px!important
    }

    .lh35-pc {
        line-height: 35px!important
    }

    .lh36-pc {
        line-height: 36px!important
    }

    .lh37-pc {
        line-height: 37px!important
    }

    .lh38-pc {
        line-height: 38px!important
    }

    .lh39-pc {
        line-height: 39px!important
    }

    .lh40-pc {
        line-height: 40px!important
    }

    .lh41-pc {
        line-height: 41px!important
    }

    .lh42-pc {
        line-height: 42px!important
    }

    .lh43-pc {
        line-height: 43px!important
    }

    .lh44-pc {
        line-height: 44px!important
    }

    .lh45-pc {
        line-height: 45px!important
    }

    .lh46-pc {
        line-height: 46px!important
    }

    .lh47-pc {
        line-height: 47px!important
    }

    .lh48-pc {
        line-height: 48px!important
    }

    .lh49-pc {
        line-height: 49px!important
    }

    .lh50-pc {
        line-height: 50px!important
    }

    .lh51-pc {
        line-height: 51px!important
    }

    .lh52-pc {
        line-height: 52px!important
    }

    .lh53-pc {
        line-height: 53px!important
    }

    .lh54-pc {
        line-height: 54px!important
    }

    .lh55-pc {
        line-height: 55px!important
    }

    .lh56-pc {
        line-height: 56px!important
    }

    .lh57-pc {
        line-height: 57px!important
    }

    .lh58-pc {
        line-height: 58px!important
    }

    .lh59-pc {
        line-height: 59px!important
    }

    .lh60-pc {
        line-height: 60px!important
    }

    .lh61-pc {
        line-height: 61px!important
    }

    .lh62-pc {
        line-height: 62px!important
    }

    .lh63-pc {
        line-height: 63px!important
    }

    .lh64-pc {
        line-height: 64px!important
    }

    .lh65-pc {
        line-height: 65px!important
    }

    .lh66-pc {
        line-height: 66px!important
    }

    .lh67-pc {
        line-height: 67px!important
    }

    .lh68-pc {
        line-height: 68px!important
    }

    .lh69-pc {
        line-height: 69px!important
    }

    .lh70-pc {
        line-height: 70px!important
    }

    .lh71-pc {
        line-height: 71px!important
    }

    .lh72-pc {
        line-height: 72px!important
    }

    .lh73-pc {
        line-height: 73px!important
    }

    .lh74-pc {
        line-height: 74px!important
    }

    .lh75-pc {
        line-height: 75px!important
    }

    .lh76-pc {
        line-height: 76px!important
    }

    .lh77-pc {
        line-height: 77px!important
    }

    .lh78-pc {
        line-height: 78px!important
    }

    .lh79-pc {
        line-height: 79px!important
    }

    .lh80-pc {
        line-height: 80px!important
    }

    .lh81-pc {
        line-height: 81px!important
    }

    .lc-05-pc {
        letter-spacing: -5px!important
    }

    .lc-04_-pc {
        letter-spacing: -4.5px!important
    }

    .lc-04-pc {
        letter-spacing: -4px!important
    }

    .lc-03_-pc {
        letter-spacing: -3.5px!important
    }

    .lc-03-pc {
        letter-spacing: -3px!important
    }

    .lc-02_-pc {
        letter-spacing: -2.5px!important
    }

    .lc-02-pc {
        letter-spacing: -2px!important
    }

    .lc-01_-pc {
        letter-spacing: -1.5px!important
    }

    .lc-01-pc {
        letter-spacing: -1px!important
    }

    .lc-00_-pc {
        letter-spacing: -.5px!important
    }

    .lc00-pc {
        letter-spacing: 0!important
    }

    .lc00_-pc {
        letter-spacing: .5px!important
    }

    .lc01-pc {
        letter-spacing: 1px!important
    }

    .lc02-pc {
        letter-spacing: 2px!important
    }

    .lc03-pc {
        letter-spacing: 3px!important
    }

    .lc04-pc {
        letter-spacing: 4px!important
    }

    .lc05-pc {
        letter-spacing: 5px!important
    }

    .w00-pc {
        width: 0!important
    }

    .w01-pc {
        width: 1px!important
    }

    .w02-pc {
        width: 2px!important
    }

    .w03-pc {
        width: 3px!important
    }

    .w04-pc {
        width: 4px!important
    }

    .w05-pc {
        width: 5px!important
    }

    .w06-pc {
        width: 6px!important
    }

    .w07-pc {
        width: 7px!important
    }

    .w08-pc {
        width: 8px!important
    }

    .w09-pc {
        width: 9px!important
    }

    .w10-pc {
        width: 10px!important
    }

    .w11-pc {
        width: 11px!important
    }

    .w12-pc {
        width: 12px!important
    }

    .w13-pc {
        width: 13px!important
    }

    .w14-pc {
        width: 14px!important
    }

    .w15-pc {
        width: 15px!important
    }

    .w16-pc {
        width: 16px!important
    }

    .w17-pc {
        width: 17px!important
    }

    .w18-pc {
        width: 18px!important
    }

    .w19-pc {
        width: 19px!important
    }

    .w20-pc {
        width: 20px!important
    }

    .w21-pc {
        width: 21px!important
    }

    .w22-pc {
        width: 22px!important
    }

    .w23-pc {
        width: 23px!important
    }

    .w24-pc {
        width: 24px!important
    }

    .w25-pc {
        width: 25px!important
    }

    .w26-pc {
        width: 26px!important
    }

    .w27-pc {
        width: 27px!important
    }

    .w28-pc {
        width: 28px!important
    }

    .w29-pc {
        width: 29px!important
    }

    .w30-pc {
        width: 30px!important
    }

    .w35-pc {
        width: 35px!important
    }

    .w40-pc {
        width: 40px!important
    }

    .w45-pc {
        width: 45px!important
    }

    .w50-pc {
        width: 50px!important
    }

    .w55-pc {
        width: 55px!important
    }

    .w60-pc {
        width: 60px!important
    }

    .w65-pc {
        width: 65px!important
    }

    .w70-pc {
        width: 70px!important
    }

    .w75-pc {
        width: 75px!important
    }

    .w80-pc {
        width: 80px!important
    }

    .w85-pc {
        width: 85px!important
    }

    .w90-pc {
        width: 90px!important
    }

    .w95-pc {
        width: 95px!important
    }

    .w100-pc {
        width: 100px!important
    }

    .h00-pc {
        height: 0!important
    }

    .h01-pc {
        height: 1px!important
    }

    .h02-pc {
        height: 2px!important
    }

    .h03-pc {
        height: 3px!important
    }

    .h04-pc {
        height: 4px!important
    }

    .h05-pc {
        height: 5px!important
    }

    .h06-pc {
        height: 6px!important
    }

    .h07-pc {
        height: 7px!important
    }

    .h08-pc {
        height: 8px!important
    }

    .h09-pc {
        height: 9px!important
    }

    .h10-pc {
        height: 10px!important
    }

    .h11-pc {
        height: 11px!important
    }

    .h12-pc {
        height: 12px!important
    }

    .h13-pc {
        height: 13px!important
    }

    .h14-pc {
        height: 14px!important
    }

    .h15-pc {
        height: 15px!important
    }

    .h16-pc {
        height: 16px!important
    }

    .h17-pc {
        height: 17px!important
    }

    .h18-pc {
        height: 18px!important
    }

    .h19-pc {
        height: 19px!important
    }

    .h20-pc {
        height: 20px!important
    }

    .h21-pc {
        height: 21px!important
    }

    .h22-pc {
        height: 22px!important
    }

    .h23-pc {
        height: 23px!important
    }

    .h24-pc {
        height: 24px!important
    }

    .h25-pc {
        height: 25px!important
    }

    .h26-pc {
        height: 26px!important
    }

    .h27-pc {
        height: 27px!important
    }

    .h28-pc {
        height: 28px!important
    }

    .h29-pc {
        height: 29px!important
    }

    .h30-pc {
        height: 30px!important
    }

    .h35-pc {
        height: 35px!important
    }

    .h40-pc {
        height: 40px!important
    }

    .h45-pc {
        height: 45px!important
    }

    .h50-pc {
        height: 50px!important
    }

    .h55-pc {
        height: 55px!important
    }

    .h60-pc {
        height: 60px!important
    }

    .h65-pc {
        height: 65px!important
    }

    .h70-pc {
        height: 70px!important
    }

    .h75-pc {
        height: 75px!important
    }

    .h80-pc {
        height: 80px!important
    }

    .h85-pc {
        height: 85px!important
    }

    .h90-pc {
        height: 90px!important
    }

    .h95-pc {
        height: 95px!important
    }

    .h100-pc {
        height: 100px!important
    }

    .wem00_1-pc {
        width: .1em!important
    }

    .wem00_2-pc {
        width: .2em!important
    }

    .wem00_3-pc {
        width: .3em!important
    }

    .wem00_4-pc {
        width: .4em!important
    }

    .wem00_-pc {
        width: .5em!important
    }

    .wem00_6-pc {
        width: .6em!important
    }

    .wem00_7-pc {
        width: .7em!important
    }

    .wem00_8-pc {
        width: .8em!important
    }

    .wem00_9-pc {
        width: .9em!important
    }

    .wem01-pc {
        width: 1em!important
    }

    .wem01_1-pc {
        width: 1.1em!important
    }

    .wem01_2-pc {
        width: 1.2em!important
    }

    .wem01_3-pc {
        width: 1.3em!important
    }

    .wem01_4-pc {
        width: 1.4em!important
    }

    .wem01_5-pc {
        width: 1.5em!important
    }

    .wem01_6-pc {
        width: 1.6em!important
    }

    .wem01_7-pc {
        width: 1.7em!important
    }

    .wem01_8-pc {
        width: 1.8em!important
    }

    .wem01_9-pc {
        width: 1.9em!important
    }

    .wem02-pc {
        width: 2em!important
    }

    .wem02_1-pc {
        width: 2.1em!important
    }

    .wem02_2-pc {
        width: 2.2em!important
    }

    .wem02_3-pc {
        width: 2.3em!important
    }

    .wem02_4-pc {
        width: 2.4em!important
    }

    .wem02_5-pc {
        width: 2.5em!important
    }

    .wem02_6-pc {
        width: 2.6em!important
    }

    .wem02_7-pc {
        width: 2.7em!important
    }

    .wem02_8-pc {
        width: 2.8em!important
    }

    .wem03-pc {
        width: 3em!important
    }

    .wem03_-pc {
        width: 3.5em!important
    }

    .wem04-pc {
        width: 4em!important
    }

    .wem04_-pc {
        width: 4.5em!important
    }

    .wem05-pc {
        width: 5em!important
    }

    .wem05_-pc {
        width: 5.5em!important
    }

    .wem06-pc {
        width: 6em!important
    }

    .wem06_-pc {
        width: 6.5em!important
    }

    .wem07-pc {
        width: 7em!important
    }

    .wem07_-pc {
        width: 7.5em!important
    }

    .wem08-pc {
        width: 8em!important
    }

    .wem08_-pc {
        width: 8.5em!important
    }

    .wem09-pc {
        width: 9em!important
    }

    .wem09_-pc {
        width: 9.5em!important
    }

    .wem10-pc {
        width: 10em!important
    }

    .hem00_1-pc {
        height: .1em!important
    }

    .hem00_2-pc {
        height: .2em!important
    }

    .hem00_3-pc {
        height: .3em!important
    }

    .hem00_4-pc {
        height: .4em!important
    }

    .hem00_-pc {
        height: .5em!important
    }

    .hem00_6-pc {
        height: .6em!important
    }

    .hem00_7-pc {
        height: .7em!important
    }

    .hem00_8-pc {
        height: .8em!important
    }

    .hem00_9-pc {
        height: .9em!important
    }

    .hem01-pc {
        height: 1em!important
    }

    .hem01_1-pc {
        height: 1.1em!important
    }

    .hem01_2-pc {
        height: 1.2em!important
    }

    .hem01_3-pc {
        height: 1.3em!important
    }

    .hem01_4-pc {
        height: 1.4em!important
    }

    .hem01_5-pc {
        height: 1.5em!important
    }

    .hem01_6-pc {
        height: 1.6em!important
    }

    .hem01_7-pc {
        height: 1.7em!important
    }

    .hem01_8-pc {
        height: 1.8em!important
    }

    .hem01_9-pc {
        height: 1.9em!important
    }

    .hem02-pc {
        height: 2em!important
    }

    .hem02_1-pc {
        height: 2.1em!important
    }

    .hem02_2-pc {
        height: 2.2em!important
    }

    .hem02_3-pc {
        height: 2.3em!important
    }

    .hem02_4-pc {
        height: 2.4em!important
    }

    .hem02_5-pc {
        height: 2.5em!important
    }

    .hem02_6-pc {
        height: 2.6em!important
    }

    .hem02_7-pc {
        height: 2.7em!important
    }

    .hem02_8-pc {
        height: 2.8em!important
    }

    .hem03-pc {
        height: 3em!important
    }

    .hem03_-pc {
        height: 3.5em!important
    }

    .hem04-pc {
        height: 4em!important
    }

    .hem04_-pc {
        height: 4.5em!important
    }

    .hem05-pc {
        height: 5em!important
    }

    .hem05_-pc {
        height: 5.5em!important
    }

    .hem06-pc {
        height: 6em!important
    }

    .hem06_-pc {
        height: 6.5em!important
    }

    .hem07-pc {
        height: 7em!important
    }

    .hem07_-pc {
        height: 7.5em!important
    }

    .hem08-pc {
        height: 8em!important
    }

    .hem08_-pc {
        height: 8.5em!important
    }

    .hem09-pc {
        height: 9em!important
    }

    .hem09_-pc {
        height: 9.5em!important
    }

    .hem10-pc {
        height: 10em!important
    }

    .wpr00-pc {
        width: 0!important
    }

    .wpr05-pc {
        width: 5%!important
    }

    .wpr10-pc {
        width: 10%!important
    }

    .wpr15-pc {
        width: 15%!important
    }

    .wpr20-pc {
        width: 20%!important
    }

    .wpr25-pc {
        width: 25%!important
    }

    .wpr30-pc {
        width: 30%!important
    }

    .wpr35-pc {
        width: 35%!important
    }

    .wpr40-pc {
        width: 40%!important
    }

    .wpr45-pc {
        width: 45%!important
    }

    .wpr50-pc {
        width: 50%!important
    }

    .wpr55-pc {
        width: 55%!important
    }

    .wpr60-pc {
        width: 60%!important
    }

    .wpr65-pc {
        width: 65%!important
    }

    .wpr70-pc {
        width: 70%!important
    }

    .wpr75-pc {
        width: 75%!important
    }

    .wpr80-pc {
        width: 80%!important
    }

    .wpr85-pc {
        width: 85%!important
    }

    .wpr90-pc {
        width: 90%!important
    }

    .wpr95-pc {
        width: 95%!important
    }

    .wpr100-pc {
        width: 100%!important
    }

    .hpr00-pc {
        height: 0!important
    }

    .hpr05-pc {
        height: 5%!important
    }

    .hpr10-pc {
        height: 10%!important
    }

    .hpr15-pc {
        height: 15%!important
    }

    .hpr20-pc {
        height: 20%!important
    }

    .hpr25-pc {
        height: 25%!important
    }

    .hpr30-pc {
        height: 30%!important
    }

    .hpr35-pc {
        height: 35%!important
    }

    .hpr40-pc {
        height: 40%!important
    }

    .hpr45-pc {
        height: 45%!important
    }

    .hpr50-pc {
        height: 50%!important
    }

    .hpr55-pc {
        height: 55%!important
    }

    .hpr60-pc {
        height: 60%!important
    }

    .hpr65-pc {
        height: 65%!important
    }

    .hpr70-pc {
        height: 70%!important
    }

    .hpr75-pc {
        height: 75%!important
    }

    .hpr80-pc {
        height: 80%!important
    }

    .hpr85-pc {
        height: 85%!important
    }

    .hpr90-pc {
        height: 90%!important
    }

    .hpr95-pc {
        height: 95%!important
    }

    .hpr100-pc {
        height: 100%!important
    }

    .indent-1-pc {
        margin-left: 1em;
        text-indent: -1em
    }

    .block-pc {
        display: block
    }

    .word-break-pc {
        word-break: break-all
    }

    .pc-hidden,.sp-visible {
        display: none!important
    }

    img.aligncenter-pc,img.centered-pc {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    img.alignright-pc {
        display: block;
        margin: 0 0 0 1em;
        float: right
    }

    img.alignleft-pc {
        display: block;
        margin: 0 1em 0 0;
        float: left
    }

    .alignright-pc {
        text-align: right!important
    }

    .alignleft-pc {
        text-align: left!important
    }

    .aligncenter-pc {
        text-align: center!important
    }

    .overlay-menu {
        max-width: 320px
    }

    body.overlay-menu-hiding.overlay-menu-visible .overlay-menu,body.overlay-menu-ready.overlay-menu-visible .overlay-menu {
        margin-left: -320px;
        transform: translateX(100vw)
    }
}

@media screen and (min-width: 768px) and (min-width:981px) {
    .video-slider .slider .list {
        overflow:hidden!important
    }

    .main-image.sp-visible {
        display: none!important
    }

    .main-image.sp-hidden {
        display: block!important
    }
}

@media screen and (min-width: 768px) and (max-width:980px) {
    .main-image.sp-visible {
        display:block!important
    }

    .main-image.sp-hidden {
        display: none!important
    }

    .main-image.slider .list ul li {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .main-image .next,.main-image .prev {
        width: 30px!important;
        height: 30px!important;
        margin: auto 0!important;
        background-color: initial!important
    }

    .main-image .next .section03 .more-btn button,.main-image .next a,.main-image .prev .section03 .more-btn button,.main-image .prev a,.section03 .more-btn .main-image .next button,.section03 .more-btn .main-image .prev button {
        right: auto!important;
        left: auto!important
    }

    .main-image .prev {
        right: auto!important;
        left: 30px!important;
        transform: none!important
    }

    .main-image .next {
        right: 30px!important;
        left: auto!important;
        transform: none!important
    }
}

@media screen and (min-width: 668px) {
    .overlay-foot {
        bottom:15px;
        border-radius: 5px
    }
}

@media screen and (min-width: 768px) and (min-width:980px) {
    footer .nav>ul>li>ul.wide {
        justify-content:space-between!important;
        margin: 0!important
    }

    footer .nav>ul>li>ul.wide>li {
        margin: 0!important
    }
}

@media screen and (max-width: 767px) and (min-width:768px) {
    .page-video-archive .list.reset-list,.section-video .list.reset-list {
        margin:50px auto 0
    }
}

@media print,screen and (min-width: 768px) {
    .section03 .more-btn .video-slider_2 .slider_type2 .swiper-slide button,.video-slider_2 .slider_type2 .swiper-slide .section03 .more-btn button,.video-slider_2 .slider_type2 .swiper-slide a {
        position:relative;
        overflow: hidden;
        color: #333;
        font-weight: 400;
        line-height: 1.5em;
        text-decoration: none
    }

    .page-hotel-qa {
        padding: 80px 0 75px
    }

    .page-hotel-qa .l-qa dl dt {
        box-sizing: border-box
    }
}

@media (min-width: 768px) and (max-width:1099px) {
    .hotelOfficial__outlinks_btns {
        padding:0
    }

    .video-slider .list ul .hotelItemCard__btn .btn-round,.video-slider .list ul .hotelItemCard__official .btn-official {
        padding-right: 30px;
        padding-left: 10px
    }
}

@media (min-width: 768px) and (max-width:979px) {
    .hotelOfficial__header_btn {
        max-width:-moz-fit-content;
        max-width: fit-content
    }

    .btn-ota.btn-ota {
        padding-left: 16px
    }

    .btn-ota.btn-ota,.btn-round {
        justify-content: flex-start
    }

    .hotelItemCard__title {
        font-size: 1.8vw
    }
}

@media screen and (max-width: 1000px) {
    .page_head_title .left_box {
        width:100%;
        margin-bottom: 5px
    }

    .page_head_title .right_box {
        margin-left: auto
    }

    .page_head_title .price_box .price_text .tax_text .section03 .more-btn button,.page_head_title .price_box .price_text .tax_text a,.page_head_title .right_box .btn_box .page_head_title-btn .section03 .more-btn button,.page_head_title .right_box .btn_box .page_head_title-btn a,.section03 .more-btn .page_head_title .price_box .price_text .tax_text button,.section03 .more-btn .page_head_title .right_box .btn_box .page_head_title-btn button {
        padding: 0
    }

    .type_room_swiper .prev_next__room_box {
        padding-bottom: 26%
    }
}

@media (max-width: 767px) {
    .followBtn,.followBtnWrap {
        width:100%
    }

    .followBtn .followBtn__btnwrap .section03 .more-btn button,.followBtn .followBtn__btnwrap a,.section03 .more-btn .followBtn .followBtn__btnwrap button {
        padding-right: 10px;
        padding-left: 0
    }

    .btn-official.btn-official,.hotelOfficial__header_btn .section03 .more-btn button,.hotelOfficial__header_btn a,.section03 .more-btn .hotelOfficial__header_btn button {
        height: 48px;
        font-size: 16px
    }

    .btn-ota.btn-ota {
        justify-content: center;
        justify-content: flex-start;
        height: 48px;
        font-size: 14px
    }

    .btn-round {
        height: 30px;
        padding: 0 15px 0 0;
        font-size: 12px
    }

    .btn-round:after,.single-article .oshidao-detail .htoel-ranking__foot--access dt.btn-round:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.btn-round:before {
        position: absolute;
        right: 14px;
        margin: 0
    }

    .hotelItemCard__img:before,.section03 .more-btn a.hotelItemCard__img:after,.section03 .more-btn button.hotelItemCard__img:after,.wide-info h2.hotelItemCard__img:after {
        left: 10px;
        width: 25px;
        height: 30px;
        font-size: 16px
    }

    .hotelItemCard__area {
        font-size: 11px
    }

    .hotelItemCard__title {
        height: 54px;
        padding: 0;
        overflow: hidden;
        font-size: 12px
    }

    .video-slider .list .hotelItemCard__points {
        margin-left: 5px;
        padding: 3px 0 0 5px
    }

    .video-slider .list .hotelItemCard__points_li {
        gap: 0 3px;
        font-size: 10px
    }

    .section03 .more-btn .video-slider .list a.hotelItemCard__points_li:after,.section03 .more-btn .video-slider .list button.hotelItemCard__points_li:after,.video-slider .list .hotelItemCard__points_li:before,.video-slider .list .section03 .more-btn a.hotelItemCard__points_li:after,.video-slider .list .section03 .more-btn button.hotelItemCard__points_li:after,.video-slider .list .wide-info h2.hotelItemCard__points_li:after,.wide-info .video-slider .list h2.hotelItemCard__points_li:after {
        width: 10px;
        height: 10px
    }

    .hotelItemCard__price {
        flex-direction: column;
        margin-bottom: 5px;
        padding: 10px 8px;
        font-size: 9px
    }

    .hotelItemCard__price em {
        font-size: 20px
    }

    .hotelItemCard__price--textS {
        margin-left: 3px;
        font-size: 12px
    }

    .hotelItemCard__price--textSs {
        right: 5px
    }

    .hotelItemCard__btn {
        margin-bottom: 5px
    }

    .video-slider .list ul .hotelItemCard__btn .btn-round {
        font-size: 12px
    }

    .video-slider .list ul .hotelItemCard__official .btn-official {
        height: 32px;
        padding: 0 15px 0 0;
        font-size: 13px
    }

    .single-article .oshidao-detail .htoel-ranking__foot--access .video-slider .list ul .hotelItemCard__official dt.btn-official:before,.single-article .tanoshimikata-detail .htoel-ranking__foot--access .video-slider .list ul .hotelItemCard__official dt.btn-official:before,.video-slider .list ul .hotelItemCard__official .btn-official:after,.video-slider .list ul .hotelItemCard__official .single-article .oshidao-detail .htoel-ranking__foot--access dt.btn-official:before,.video-slider .list ul .hotelItemCard__official .single-article .tanoshimikata-detail .htoel-ranking__foot--access dt.btn-official:before {
        top: calc(50% - 7.5px);
        right: 10px;
        width: 15px;
        height: 15px
    }
}

@media (max-width: 979px) {
    .hotelItemCard__price--sub {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .section-news {
        margin:40px 0
    }

    .section-news .news-ttl {
        margin-bottom: 15px;
        padding-top: 12px
    }

    .section-news .news-ttl:after {
        width: 140px
    }

    .section-news .news-list__item {
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .section03 .more-btn .section-news .news-list button,.section-news .news-list .section03 .more-btn button,.section-news .news-list a {
        padding-right: 30px;
        background-size: 15px;
        transition: .3s
    }

    .section03 .more-btn .section-news .news-list button:hover,.section-news .news-list .section03 .more-btn button:hover,.section-news .news-list a:hover {
        opacity: 1
    }

    .section03 .more-btn .section-news .news-list button:hover .item-img img,.section-news .news-list .section03 .more-btn button:hover .item-img img,.section-news .news-list a:hover .item-img img {
        transform: scale(1)
    }

    .section-news .news-list .item-img {
        width: 26%
    }

    .section-news .news-list .item-img .category {
        padding: 3px .5em 1px;
        font-size: 7px
    }

    .section-news .news-list .item-txt {
        width: 68%
    }

    .section-news .news-list .item-txt .ttl {
        margin-bottom: 5px;
        padding-top: 0;
        font-size: 14px
    }

    .section-news .news-list .item-txt .date {
        font-size: 10px
    }

    .section-news .news-list .item-txt .ico-new {
        width: 32px;
        margin-bottom: 5px;
        font-size: 8px;
        line-height: 20px
    }

    .section03 .more-btn .section-news .news-link button,.section-news .news-link .section03 .more-btn button,.section-news .news-link a {
        padding-right: 20px;
        background-size: 15px;
        font-size: 14px
    }

    .section03 .more-btn .section-news .news-link button:hover,.section-news .news-link .section03 .more-btn button:hover,.section-news .news-link a:hover {
        opacity: 1
    }

    .section-news .news-pager {
        margin-top: 20px
    }
}