@charset "UTF-8";
.sp { display: none !important; }

#widewrapper { width: 100%; }

#contentsArea a:hover { opacity: 0.7; }

#contents.column1 { width: 100%; padding: 0; background: #fff8ec; overflow: hidden; }

.top { width: 100%; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/top_bg.jpg) center center no-repeat; background-size: cover; height: 216px; position: relative; }

.top .top_txt { position: absolute; font-size: 12px; color: #864b4b; text-align: center; line-height: 1.4; bottom: 25px; left: 0; width: 100%; }

.top h1 { width: 614px; margin: 0 auto; overflow: hidden; }

.top h1 img { display: block; }

.top h1.main { text-align: center; width: 560px; height: 216px; color: #ea381c; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/top_1st_stage_bg.png) no-repeat; }

.top h1.main span { display: block; font-size: 24px; margin: 15px 45px 24px; }

.top h1.main em { font-style: normal; font-size: 54px; }

#asa_top .top { height: 432px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/top_bg2.jpg) center center no-repeat; background-size: cover; }

#contentsArea .navi { width: 100%; z-index: 1000; }

#contentsArea .navi ul { display: flex; justify-content: center; width: 100%; background: #ea381c; padding: 4px 0; position: relative; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); }

#contentsArea .navi ul:after { position: absolute; width: 14px; height: 14px; background: #ea381c; bottom: -7px; left: calc(50% - 50px); content: ''; transform: rotate(45deg); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }

#contentsArea .navi ul.second:after { left: calc(50% + 115px) !important; }

#contentsArea .navi ul.third:after { left: calc(50% + 292px) !important; }

#contentsArea .navi ul li { border-right: 1px solid #fff; position: relative; }

#contentsArea .navi ul li.soon:after { position: absolute; content: 'coming soon'; color: #fff; text-align: center; width: 100%; padding: 21px 0; top: 0; left: 0; background: rgba(127, 21, 10, 0.7); }

#contentsArea .navi ul li a { color: #fff; font-weight: bold; padding: 21px 25px; display: block; font-size: 15px; }

#contentsArea .navi ul li a:hover { color: #fff; }

#contentsArea .navi ul li:last-child { border: none; }

.asa #contentsArea .navi ul:after { left: calc(50% - 270px); }

/*modal*/
.asabox { width: 950px; margin: 50px auto 30px; }

.modal-main { display: none; width: 60%; height: auto; margin: 0; background-color: #ffffff; color: #666666; position: fixed; z-index: 2; }

#modal-bg { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 100 !important; }

#contentsArea .asafes { margin: 0 auto; }

#contentsArea .asafes > a { display: block; }

#contentsArea .asafes .bfBox { padding: 10px 30px; margin: 0 auto 20px; position: relative; background: #fff; }

#contentsArea .asafes .bfBox h2 { text-align: center; padding: 20px 0 25px; font-size: 21px; border-bottom: 2px solid #ea381c; position: relative; }

#contentsArea .asafes .bfBox h2:before { position: absolute; content: ''; width: 10px; height: 10px; bottom: -6px; left: 0; border-radius: 5px; background: #ea381c; }

#contentsArea .asafes .bfBox h2:after { position: absolute; content: ''; width: 10px; height: 10px; bottom: -6px; right: 0; border-radius: 5px; background: #ea381c; }

#contentsArea .asafes .bfBox h2 span { padding: 5px 15px; font-size: 15px; color: #fff; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_ribon2l.gif) left center no-repeat, url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_ribon2r.gif) right center no-repeat; background-color: #ea381c; margin-right: 12px; }

#contentsArea .asafes .bfBox h2 a { color: #ea381c; }

#contentsArea .asafes .bfBox .LR { overflow: hidden; padding: 20px 0; }

#contentsArea .asafes .bfBox .LR .L { float: left; width: 416px; }

#contentsArea .asafes .bfBox .LR .L img { width: 100%; }

#contentsArea .asafes .bfBox .LR .R { float: right; width: 312px; }

#contentsArea .asafes .bfBox .LR .R h3 { font-size: 1rem; padding: 20px 20px 3px; }

#contentsArea .asafes .bfBox .LR .R h3 a { color: #666; font-size: 14px; }

#contentsArea .asafes .bfBox .LR .R p { padding: 25px; font-size: 14px; line-height: 1.6; color: #333; background: #f6f0e7 url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/paper.gif) no-repeat right bottom; }

#contentsArea .asafes .bfBox .LR .R ol { border-radius: 10px; padding: 10px; list-style: none; text-align: center; margin: 5px 0; }

#contentsArea .asafes .bfBox .LR .R ol li { float: none; width: auto; margin-top: 10px 0 0 0; text-align: center; }

#contentsArea .asafes .bfBox .LR .R ol li img { display: none; }

#contentsArea .asafes .bfBox .LR .R ol li a { display: block; border-radius: 4px; font-size: 20px; text-align: center; padding: 7px; font-weight: 700; }

#contentsArea .asafes .bfBox .LR .R ol li a.vote { border: 1px solid #f9cd55; background: #f9cd55 url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow.png) 94% center no-repeat; color: #ea381c; padding: 12px 0; }

#contentsArea .asafes .bfBox .LR .R ol li a.i { border: 2px solid #f39517; background: #fff; color: #f39517 !important; }

.asafesList { overflow: hidden; }

.asa_modal_main { display: none; width: 810px; height: auto; margin: 0; background-color: #ffffff; color: #666666; position: fixed; z-index: 101; }

#contentsArea .asafesItem { float: left; width: 180px; padding-bottom: 10px; margin: 0 5px 10px; }

#contentsArea .asafesItem .parameter { display: none; }

#contentsArea .asafesItem h3 img { display: block; margin-bottom: 10px; }

#contentsArea .asafesItem .wrap { padding: 7px; background: #fff; }

#contentsArea .asafesItem .wrap h4 { background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_ribon.gif) left 2px no-repeat; margin-bottom: 5px; padding-left: 14px; }

#contentsArea .asafesItem .wrap h4 a { color: #ea381c; font-size: 13px; line-height: 1.4; font-weight: normal; }

#contentsArea .asafesItem .wrap > a img { width: 100%; display: block; margin-bottom: 10px; }

#contentsArea .asafesItem .wrap p { color: #666; margin-bottom: 10px; line-height: 1.4; font-size: 12px; }

#contentsArea .asafesItem .wrap ol { padding: 0; }

#contentsArea .asafesItem .wrap ol li { float: none; width: auto; margin-right: 0px; margin-bottom: 0px; text-align: center; }

#contentsArea .asafesItem .wrap ol li img { vertical-align: middle; }

#contentsArea .asafesItem .wrap ol li a { display: block; border-radius: 4px; font-size: 15px; text-align: center; padding: 7px; font-weight: 700; }

#contentsArea .asafesItem .wrap ol li a.vote { border: 1px solid #f9cd55; background: #f9cd55 url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow.png) 94% center no-repeat; background-size: 12px 12px; color: #ea381c; font-weight: bold; }

.asafesItem.last { margin-right: 0; }

#contentsArea #contents .pagetop a { position: fixed; width: 66px; height: 66px; border-radius: 33px; background: #ea381c; color: #fff; font-size: 24px; text-align: center; line-height: 66px; right: 35px; bottom: 20px; z-index: 999; }

#contentsArea #contents .pagetop a:hover { text-decoration: none; color: #fff; }

.rt_link .rt_ttl { font-size: 24px; color: #fff; border-radius: 5px 0 0 5px; background: #ea381c url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_sh.png) center 96% no-repeat; padding: 26px 16px 75px; text-align: center; writing-mode: vertical-lr; position: fixed; right: 0; top: 53%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); width: 30px; }

.rt_link .rt_ttl:hover { cursor: pointer; }

.rt_link .rt_ttl.active-submenu { right: 260px; }

.rt_link ul { background: #fff; width: 260px; border: 1px solid #ea381c; padding: 20px 15px; box-sizing: border-box; display: flex; justify-content: flex-start; flex-wrap: wrap; position: fixed; right: 0; top: 53%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); }

.rt_link ul li { margin: 0 5px 10px; font-size: 14px; }

.info { background: #e9e9e9; padding: 40px 0; display: flex; justify-content: center; flex-wrap: wrap; }

.info > div { margin: 0 5px; }

.info p { font-size: 14px; width: 100%; text-align: center; margin-top: 40px; line-height: 1.4; }

.info p a { display: inline-block; margin-bottom: 30px; }

#vote .thanks { width: 890px; margin: 66px auto; background: #fff; padding: 65px 0; text-align: center; }

#vote .thanks h2 { font-size: 38px; margin-bottom: 35px; }

#vote .thanks h3 { font-size: 18px; margin-bottom: 30px; }

#vote .thanks > a { width: 395px; display: block; color: #fff; font-size: 20px; padding: 15px 0; border-radius: 5px; background: #ea381c url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow.png) 355px center no-repeat; margin: 0 auto 28px; }

#vote .thanks > a:hover { color: #fff; }

#vote .thanks p { font-size: 18px; line-height: 1.6; }

#vote .thanks p span a { color: #ea381c; font-weight: bold; text-decoration: underline; }

#vote .thanks p span a:hover { color: #ea381c; }

#contentsArea .voteBtn { display: flex; justify-content: center; font-weight: bold; margin: 30px 0; }

#contentsArea .voteBtn span { font-size: 24px; display: inline-block; margin: 0 40px; padding: 15px 0; }

#contentsArea .voteBtn a { width: 290px; background: #ea381c url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow.png) 94% center no-repeat; color: #fff; font-size: 20px; text-align: center; display: inline-block; margin: 0; padding: 15px 40px 15px 15px; border-radius: 5px; letter-spacing: 1px; }

#contentsArea .voteBtn a.col2 { padding: 30px 10px 0 0; }

#contentsArea .voteBtn a:hover { color: #fff; }

#contentsArea .box890 { width: 890px; margin: 40px auto 80px; }

#contentsArea .box890 .ttl { text-align: center; font-size: 36px; margin-bottom: 40px; }

#contentsArea .box890 .ttl img { display: block; margin: 0 auto; }

#contentsArea .box890 .what { display: flex; justify-content: space-between; line-height: 1.6; }

#contentsArea .box890 .what .subttl { margin-bottom: 20px; }

#contentsArea .box890 .what div:first-child { width: 586px; }

#contentsArea .box890 .what div:first-child p { font-size: 16px; color: #333; }

#contentsArea .box890 .what div:last-child { width: 295px; }

#contentsArea .box890 .what div:last-child img { display: block; margin-bottom: 10px; }

#contentsArea .box890 .what div:last-child span { font-size: 11px; color: #242424; display: block; }

#contentsArea .box890 .step { display: flex; justify-content: center; margin-bottom: 45px; }

#contentsArea .box890 .step li { width: 294px; background: #fff; border-width: 2px 0 2px 2px; border-style: solid; border-color: #000; position: relative; margin-top: 33px; line-height: 1.6; display: flex; flex-wrap: wrap; }

#contentsArea .box890 .step li.now:before { position: absolute; content: ""; width: 57px; height: 68px; left: 92px; top: -65px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_now.png) no-repeat; z-index: 2; }

#contentsArea .box890 .step li h3 { padding: 28px; text-align: center; font-size: 26px; }

#contentsArea .box890 .step li h3 span { display: block; font-size: 18px; padding-bottom: 25px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow_down.png) center bottom no-repeat; }

#contentsArea .box890 .step li h3 em { font-style: normal; display: inline-block; border-bottom: 2px solid #000; }

#contentsArea .box890 .step li p.txt { font-size: 15px; padding: 0 28px 10px; clear: both; }

#contentsArea .box890 .step li p.pk_bg { background: #f17d6b; color: #fff; padding: 28px; align-self: flex-end; flex-grow: 1; }

#contentsArea .box890 .step li p.more { text-align: right; margin: 0 0 28px; width: 100%; }

#contentsArea .box890 .step li a { font-size: 15px; float: right; color: #ea381c; text-decoration: underline; padding-right: 28px; }

#contentsArea .box890 .step li:first-child:after { position: absolute; content: ""; height: 33px; width: 294px; top: -35px; left: -2px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/step1.png) left center no-repeat; }

#contentsArea .box890 .step li:first-child:before { position: absolute; content: ""; width: 11px; height: 36px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/triangle.png) no-repeat; background-size: 11px 36px; right: -13px; top: 160px; z-index: 100; }

#contentsArea .box890 .step li:nth-child(2):after { position: absolute; content: ""; height: 33px; width: 294px; top: -35px; left: -2px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/step2.png) left center no-repeat; }

#contentsArea .box890 .step li:nth-child(2):before { position: absolute; content: ""; width: 11px; height: 36px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/triangle.png) no-repeat; background-size: 11px 36px; right: -13px; z-index: 10; top: 160px; }

#contentsArea .box890 .step li:last-child { border-right: 2px solid #000; }

#contentsArea .box890 .step li:last-child:after { position: absolute; content: ""; height: 33px; width: 294px; top: -35px; left: -2px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/step3_now.png) left center no-repeat; }

#contentsArea .box890 a.btnL { display: block; width: 464px; height: 60px; line-height: 60px; color: #000; text-align: center; font-size: 18px; font-weight: bold; margin: 0 auto; background: #fff; border-radius: 5px; border: #000000 solid 2px; }

#contentsArea .box890 .win { width: 750px; margin: 0 auto; font-size: 16px; }

#contentsArea .box890 .win p { margin: 30px 0; text-align: center; }

#contentsArea .box890 .win table { border-collapse: separate; padding-bottom: 30px; }

#contentsArea .box890 .win table tr td { padding: 4px 0 4px 40px; text-align: left; vertical-align: top; }

#contentsArea .box890 .win table tr td:first-child { width: 100px; }

.begin { width: 950px; margin: 70px auto; }

.begin h2 img { display: block; margin: 0 auto 30px; }

.begin .txt { font-size: 16px; line-height: 1.6; text-align: center; }

.votebox { width: 950px; margin: 70px auto; position: relative; }

.votebox .over_box { position: absolute; background: #9f1f0f; color: #fff; width: 230px; padding: 15px; line-height: 1.6; font-size: 14px; box-sizing: border-box; top: 20px; right: 0; }

.votebox .over_box span { display: block; font-size: 17px; font-weight: bold; text-align: center; margin-bottom: 8px; }

.votebox h2 { margin-bottom: 40px; }

.votebox h3 { width: 722px; height: 20px; margin-bottom: 25px; position: relative; }

.votebox h3:before { position: absolute; width: 275px; height: 2px; background: #a17070; left: 0; top: 9px; content: ""; }

.votebox h3:after { position: absolute; width: 275px; height: 2px; background: #a17070; right: 0; top: 9px; content: ""; }

.votebox h3 span { display: block; width: 174px; margin: 0 auto; font-size: 18px; text-align: center; }

.votebox > ul { display: flex; justify-content: space-between; width: 722px; }

.votebox > ul li { width: 212px; height: 212px; position: relative; }

.votebox > ul li:first-child:after, .votebox > ul li:nth-child(2):after { position: absolute; content: ""; width: 17px; height: 42px; right: -30px; top: 85px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/triangle.png) no-repeat; }

.votebox .txt { font-size: 13px; padding: 30px; line-height: 1.6; }

#map .thisWarrp { top: -506px; margin: 0 auto; position: relative; text-align: left; width: 770px; }

.blue a { width: 154px; height: 125px; background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; left: 706px; top: 143px; }

.blue a span { display: block; padding-top: 45px; }

.sea a { background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; }

.sea a.s1 { width: 102px; height: 39px; line-height: 39px; left: 706px; top: 288px; }

.sea a.s2 { width: 49px; height: 39px; left: 706px; top: 331px; }

.sea a.s2 span { display: block; padding-top: 4px; }

.sea a.s3 { width: 49px; height: 39px; left: 759px; top: 331px; }

.sea a.s3 span { display: block; padding-top: 4px; }

.sea a.s4 { width: 49px; height: 39px; left: 706px; top: 374px; }

.sea a.s4 span { display: block; padding-top: 4px; }

.sea a.s5 { width: 49px; height: 39px; left: 759px; top: 374px; }

.sea a.s5 span { display: block; padding-top: 4px; }

.sea a.s6 { width: 102px; height: 39px; line-height: 39px; left: 706px; top: 417px; }

.green a { background: #facd56; color: #ea381c !important; font-size: 12px; white-space: nowrap; line-height: 17px; text-align: center; position: absolute; }

.green a.s1 { width: 49px; height: 39px; left: 547px; top: 417px; }

.green a.s1 span { display: block; padding-top: 4px; }

.green a.s2 { width: 49px; height: 39px; left: 600px; top: 417px; }

.green a.s2 span { display: block; padding-top: 4px; }

.green a.s3 { width: 49px; height: 39px; left: 653px; top: 417px; }

.green a.s3 span { display: block; padding-top: 4px; }

.green a.s4 { width: 49px; height: 39px; left: 547px; top: 460px; }

.green a.s4 span { display: block; padding-top: 4px; }

.green a.s5 { width: 49px; height: 82px; left: 600px; top: 460px; }

.green a.s5 span { display: block; padding-top: 24px; }

.green a.s6 { width: 49px; height: 82px; left: 653px; top: 460px; }

.green a.s6 span { display: block; padding-top: 24px; }

.green a.s7 { width: 49px; height: 39px; left: 706px; top: 460px; }

.green a.s7 span { display: block; padding-top: 4px; }

.green a.s8 { width: 49px; height: 39px; left: 759px; top: 460px; }

.green a.s8 span { display: block; padding-top: 4px; }

.green a.s9 { width: 49px; height: 39px; left: 706px; top: 503px; }

.green a.s9 span { display: block; padding-top: 4px; }

.green a.s10 { width: 49px; height: 39px; left: 759px; top: 503px; }

.green a.s10 span { display: block; padding-top: 4px; }

.green a.s11 { width: 49px; height: 39px; left: 706px; top: 546px; }

.green a.s11 span { display: block; padding-top: 4px; }

.green a.s12 { width: 49px; height: 82px; left: 759px; top: 546px; }

.green a.s12 span { display: block; padding-top: 24px; }

.green a.s13 { width: 49px; height: 39px; left: 706px; top: 589px; }

.green a.s13 span { display: block; padding-top: 4px; }

.lev a { background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; }

.lev a.s1 { width: 49px; height: 39px; left: 547px; top: 546px; }

.lev a.s1 span { display: block; padding-top: 4px; }

.lev a.s2 { width: 49px; height: 39px; left: 600px; top: 546px; }

.lev a.s2 span { display: block; padding-top: 4px; }

.lev a.s3 { width: 49px; height: 39px; left: 653px; top: 546px; }

.lev a.s3 span { display: block; padding-top: 4px; }

.lev a.s4 { width: 49px; height: 39px; left: 653px; top: 589px; }

.lev a.s4 span { display: block; padding-top: 4px; }

.org a { background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; }

.org a.s1 { width: 49px; height: 39px; left: 441px; top: 503px; }

.org a.s1 span { display: block; padding-top: 4px; }

.org a.s2 { width: 49px; height: 39px; left: 494px; top: 503px; }

.org a.s2 span { display: block; padding-top: 4px; }

.org a.s3 { width: 49px; height: 39px; left: 547px; top: 503px; }

.org a.s3 span { display: block; padding-top: 4px; }

.org a.s4 { width: 49px; height: 39px; left: 441px; top: 546px; }

.org a.s4 span { display: block; padding-top: 4px; }

.org a.s5 { width: 49px; height: 39px; left: 494px; top: 546px; }

.org a.s5 span { display: block; padding-top: 4px; }

.org a.s6 { width: 102px; height: 39px; line-height: 39px; left: 441px; top: 589px; }

.pink a { background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; }

.pink a.s1 { width: 49px; height: 82px; left: 282px; top: 503px; }

.pink a.s1 span { display: block; padding-top: 24px; }

.pink a.s2 { width: 49px; height: 39px; left: 335px; top: 503px; }

.pink a.s2 span { display: block; padding-top: 4px; }

.pink a.s3 { width: 49px; height: 39px; left: 388px; top: 503px; }

.pink a.s3 span { display: block; padding-top: 4px; }

.pink a.s4 { width: 49px; height: 39px; left: 335px; top: 546px; }

.pink a.s4 span { display: block; padding-top: 4px; }

.pink a.s5 { width: 49px; height: 39px; left: 388px; top: 546px; }

.pink a.s5 span { display: block; padding-top: 4px; }

.pur a { background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; }

.pur a.s1 { width: 49px; height: 39px; left: 325px; top: 599px; }

.pur a.s1 span { display: block; padding-top: 4px; }

.pur a.s2 { width: 49px; height: 39px; left: 378px; top: 599px; }

.pur a.s2 span { display: block; padding-top: 4px; }

.pur a.s3 { width: 49px; height: 39px; left: 325px; top: 642px; }

.pur a.s3 span { display: block; padding-top: 4px; }

.pur a.s4 { width: 49px; height: 39px; left: 378px; top: 642px; }

.pur a.s4 span { display: block; padding-top: 4px; }

.red a { background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; }

.red a.s1 { width: 49px; height: 39px; left: 110px; top: 546px; }

.red a.s1 span { display: block; padding-top: 4px; }

.red a.s2 { width: 49px; height: 39px; left: 163px; top: 546px; }

.red a.s2 span { display: block; padding-top: 4px; }

.red a.s3 { width: 49px; height: 39px; left: 216px; top: 546px; }

.red a.s3 span { display: block; padding-top: 4px; }

.red a.s4 { width: 49px; height: 39px; left: 110px; top: 589px; }

.red a.s4 span { display: block; padding-top: 4px; }

.red a.s5 { width: 49px; height: 39px; left: 163px; top: 589px; }

.red a.s5 span { display: block; padding-top: 4px; }

.red a.s6 { width: 49px; height: 82px; left: 216px; top: 589px; }

.red a.s6 span { display: block; padding-top: 24px; }

.red a.s7 { width: 102px; height: 39px; line-height: 39px; left: 110px; top: 632px; }

.hot a { background: #facd56; color: #ea381c !important; font-size: 13px; line-height: 17px; text-align: center; position: absolute; }

.hot a.s1 { width: 49px; height: 39px; left: 110px; top: 691px; }

.hot a.s1 span { display: block; padding-top: 4px; }

.note { text-align: right; font-size: 14px; margin-top: 200px; }

#contentsArea .over { padding: 50px 0; text-align: center; }

#contentsArea .over h2 { font-size: 60px; margin-bottom: 20px; }

#contentsArea .over a { color: #ea381c; text-decoration: underline; }

#contentsArea .over a:hover { color: #ea381c; }

#contentsArea .results { width: 950px; margin: 50px auto 70px; }

#contentsArea .results .ttl { margin-bottom: 35px; }

#contentsArea .results .ttl > img { display: block; margin: 0 auto 24px; }

#contentsArea .results .ttl p { font-size: 14px; font-weight: normal; text-align: center; line-height: 1.4; }

#contentsArea .results .ttl p img { width: 16px; margin-right: 9px; }

#contentsArea .results .anchor { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 30px; }

#contentsArea .results .anchor li { border-right: 1px solid #000; margin-bottom: 10px; }

#contentsArea .results .anchor li:last-child { border: none; }

#contentsArea .results .anchor li a { font-size: 14px; padding: 0 10px; }

#contentsArea .results .htlrank { background: #fff; padding: 30px 24px; display: flex; justify-content: space-between; flex-wrap: wrap; }

#contentsArea .results .htlrank .rank_box { width: 435px; margin-bottom: 30px; }

#contentsArea .results .htlrank .rank_box h3 { font-size: 22px; padding-bottom: 10px; border-bottom: 2px solid #000; margin-bottom: 20px; }

#contentsArea .results .htlrank .rank_box .rank_list .rank { margin-bottom: 15px; padding-left: 92px; position: relative; line-height: 1.4; }

#contentsArea .results .htlrank .rank_box .rank_list .rank .menu a { font-size: 15px; color: #ea381c; font-weight: bold; }

#contentsArea .results .htlrank .rank_box .rank_list .rank .htl a { font-size: 14px; color: #333; }

#contentsArea .results .htlrank .rank_box .rank_list .crown:before { position: absolute; content: ''; width: 17px; height: 13px; top: 5px; left: 0; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_crown.gif) no-repeat; }

#contentsArea .results .htlrank .rank_box .rank_list .rank1:after { position: absolute; content: '第1位'; font-size: 15px; background: #eede64; padding: 3px 5px; left: 25px; top: 3px; letter-spacing: 1px; }

#contentsArea .results .htlrank .rank_box .rank_list .rank2:after { position: absolute; content: '第2位'; font-size: 15px; background: #d7d7bd; padding: 3px 5px; left: 25px; top: 3px; letter-spacing: 1px; }

#contentsArea .results .htlrank .rank_box .rank_list .rank3:after { position: absolute; content: '第3位'; font-size: 15px; background: #eec981; padding: 3px 5px; left: 25px; top: 3px; letter-spacing: 1px; }

#contentsArea .breakfast { width: 950px; margin: 0 auto 80px; }

#contentsArea .breakfast .ttl { text-align: center; font-size: 36px; margin-bottom: 30px; }

#contentsArea .breakfast .bkf_list { display: flex; justify-content: flex-start; flex-wrap: wrap; }

#contentsArea .breakfast .bkf_list li { width: 118.75px; box-sizing: border-box; border-width: 0 2px 2px 0; border-style: solid; border-color: #000; }

#contentsArea .breakfast .bkf_list li:nth-child(8n+1) { border-left: 2px solid #000; }

#contentsArea .breakfast .bkf_list li:nth-child(n+0):nth-child(-n+8) { border-top: 2px solid #000; }

#contentsArea .breakfast .bkf_list li a { display: block; text-align: center; font-size: 19px; font-weight: bold; padding: 10px 0; }

#contentsArea .breakfast .bkf_list li a span { font-size: 11px; }

#contentsArea .breakfast .bkf_list li a:hover { background: #000; color: #fff; opacity: 1; }

#stage_2 .ttl { position: relative; margin-bottom: 10px; }

#stage_2 .ttl a { position: absolute; color: #fff; right: 210px; top: 70px; background: #eb371c; padding: 8px 15px; font-size: 16px; text-align: center; line-height: 1.6; transform: rotate(3deg); }

#stage_2 .ttl a:hover { text-decoration: none; color: #fff; opacity: 0.9; }

#stage_2 .ttl img { display: block; margin: 0 auto; }

#stage_2 .subttl2 { font-size: 24px; text-align: center; margin-bottom: 65px; }

#stage_2 .subttl2 span { font-size: 18px; padding: 5px 20px; border: 1px solid #000; margin-left: 20px; }

#stage_2 .vote_2nd { background: #fff; padding: 50px 0; width: 100%; }

#stage_2 .vote_2nd .folder { width: 950px; margin: 0 auto; }

#stage_2 .vote_2nd .folder .boshu { padding: 0 30px; display: flex; justify-content: space-between; }

#stage_2 .vote_2nd .folder .boshu li:first-child { width: 406px; }

#stage_2 .vote_2nd .folder .boshu li:first-child img { display: block; margin-bottom: 10px; }

#stage_2 .vote_2nd .folder .boshu li:first-child p { font-size: 11px; }

#stage_2 .vote_2nd .folder .boshu li:last-child { width: 445px; }

#stage_2 .vote_2nd .folder .boshu li:last-child h4 { font-size: 22px; margin-bottom: 20px; }

#stage_2 .vote_2nd .folder .boshu li:last-child .txt { font-size: 16px; line-height: 1.6; }

#stage_2 .boshu_info { padding: 50px 0 60px; }

#stage_2 .boshu_info .over2 { background: #ea381c; color: #fff; font-size: 16px; line-height: 1.6; margin: 0 auto 20px; width: 700px; text-align: center; padding: 20px 0; }

#stage_2 .boshu_info > div { width: 890px; margin: 0 auto 20px; padding: 10px 30px; display: flex; justify-content: space-between; }

#stage_2 .boshu_info > div dl { display: flex; justify-content: flex-start; font-size: 14px; color: #242424; line-height: 1.6; flex-wrap: wrap; padding: 30px 0; width: 445px; }

#stage_2 .boshu_info > div dl:first-child { border-right: 1px solid #000; margin-right: 30px; box-sizing: border-box; }

#stage_2 .boshu_info > div dl dt { width: 110px; }

#stage_2 .boshu_info > div dl dd { width: 296px; }

#stage_2 .mealhtl { background: #fff; padding: 50px 0; }

#stage_2 .mealhtl > ul { width: 950px; margin: 40px auto 0; display: flex; justify-content: flex-start; flex-wrap: wrap; }

#stage_2 .mealhtl > ul li { width: 209px; margin: 0 38px 40px 0; }

#stage_2 .mealhtl > ul li:nth-child(4n) { margin-right: 0; }

#stage_2 .mealhtl > ul li a:hover { text-decoration: none; }

#stage_2 .mealhtl > ul li dl a { display: block; }

#stage_2 .mealhtl > ul li dl dt { background: #ea381c; color: #fff; padding: 5px; font-size: 15px; display: inline-block; margin-bottom: 8px; }

#stage_2 .mealhtl > ul li dl dd.pr { font-size: 14px; padding: 0 6px 0; width: calc(100% - 12px); }

#stage_2 .mealhtl > ul li dl dd.htlnm { color: #ea381c; font-size: 14px; padding: 0 6px 5px; width: calc(100% - 12px); }

#stage_2 .mealhtl > ul li dl dd.photo { padding-top: 5px; }

#stage_2 .mealhtl > ul li dl dd.photo img { display: block; width: 100%; }

#stage_2 a.htl_anc { position: fixed; font-size: 20px; color: #fff; border-radius: 5px 0 0 5px; background: #ea381c; padding: 20px 15px 20px 20px; text-align: center; writing-mode: vertical-lr; position: fixed; right: 0; top: 48%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); width: 30px; z-index: 100; }

#stage_2 a.htl_anc:hover { color: #fff; text-decoration: none; }

#stage_2 .obo_over { padding-bottom: 80px; }

#stage_2 .obo_over h2 { font-size: 40px; text-align: center; padding: 50px 0 40px; line-height: 1.6; }

#stage_2 .obo_over h3 { font-size: 20px; text-align: center; padding: 70px 0 30px; }

#stage_2 .obo_over p { text-align: center; font-size: 14px; line-height: 1.6; padding-bottom: 50px; }

#stage_2 a.btn { width: 464px; margin: 0 auto; color: #fff; display: block; font-size: 24px; text-align: center; line-height: 1.3; background: #ea381c url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow.png) 94% center no-repeat; border-radius: 5px; padding: 15px 0; font-weight: bold; }

#stage_2 a.btn:hover { text-decoration: none; color: #fff; }

#stage_2 a.btn span { display: block; font-size: 14px; }

#stage_2 .map_add { background: #fff; padding: 60px; display: flex; justify-content: center; }

#stage_2 .map_add dl { width: 460px; margin: 0 20px; line-height: 1.6; font-size: 16px; margin-bottom: 15px; }

#stage_2 .map_add dl dt { font-weight: bold; margin-top: 15px; }

#stage_2 .map_add iframe { margin: 0 20px; width: 460px; }

#stage_2 .obo_form { background: #fff; padding: 20px 0 50px; }

#stage_2 .obo_form h2 { font-size: 36px; text-align: center; margin-bottom: 30px; line-height: 1.6; }

#stage_2 .obo_form h3 { font-size: 24px; margin: 0 auto 20px; width: 950px; font-weight: normal; }

#stage_2 .obo_form h3 span { background: #000; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; font-size: 20px; display: inline-block; color: #fff; margin-right: 10px; }

#stage_2 .obo_form h3 em { font-style: normal; font-size: 14px; padding-left: 40px; font-weight: normal; }

#stage_2 .obo_form table { width: 950px; margin: 0 auto 50px; font-size: 16px; }

#stage_2 .obo_form table td { width: 50%; padding: 10px; box-sizing: border-box; text-align: center; }

#stage_2 .obo_form table td select { width: 70%; font-size: 14px; padding: 3px; }

#stage_2 .obo_form table td input.w100 { width: 69%; font-size: 14px; padding: 3px; }

#stage_2 .obo_form table td span { font-size: 90%; color: #ea381c; }

#stage_2 .obo_form table.kakunin { text-align: center; font-weight: bold; font-size: 18px; }

#stage_2 .obo_form table.kakunin input { margin-right: 5px; }

#stage_2 .obo_form input.submit_btn { width: 300px; height: 60px; text-align: center; display: block; margin: 0 auto; font-size: 18px; background: #ea381c; color: #fff; border-radius: 5px; border: none; }

#stage_2 .obo_form input.submit_btn:hover { opacity: 0.8; cursor: pointer; }

#stage_2 .obo_form .kakunin_box { background: #fff8ec; padding: 40px 0 25px; margin-bottom: 50px; display: flex; justify-content: center; flex-wrap: wrap; }

#stage_2 .obo_form .kakunin_box h2 { width: 100%; }

#stage_2 .obo_form .kakunin_box dl { width: 455px; margin: 0 20px; line-height: 1.6; font-size: 14px; }

#stage_2 .obo_form .kakunin_box dl dt { font-weight: bold; }

#stage_2 .obo_form .kakunin_box dl dd { margin-bottom: 15px; }

#stage_2 .obo_form .kakunin_box dl dd a { text-decoration: underline; }

#stage_2 .bfBox ol { display: none !important; }

#stage_2 .asafesItem { width: 220px; margin: 0 8px 10px; }

#stage_2 .asafesItem .wrap h4 { background: none; padding-left: 0; }

#stage_2 .asafesItem .wrap h4 a { font-size: 14px; }

#stage_2 .asafesItem .wrap p { padding-left: 0; font-size: 14px; }

#stage_2 .asafesItem p.area { color: #fff; background: #ea381c; font-size: 14px; padding: 3px 5px; display: inline-block; margin-bottom: 5px; }

#stage_2 .info p { margin-top: 0; }

#stage_2 .tosen p { font-size: 14px; color: #333; text-align: center; margin: 50px 0; line-height: 1.6; }

#stage_2 .tosen > div { background: #fff; border: 1px solid #000; width: 748px; margin: 0 auto 50px; }

#stage_2 .tosen form { padding-top: 30px; }

#stage_2 .tosen form table { width: 100%; }

#stage_2 .tosen form table tr:first-child td { font-size: 19px; text-align: center; font-weight: bold; height: 60px; line-height: 60px; }

#stage_2 .tosen form table tr:nth-child(2) td { font-size: 34px; font-weight: bold; text-align: center; height: 80px; line-height: 80px; }

#stage_2 .tosen form .btn { width: 440px; background: #ea381c url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow.png) 94% center no-repeat; margin: 20px auto -20px; color: #fff; display: block; font-size: 24px; text-align: center; line-height: 1.3; border-radius: 5px; padding: 15px 0; font-weight: bold; border: none; }

#stage_2 .tosen form .btn:hover { text-decoration: none; color: #fff; cursor: pointer; opacity: 0.8; }

#stage_2 .tosen h3 { text-align: center; margin-bottom: 70px; font-size: 19px; }

#stage_2 .asafesList.list3 li { width: 300px; }

#stage_2 .asafesList.list3 li .wrap { background: none; }

.pht_list { width: 100%; height: 211px; display: flex; justify-content: space-between; margin-bottom: 20px; }

.pht_list li { padding: 0 0.5px; }

.pht_list li img { width: 100%; }

.ttl_y { padding: 30px 0; background: #fbc318; margin: 0 auto 0; width: 800px; }

.bg_white { background: #fff; margin: 80px 0 -30px; padding-top: 40px; }

.decide { background: #fff; padding: 50px 0 70px; }

.decide p { font-size: 14px; line-height: 1.6; color: #333; text-align: center; }

.judge { background: #fff; padding: 50px 0 70px; }

.judge ul { display: flex; width: 950px; margin: 0 auto; justify-content: space-between; }

.judge ul li { width: 212px; line-height: 1.6; color: #333; }

.judge ul li div { border-bottom: 1px solid #000; margin-bottom: 20px; }

.judge ul li div img { display: block; margin-bottom: 15px; }

.judge ul li div h3 { font-size: 16px; padding-left: 26px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_round.png) left center no-repeat; margin-bottom: 15px; }

.judge ul li div h4 { font-size: 14px; margin-bottom: 15px; font-weight: normal; }

.judge ul li p { font-size: 12px; }

.judge .logo img { display: block; margin: 20px auto; }

#stage_2 .obo_form .deadline { padding: 30px 20px; background-color: #ffffff; text-align: center; font-size: 16px; }

/* 1031 anime */
		#images_slide .hs-wrapper{
			position: relative;
			width: 310px;
	}
	
	.hs-wrapper img{
	top: 0px;
	left: 0px;
	position: absolute;
    animation: anime 18s linear infinite 0s forwards;

}
	@keyframes anime {
    0% { visibility: visible; z-index: 100; }
    50% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}
	#images_slide .hs-wrapper img:nth-child(1){
    z-index: 9;
}
#images_slide .hs-wrapper img:nth-child(2){
    animation-delay: 6s;
    z-index: 8;
}
#images_slide .hs-wrapper img:nth-child(3){
    animation-delay: 12s;
    z-index: 7;
}
/*# sourceMappingURL=contents_pc.css.map */