@charset "utf-8";
/*
 * CSS for SP
 * @date     2018.01.23
 * @author   shingo sato
 */
/* ------------------------------------------
------------------------------------------ */
.fontYM { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.sp { display: block;}
.pc { display: none;}
#grpLocationArea a{color: #1d54a7 !important;}
#contents { background: #f2f2f2; padding: 0 0 10px 0; color: #333333; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif; }

.topCon { background: #000;}
#keyVisual { margin:0 auto 0 auto; padding-bottom: 24px; display: none;}
#keyVisual h1 { text-indent: 0; font-size: 28px; text-align: center; padding: 24px 0 0 0; color: #000066; font-weight: normal; letter-spacing: 0.5px; line-height: 1.2;}
#keyVisual h1 span { letter-spacing: -8px;}
#keyVisual dl { text-align: center;}
#keyVisual dl dt { color: #2e4d6a; font-size: 18px; font-weight: normal; letter-spacing: 1px; margin: 5px auto;}
#keyVisual dl dd { font-size: 14px; color: #666666; line-height: 1.5;}
#keyVisual dl dd span { display: block; margin-top: 14px; color: #000066;}
.topLogo img { width: 120px;}
/* .topSec { background: #5cd0f7 url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/topBg_sp.jpg) center bottom no-repeat; background-size: cover; } */

#keyVisual_sub { margin:0 auto 0 auto; padding-bottom: 20px; }
#keyVisual_sub h1 { text-indent: 0; font-size: 30px; text-align: center; padding: 24px 0 0 0; color: #000066; font-weight: normal; letter-spacing: 0.5px; line-height: 1.2;}
#keyVisual_sub h1 small { color: #2e4d6a; font-size: 17px; font-weight: normal; letter-spacing: 1px; margin: 10px auto; display: block;}
#cpn dl dd a{color: #49ABE1 !important;text-decoration: underline !important;}
.areaCon { background: #fff; margin-bottom: 24px; color: #666666; box-shadow: 0 1px 3px #cfcfcf;}
.areaCon a { display: block; }
.areaCon a { display: block; 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 img { width: 100%;}
.areaCon dl { padding: 12px 16px 24px 16px;}
.areaCon dl dt { margin-bottom: 8px; font-size: 16px; line-height: 1.7;}
.areaCon dl dt span { display: block; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; font-size: 24px; line-height: 1.5;}
.areaCon dl dd { font-size: 17px; line-height: 1.7;}

.subTop { font-size: 15px; line-height: 1.65; margin-bottom: 16px;}
.subTop dt { margin-bottom: 12px;}
.subTop dt p { margin: 0 16px 16px 16px;}
.subTop dt img { width: 100%;}
.subTop dt span { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; display: block; font-size: 20px; margin-top: 6px; line-height: 1.5; font-weight: bold;}
.subTop dd { margin: 0 16px;}

.sub_term { margin-bottom: 24px; background: #f2f2f2; font-size: 14px; line-height: 1.7; padding: 16px 16px 0 16px;}
.sub_term p { position: relative;}

.subWide { background: #fff;padding: 10px;}
.areaBoxUl  { margin: 0 8px;}
.areaBoxUl li { border: 1px solid #e0e0e0; background: #ffffff; transition: all 0.2s ease; margin-bottom: 24px; box-shadow: 0 1px 3px #cfcfcf; padding-bottom: 16px;}
.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 img { width: 100%;}
.areaBoxUl li dl { padding: 12px 12px 16px 12px;}
.areaBoxUl li dt span { color:#666666; font-size: 16px; display: block; line-height: 1.7; margin-bottom: 10px;}
.areaBoxUl li dt b { color:#000033; display: block; font-size: 22px; 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: 17px; line-height: 1.7;}
.areaBtn { display: flex; margin: 0 12px; justify-content: space-between; }
.areaBtn a { width: 48%; 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: 16px 0 24px 0}
.w1000 { margin: auto; padding: 0 40px; position: relative; }
.w1000 .swiper-container .swiper-slide { width: 250px;}
.w1000 .swiper-container .swiper-slide img { width: 100%;}
.w1000 .swiper-container .swiper-slide dt span { color:#666666; font-size: 15px; display: block; line-height: 1.7; margin-bottom: 6px;}
.w1000 .swiper-container .swiper-slide dl { padding: 14px 14px 20px 14px;}
#contentsArea .w1000 .swiper-container .swiper-slide a { display: block;}
#contentsArea .w1000 .swiper-container .swiper-slide a:hover { background: #f9f9f9; text-decoration: none;}
#contentsArea .w1000 .swiper-container .swiper-slide a:hover img { opacity: 0.8;}
.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: 8px; font-weight: normal;display: none;}
.w1000 .swiper-container .swiper-slide dd { font-size: 15px; line-height: 1.7;display: none;}
.area_h2 { font-size: 24px; text-align: center; margin: 0 auto 24px auto;}
.swiper-button-prev { background-image: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/pre_sp.png)!important; background-size: 20px; left: 8px;}
.swiper-button-next { background-image: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/nex_sp.png)!important; background-size: 20px; right: 8px;}
.w1000 .swiper-button-next, .w1000 .swiper-button-prev { top: 88px; background-size: 18px;}
#contents .pagetop img { display: none; }

#entry{padding: 10px;margin: 0 10px;}
.toptheme{display: block; margin-right: auto;margin-left: auto;padding-bottom: 20px;background: #fff;padding: 10px;margin: 0 10px;text-align: center;}
.toptheme p.themename{font-size: 15px;padding-bottom: 20px;text-align: left;}
.toptheme p.themename b{text-align: center; color: #0A5096;font-size: 18px;display: block;padding-bottom: 10px;}
.toptheme>span{text-align: left;display: block;padding-top: 10px;}
.toptheme img{width: 100%;}
.entrytime{font-size: 16px;line-height: 150%;padding: 5px;}
.entryanchor{font-size: 16px;text-align: center;padding-top: 20px;position: relative;display: block;padding-bottom: 20px;}
.entryanchor span{position: relative;}
.entryanchor span::after{position: absolute;display: block;content: "▲";transform: rotate(180deg);right: -20px;top: 10%;font-size: 12px;}

.kanban img.sp{width: 100%;display: block;}
#mainContents{background:#E1F4FF ;padding: 10px 0;}

.mainCover ul{display: flex;margin-right: auto; margin-left: auto; justify-content: space-between;flex-wrap: wrap;padding: 10px;}
.mainCover ul li{width:49%; margin-bottom: 10px;}
.mainCover ul li a{position: relative; display: block;}
.mainCover ul li a img{display: block;width: 100%;}
.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;top: 25%;}


#cpn{padding: 20px 10px; background-color: #fff;display: none;}
#cpn h2{text-align: center;font-size: 24px;margin-bottom: 20px;}
#cpn dl{margin-right: auto;margin-left: auto;box-sizing: border-box;border: 1px solid #E9E9EB;font-size: 14px;border-bottom: none;line-height: 150%;}
#cpn dl:last-child{border-bottom: 1px solid #e9e9eb;}
#cpn dl dt{box-sizing: border-box;background-color: #49ABE1;vertical-align: middle;text-align: center;color: #fff;padding: 10px 0;}
#cpn dl dd{box-sizing: border-box; padding: 3%;}

.kanban_sub{background: url(https://img.travel.rakuten.co.jp/package/ana/collection/images/202204/topbg_subsp.png) no-repeat center center;background-size: cover;display: flex;justify-content: center;align-items: center;padding: 40px 0;}
.kanban_sub span{border-bottom: 4px solid #FFF001;position: relative;  }
#mainContents_sub{padding: 10px;}
.topUl { font-size: 16px; color: #000066; display: flex; justify-content: center; padding: 10px 0;flex-wrap: wrap;}
.topUl li a { display: block; padding: 5px 10px; transition: all 0.2s ease;color: #0A5096 !important;font-weight: bold;border-right: 1px solid #C9C9C9;}
.topUl li:last-child a{border-right: none;}
.topUl li{margin: 5px 0;}

.premium .mainCover{background-color: #fff;margin: 10px;}
.premium .mainCover h2{text-align: center;color: #0A5096;font-size: 18px;padding: 10px 0;text-decoration: underline;}
.premium .mainCover .topUl{width: auto; justify-content: center;padding: 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 .entryanchor{border-radius: 8px;font-size: 20px;border: 1px solid #333333;padding: 10px 0; margin: 0 auto;background: url(../../images/link.svg) no-repeat 90% center;}
.premium .entryanchor span::after{content: "";}
.premium .entrytime{font-size: 14px;padding: 20px 0; text-align: left;}
.premium .entrytime span{font-size: 12px;}
.premium .entrytime span em{font-style: normal;color: #bf0000;}
.premium .black{width: 100%; height: 100%; position: fixed;top: 0;right: 0;z-index: 998;}
.premium #cpn{display: block;padding: 0;background-color: #fff;position: relative;height:100%;position: fixed;top: 0;left: 0;z-index: 999999;}
.premium #cpn div{overflow: auto;height: calc(100% - 60px);}
.premium #cpn .close{display: block;width:35px; 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;transform: rotate(45deg);cursor: pointer;z-index: 9999999999999;padding-bottom: 2px;padding-left: 2px;}
.premium #cpn h2{font-size: 14px;color: #fff;background: #0A5096;margin-bottom: 0;padding: 20px 0;position: relative;}
/* .premium .cpnwrap{position: fixed;top: 0;right: 0;background: rgba(0, 0, 0, 0.8);width: 100%;height:calc(100% - 10px);display: flex;justify-content: center;padding: 10px 0 0;overflow: hidden;z-index: 999;} */
.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 dl dt{background: #E1E1E1; color: #000;border-right: 1px solid #B4B4B4;}
.premium .toptheme p.themename b{position: relative;padding-bottom: 20px !important;}
.premium .toptheme p.themename b:after{display: block;width: 180px; height: 1px; background-color: #0A5096;content: "";position: absolute; bottom: 20px;right: calc(50% - 90px);}
.premium .entrytime b{display: block;}
a.blank span{display: inline-block;font-size: 12px; background-color: #CACACA;border-radius: 3px;padding: 4px;}
a.blank {display: inline-block;background: url(../../images/common/newwindow.svg) no-repeat right center;padding-right: 20px;margin: 10px auto;}
a.blank:hover{opacity: 0.8;}
.fixed{position: fixed;width: 100%;}