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

#contentsArea a:hover { opacity: 0.7; }

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

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

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

.top h1 { width: 90%; margin: 0 auto; overflow: hidden; }

.top h1 img { width: 100%; }

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

.top h1.main span { display: block; font-size: 18px; margin: 10px 30px; }

.top h1.main em { font-style: normal; font-size: 34px; letter-spacing: -1px; white-space: nowrap; }

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

#contentsArea .navi ul { display: flex; justify-content: space-around; background: #ea381c; padding: 4px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); }

#contentsArea .navi ul li { border: 1px solid #fff; width: 24%; position: relative; display: flex; align-items: center; }

#contentsArea .navi ul li.soon:after { position: absolute; content: 'coming soon'; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; top: 0; left: 0; background: rgba(127, 21, 10, 0.7); font-size: 14px; padding: 0 5px; box-sizing: border-box; }

#contentsArea .navi ul li a { color: #fff; font-weight: bold; font-size: 14px; text-align: center; padding: 5px; line-height: 1.2; display: block; }

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

/*modal*/
.asabox { margin: 20px auto; }

.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: 9998; }

#contentsArea .asafes { margin: 0 auto; }

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

#contentsArea .asafes .bfBox { padding: 10px; position: relative; background: #fff; }

#contentsArea .asafes .bfBox h2 { text-align: center; padding: 10px 0 15px; font-size: 16px; 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: 13px; 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: 10px; }

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

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

#contentsArea .asafes .bfBox .LR .L { width: 55%; margin: 0 auto 10px; }

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

#contentsArea .asafes .bfBox .LR .R { margin: 0 0 10px; }

#contentsArea .asafes .bfBox .LR .R h3 { font-size: 14px; text-align: center; padding: 10px 0 0; }

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

#contentsArea .asafes .bfBox .LR .R p { padding: 10px 15px; font-size: 12px; line-height: 1.4; 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; 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: 96%; height: auto; margin: 0; background-color: #ffffff; color: #666666; position: fixed; z-index: 9999; }

#contentsArea .asafesItem { float: left; width: 47%; margin: 0 0 10px 2%; }

#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 4px 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; }

.rt_link { border-radius: 5px; border: 1px solid #ea381c; margin: 0 10px 40px; }

.rt_link .rt_ttl { font-size: 18px; font-weight: bold; color: #fff; background: #ea381c url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/icon_sh.png) 10px center no-repeat; background-size: 22px auto; padding: 10px 50px 10px 40px; position: relative; left: 0; }

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

.rt_link ul { background: #fff; padding: 10px 15px; box-sizing: border-box; display: flex; justify-content: flex-start; flex-wrap: wrap; border-radius: 5px; }

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

.info { background: #e9e9e9; padding: 40px 10px; 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: 30px; line-height: 1.4; }

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

#vote .thanks { margin: 30px 10px; background: #fff; padding: 20px 15px; text-align: center; }

#vote .thanks h2 { font-size: 24px; margin-bottom: 20px; }

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

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

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

#vote .thanks p { font-size: 16px; line-height: 1.4; }

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

#contentsArea .voteBtn { font-weight: bold; margin: 30px 10px; }

#contentsArea .voteBtn span { font-size: 18px; display: block; margin: 0 0 10px; text-align: center; }

#contentsArea .voteBtn a { background: #ea381c url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/arrow.png) 96% center no-repeat; color: #fff; font-size: 18px; width: 90%; text-align: center; display: block; margin: 0 auto; padding: 10px 8% 10px 5%; box-sizing: border-box; border-radius: 5px; letter-spacing: 1px; }

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

#contentsArea .box890 { margin: 30px 10px 40px; }

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

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

#contentsArea .box890 .what { line-height: 1.4; }

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

#contentsArea .box890 .what .subttl img { display: block; width: 65%; }

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

#contentsArea .box890 .what div:last-child img { display: block; margin: 0 auto 10px; width: 90%; }

#contentsArea .box890 .what div:last-child span { font-size: 12px; color: #242424; display: block; width: 90%; margin: 0 auto; }

#contentsArea .box890 .step { margin-bottom: 40px; }

#contentsArea .box890 .step li { background: #fff; border: 2px solid #000; position: relative; margin-top: 30px; line-height: 1.4; }

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

#contentsArea .box890 .step li h3 span { display: block; font-size: 16px; 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 { font-size: 14px; padding: 0 15px 10px; clear: both; }

#contentsArea .box890 .step li p.pk_bg { background: #f17d6b; color: #fff; padding: 15px; }

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

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

#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; left: 50%; bottom: -35px; transform: rotate(90deg); }

#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; left: 50%; bottom: -35px; transform: rotate(90deg); }

#contentsArea .box890 a.btnL { display: block; width: 100%; color: #000; padding: 10px 0; text-align: center; font-size: 18px; font-weight: bold; background: #fff; border-radius: 5px; border: #000000 solid 2px; }

#contentsArea .box890 .win { font-size: 14px; }

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

#contentsArea .box890 .win table { border-collapse: separate; padding: 20px 5px 10px; }

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

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

.begin { margin: 30px 10px; }

.begin h2 img { display: block; margin: 0 0 30px; width: 100%; }

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

.votebox { margin: 30px 10px; }

.votebox .over_box { background: #9f1f0f; margin: 10px 10px 20px; color: #fff; padding: 15px; line-height: 1.6; font-size: 14px; }

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

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

.votebox h2 img { width: 100%; }

.votebox h3 { height: 26px; margin-bottom: 25px; position: relative; }

.votebox h3:before { position: absolute; width: calc(50% - 87px); height: 2px; background: #a17070; left: 0; top: 13px; content: ""; }

.votebox h3:after { position: absolute; width: calc(50% - 87px); height: 2px; background: #a17070; right: 0; top: 13px; content: ""; }

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

.votebox > ul li { width: 80%; max-width: 212px; display: block; margin: 0 auto 40px; position: relative; }

.votebox > ul li img { display: block; }

.votebox > ul li:last-child:after, .votebox > ul li:nth-child(2):after { position: absolute; content: ""; width: 17px; height: 42px; right: calc(50% - 9px); top: -40px; background: url(//img.travel.rakuten.co.jp/special/asafesta/2018/images/triangle.png) no-repeat; transform: rotate(90deg); }

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

#map #contentsArea .thisWarrp ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }

#map #contentsArea .thisWarrp ul li { width: calc(50% - 1px); margin: 0 2px 2px 0; }

#map #contentsArea .thisWarrp ul li:nth-child(even) { margin-right: 0; }

#map #contentsArea .thisWarrp ul li a { display: block; background: #facd56; color: #ea381c; padding: 7px 20px 7px 10px; position: relative; }

#map #contentsArea .thisWarrp ul li a:after { position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #ea381c; border-right: 2px solid #ea381c; transform: rotate(45deg); top: 12px; right: 10px; }

.note { font-size: 14px; margin: 15px 0; }

#contentsArea .over { padding: 30px 10px; text-align: center; }

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

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

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

#contentsArea .results { margin: 30px 10px; }

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

#contentsArea .results .ttl > img { display: block; margin: 0 auto 20px; max-width: 200px; width: 60%; }

#contentsArea .results .ttl p { font-size: 14px; font-weight: normal; }

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

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

#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 20px; }

#contentsArea .results .htlrank .rank_box { margin-bottom: 20px; }

#contentsArea .results .htlrank .rank_box h3 { font-size: 20px; 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 { margin: 0 auto 50px; }

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

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

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

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

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

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

#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 .top .top_txt { letter-spacing: -1px; font-size: 11px; }

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

#stage_2 .ttl a { color: #fff; background: #eb371c; padding: 5px 0; width: 80%; white-space: nowrap; font-size: 14px; text-align: center; line-height: 1.6; display: block; margin: 0 auto 10px; }

#stage_2 .ttl a:hover { text-decoration: none; }

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

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

#stage_2 .subttl2 span { font-size: 18px; padding: 5px 20px; border: 1px solid #000; display: inline-block; margin: 10px 0 0 10px; }

#stage_2 .vote_2nd { background: #fff; padding: 30px 0 40px; }

#stage_2 .vote_2nd .folder { margin: 0 10px; }

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

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

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

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

#stage_2 .boshu_info { padding: 30px 0 40px; }

#stage_2 .boshu_info .over2 { background: #ea381c; color: #fff; font-size: 14px; line-height: 1.6; margin: 10px; text-align: center; padding: 10px 0; }

#stage_2 .boshu_info > div { margin: 10px; padding: 10px 0; }

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

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

#stage_2 .boshu_info > div dl dt { width: 30%; }

#stage_2 .boshu_info > div dl dd { width: 70%; }

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

#stage_2 .mealhtl .ttl img { display: none; }

#stage_2 .mealhtl .ttl span.sp { font-size: 24px; display: block; text-align: center; }

#stage_2 .mealhtl > ul { margin: 20px 15px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }

#stage_2 .mealhtl > ul li { width: 49%; margin: 0 0 25px; }

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

#stage_2 .mealhtl > ul li dl { display: flex; justify-content: flex-start; flex-wrap: wrap; }

#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 0 10px; width: 100%; }

#stage_2 .mealhtl > ul li dl dd.htlnm { color: #ea381c; font-size: 14px; padding: 0 0 10px; width: 100%; }

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

#stage_2 a.htl_anc { position: fixed; font-size: 14px; color: #fff; border-radius: 5px 0 0 5px; background: #ea381c; padding: 10px 4px 10px 12px; text-align: center; writing-mode: vertical-lr; position: fixed; right: 0; bottom: 80px; 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: 50px; }

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

#stage_2 .obo_over h3 { font-size: 20px; text-align: center; padding: 50px 10px 10px; line-height: 1.6; }

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

#stage_2 a.btn { width: 90%; margin: 0 auto; color: #fff; display: block; font-size: 20px; 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; }

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

#stage_2 .map_add { background: #fff; padding: 0 10px 20px; overflow: hidden; }

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

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

#stage_2 .map_add iframe { margin: 0 0 20px; width: 100%; height: 250px; }

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

#stage_2 .obo_form h2 { font-size: 18px; text-align: center; margin-bottom: 20px; line-height: 1.4; padding: 0 10px; }

#stage_2 .obo_form h3 { padding: 0 10px; font-size: 16px; margin: 0 auto 15px; font-weight: normal; }

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

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

#stage_2 .obo_form table { margin: 0 10px 20px; font-size: 14px; }

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

#stage_2 .obo_form table td select { width: 100%; }

#stage_2 .obo_form table td input.w100 { width: 98%; }

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

#stage_2 .obo_form table.kakunin { text-align: center; }

#stage_2 .obo_form input.submit_btn { width: 80%; height: 40px; text-align: center; display: block; margin: 0 auto; font-size: 16px; 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: 25px 0 20px; margin-bottom: 20px; }

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

#stage_2 .obo_form .kakunin_box dl { margin: 0 10px; 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 .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: 30px 0; line-height: 1.6; }

#stage_2 .tosen > div { background: #fff; border: 1px solid #000; margin: 0 10px 30px; }

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

#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; padding: 20px 15px; }

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

#stage_2 .tosen form .btn { width: 85%; 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: 50px; font-size: 19px; }

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

#stage_2 .results .ttl.big img { width: 100%; max-width: 100%; }

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

.pht_list li { margin-bottom: 5px; width: 33%; }

.pht_list li img { width: 100%; }

.ttl_y { background: #fbc318; }

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

.decide { background: #fff; padding: 30px 10px 40px; }

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

.judge { background: #fff; padding: 30px 10px; }

.judge ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.judge ul li { width: 49%; line-height: 1.6; color: #333; margin-bottom: 20px; }

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

.judge ul li div img { display: block; margin-bottom: 10px; width: 100%; }

.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; width: 90%; }

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

b.marur { font-weight: normal; font-family: Arial; }

@media screen and (max-width: 321px) { .top h1.main span { margin: 10px 30px 0; }
  #stage_2 .top .top_txt { letter-spacing: -2px; font-size: 10px; bottom: 5px; } }

/* 1031 anime */
#images_slide .hs-wrapper{
			position: relative;

	}
	
	.hs-wrapper img{
	top: 0px;
	left: 0px;
	position: absolute;
    animation: anime 18s linear infinite 0s forwards;

}
		.box2 img{
			display: none;
}
	@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_sp.css.map */