@charset "utf-8";
/*
 * CSS for PC
 * @date     2018.01.23
 * @author   shingo sato
 */
/* ------------------------------------------
------------------------------------------ */
#grpLocationArea a:hover{text-decoration: none !important; color: #1d54a7;}
#widewrapper { width: 100%; }
#contents.column1 { width: 100%; padding:0;background-color: #fff; }
#contentsArea { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif; }
.fontYM { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; color: #333333;
}
.pc { display: block;}
.sp { display: none;}
#keyVisual { width: 1000px; margin:0 auto 20px auto;}
#keyVisual h1 { text-indent: 0; font-size: 48px; text-align: center; padding: 35px 0 0 0; color: #000066; font-weight: normal; letter-spacing: 0.5px;}
#keyVisual h1 span { letter-spacing: -8px;}
#keyVisual dl { text-align: center;}
#keyVisual dl dt { color: #2e4d6a; font-size: 27px; font-weight: normal; letter-spacing: 1px; margin: 20px auto;}
#keyVisual dl dd { font-size: 16px; color: #666; line-height: 1.3;}
#keyVisual dl dd span { display: block; margin-top: 18px; color: #000066;}
.topLogo { position: absolute; left: 0; top: 22px;}

#keyVisual_sub { width: 1000px; margin:0 auto 30px auto; position: relative; padding-top: 15px;}
#keyVisual_sub h1 { text-indent: 0; font-size: 34px; text-align: right; padding: 15px 0 0 0; color: #000066; font-weight: normal; letter-spacing: 0.5px;}
#keyVisual_sub h1 span { letter-spacing: -5px;}
#keyVisual_sub h1 small { color: #2e4d6a; font-size: 20px; font-weight: normal; letter-spacing: 1px; margin: 16px auto 30px auto; display: block; }
#keyVisual_sub .topLogo { position: absolute; left: 0; top: 20px;}

#mainContents { position: relative; z-index: 1;padding-top: 40px;background: #E1F4FF;}
#mainContents_sub { position: relative; z-index: 1;  background-color: #E1F4FF;}
.subTopImg { width: 338px;}
.subTopImg img { object-fit: cover; width: 338px; height: 225px;}
.subWide { width: 100%;}

#mainContents.mainCon_fixed:before { position: fixed;}
.topUl { font-size: 16px; color: #000066; display: flex; justify-content: center; padding: 40px 0;}
.topUl li a { display: block; padding: 7px 22px; transition: all 0.2s ease;color: #0A5096 !important;font-weight: bold;border-right: 1px solid #C9C9C9;}
.topUl li:last-child a{border-right: none;}
#contents.column1 .topUl li a:hover { background:#fbfbfb; border-radius: 3px; text-decoration: none; transition: all 0.2s ease;}
.mainCover { width: 100%;padding-bottom: 80px; }
.mainBox { width: 1000px; margin: 0 auto auto auto; }
.areaCon { background: #fff; margin-bottom: 50px; color: #666666;}
.areaCon a { display: block; width: 100%; transition: all 0.2s ease;}
#contentsArea .areaCon a:hover { background: #f6f6f6; transition: all 0.2s ease; text-decoration: none;}
.areaCon a:hover img { opacity: 0.8; transition: all 0.2s ease;}
.photoCon { float: left; width: 470px;}
.photoCon img { display: block;}
.areaCon dl { width: 470px; margin-right: 30px; float: right; padding: 30px 0;}
.areaCon dl dt { border-bottom:1px solid #999999; padding-bottom: 20px; margin-bottom: 20px;}
.areaCon dl dt span { display: block; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size: 23px; margin-top: 12px; line-height: 1.35; color: #000000;}
.areaCon dl dd { font-size: 17px; line-height: 1.7; color: #666666;}

#contents .pagetop { width: 80px; height: 80px; position: fixed; right: 0px; bottom: 20px; z-index: 500; display: none;}
#contents .pagetop span { display: none; }
#contents .pagetop a { display: block; width: 100%;}
#contents .pagetop a:hover { cursor: pointer; opacity: 0.8;}

.subMain { width: 1000px; margin: auto; display: flex; justify-content: space-between;}
.subTop { width: 632px; height: 225px; background:rgba(255,255,255,0.8); box-sizing: border-box; padding: 15px 20px; font-size: 16px; line-height: 1.65; margin-bottom: 27px;}
.subTop dt { border-bottom: 1px solid #333333; padding: 0 0 12px 0; margin-bottom: 12px;}
.subTop dt span { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; display: block; font-size: 22px; margin-top: 6px; line-height: 1.3; font-weight: bold;}
.sub_term { margin-bottom: 70px; background: #f2f7ff; font-size: 16px; line-height: 1.6; padding: 20px 0;}
.sub_term p { width: 1000px; margin: auto; position: relative;}
.subWide { background: #ffffff;width: 1040px;margin-right: auto;margin-left: auto;padding-top: 40px;padding-bottom: 10px;}
.areaBoxUl { display: flex; justify-content: start; width: 1000px; margin: auto; flex-wrap: wrap;}
.areaBoxUl li { width: 310px; border: 1px solid #e0e0e0; background: #ffffff; transition: all 0.2s ease; margin-right: 30px; padding:0 0 20px 0; margin-bottom: 50px;}
.areaBoxUl li:nth-of-type(3n) { margin-right: 0!important;}
.areaBoxUl li img { width: 100%; display: block;}
.areaBoxUl li:hover { background: #f6f6f6; transition: all 0.2s ease;}
.areaBoxUl li:hover img { opacity: 0.8;}
#contentsArea .areaBoxUl li a:hover { text-decoration: none;}
.areaBoxUl li dl { padding: 18px 20px;}
.areaBoxUl li dt span { color:#666666; font-size: 15px; display: block; line-height: 1.7; margin-bottom: 10px;}
.areaBoxUl li dt b { color:#000033; display: block; font-size: 20px; line-height: 1.5; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; font-weight: normal;}
.areaBoxUl li dd { font-size: 16px; line-height: 1.7; color: #555555;}
.areaBtn { display: flex; margin: 0 20px; justify-content: space-between; }
.areaBtn a { width: 126px; border: 1px solid #cccccc; background: #ffffff; border-radius: 3px; padding: 8px 0; text-align: center; display: block; font-size: 15px; transition: all 0.2s ease;}
.areaBtn a:hover { background: #d6d6d6; transition: all 0.2s ease;}
.swipeCon { background: #f2f2f2; padding: 50px 0 50px 0;margin: 10px 10px 0 10px;}
.w1000 { width: 880px; margin: auto; padding: 0 60px; position: relative; }
.w1000 .swiper-container .swiper-slide { width: 310px;}
.w1000 .swiper-container .swiper-slide img { width: 100%;}
#contentsArea .w1000 .swiper-container .swiper-slide a:hover { text-decoration: none;}
#contentsArea .w1000 .swiper-container .swiper-slide a:hover img { opacity: 0.8;}
.w1000 .swiper-container .swiper-slide dl { padding: 14px 14px 20px 14px;}
#contentsArea .w1000 .swiper-container .swiper-slide a:hover dl { background: #f9f9f9;}
.w1000 .swiper-container .swiper-slide dt span { color:#666666; font-size: 15px; display: block; line-height: 1.4; margin-bottom: 10px;}
.w1000 .swiper-container .swiper-slide dt b { color:#000033; display: block; font-size: 19px; line-height: 1.5; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; margin-bottom: 10px; font-weight: normal;display: none;}
.w1000 .swiper-container .swiper-slide dd { font-size: 16px; line-height: 1.7;display: none;}
.area_h2 { font-size: 27px; text-align: center; margin: 0 auto 45px auto;}
.swiper-button-prev { background-image: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/pre_pc.png)!important;}
.swiper-button-next { background-image: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/nex_pc.png)!important;}

#entry{width: 1080px;margin-right: auto;margin-left: auto;padding: 0 0 60px;}
.toptheme{width: 800px;background: #fff;display: block; margin-right: auto;margin-left: auto;padding-bottom: 20px;text-align: center;padding: 80px 140px;}
.toptheme p.themename{text-align: left;font-size: 16px;padding-bottom: 20px;line-height: 1.5;}
#entry a:hover{opacity: 0.8;}
.toptheme p.themename b{color: #0A5096;font-size: 30px;display: block;padding-bottom: 20px;text-align: center;}
.toptheme>span{line-height: 120%;display: block;text-align: left ;padding-top: 20px;}
 .entrytime{font-size: 20px;text-align: center;line-height: 150%;}
.entryanchor{font-size: 16px;text-align: center;padding-top: 20px;position: relative;display: block;padding-bottom: 40px;}
 .entryanchor span{position: relative;}
 .entryanchor span::after{position: absolute;display: block;content: "▲";transform: rotate(180deg);right: -20px;top: 10%;font-size: 12px;}

.mainCover ul{display: flex;width: 1040px;margin-right: auto; margin-left: auto; justify-content: space-between;flex-wrap: wrap;}
.mainCover ul li{width: 330px; margin-bottom: 20px;}
.mainCover ul li a{position: relative; display: block;}
.mainCover ul li a img{display: block;}
.mainCover ul li a:hover{opacity: 0.8;}
.mainCover ul li a span{position: absolute;bottom: 0;display: block;right: 0;color: #fff;font-size: 18px;font-weight: bold;text-align: center;width: 100%;background: rgba(10,80,150,0.8);padding: 10px 0;}
.mainCover ul li a span::before{display: block;position: absolute;content: "";width: 20px;height: 20px;background: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/arrow.png) no-repeat; right: 10px;}

.kanban{background: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/common/topBg.png) no-repeat center center;height: 300px;display: flex;align-items: center; justify-content: center; background-size: cover;}
.kanban p{position: relative;}

.kanban p:after{display: block;content: "";position: absolute;background: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/kiraR.png) no-repeat; width: 377px; height: 185px; top: -10px; right: -250px;}
#cpn{padding: 80px 0; background-color: #fff;display: none;}
#cpn h2{text-align: center;font-size: 30px;margin-bottom: 40px;}
#cpn dl{width: 100%;margin-right: auto;margin-left: auto;box-sizing: border-box;border: 1px solid #E9E9EB;display: table;font-size: 14px;border-bottom: none;line-height: 150%;}
#cpn dl:last-child{border-bottom: 1px solid #e9e9eb;}
#cpn dl dt{border-right: 1px solid #E9E9EB;box-sizing: border-box;width: 30%;display: table-cell;background-color: #49ABE1;vertical-align: middle;text-align: center;color: #fff;}
#cpn dl dd{box-sizing: border-box; padding: 3%;}
#cpn dl dd a{color: #49ABE1 !important;text-decoration: underline !important;}
.kanban_sub{height: 190px;background: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/topbg_sub.png) no-repeat center center;background-size: cover;display: flex;justify-content: center;align-items: center;}
.kanban_sub span{border-bottom: 4px solid #FFF001;position: relative;  }
.kanban_sub span::after{position: absolute;display: block;content:"";width:308px;height: 120px;background: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/topR_sub.png);right: -300px;top:-20px;}
.kanban_sub span::before{position: absolute;display: block;content:"";width: 258px;height: 75px;background: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/topL_sub.png);left: -250px;top: 0;}


.premium .kanban p:after{background: url(https://img.travel.rakuten.co.jp/package/ana/collection//images/common/kiraR.png) no-repeat;width: 435px;height: 105px;top: 37px;right: -280px;}
.premium .kanban{height: 370px;}
.premium #entry{width: 1080px;}
.premium .mainCover{width: 1080px; background-color: #fff; margin: 80px auto 0;padding-top: 80px;}
.premium .mainCover .topUl{width: auto; justify-content: center;padding: 40px 0 0;}
.premium .mainCover .topUl li{width: auto;}
/* .premium .mainCover .topUl li a{color: #333 !important;font-weight: normal;font-size: 14px;}
.premium .mainCover .topUl li a:hover{background: #0A5096 !important; color: #fff !important; border-radius: 0 !important;} */
.premium .mainCover h2{color: #0A5096;text-align: center;font-size: 32px;position: relative;letter-spacing: 3px;}
.premium .mainCover h2:after{display: block;width: 180px; height: 1px; background-color: #0A5096;content: "";position: absolute; bottom: -10px;right: calc(50% - 90px);}
.premium #mainContents{padding: 80px;}
.premium .black{width: 100%; height: 100%; position: fixed;top: 0;right: 0;z-index: 998;}
.premium #cpn{display: block;width: 1040px;padding: 0;background: none;position: relative;z-index: 999;height: auto;}
.premium .close{display: block;width: 40px; height: 35px;position: absolute;top: -10px;right: -10px;background: #000;color: #fff;border-radius: 100px;text-align: center;font-size: 25px;font-weight: bold;border: 1px solid #fff;padding-top: 5px;transform: rotate(45deg);cursor: pointer;}
.premium #cpn h2{font-size: 14px;color: #fff;background: #0A5096;margin-bottom: 0;padding: 20px 0;}
.premium .cpnwrap{position: fixed;top: 0;right: 0;background: rgba(0, 0, 0, 0.8);width: 100%;height:calc(100% - 100px);display: flex;justify-content: center;padding: 100px 0;overflow: hidden;}
.premium #cpn dl{background-color: #fff; border: 1px solid #B4B4B4;border-bottom: none;}
.premium #cpn div dl:last-child{border-bottom: 1px solid #b4b4b4;}
.premium #cpn div{width: 100%;height: 500px;overflow-y: scroll;}
.premium #cpn dl dt{background: #E1E1E1; color: #000;border-right: 1px solid #B4B4B4;}
.premium .entrytime{font-size: 18px;padding: 20px 0;width: 688px;margin: 0 auto;text-align: left;}
.premium .entrytime b{display: block;}
.premium .entrytime span{font-size: 14px;}
.premium .entrytime span em{font-style: normal;color: #bf0000;}
.premium .entryanchor{border-radius: 8px;font-size: 20px;border: 1px solid #333;padding: 15px 0; width: 310px;margin: 0 auto;background: url(https://img.travel.rakuten.co.jp/package/ana/collection//images/link.svg) no-repeat 90% center;}
.premium .entryanchor span::after{content: "";}
.premium .entryanchor:hover{text-decoration: none !important;}
.premium .toptheme p.themename b{position: relative;padding-bottom: 40px !important;}
.premium .toptheme p.themename b:after{display: block;width: 180px; height: 1px; background-color: #0A5096;content: "";position: absolute; bottom: 35px;right: calc(50% - 90px);}
a.blank span{display: inline-block;font-size: 12px; background-color: #CACACA;border-radius: 3px;padding: 4px;}
a.blank {display: inline-block;margin-top: 20px;margin-bottom: 10px;background: url(../../images/common/newwindow.svg) no-repeat right center;padding-right: 20px;}
a.blank:hover{opacity: 0.8;}
.rt-header{z-index: 1 !important;}
.fixed{position: fixed;width: 100%;}