@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      style.css
Created:        2017-04-25
Style Info:     バリ島特集　CSS
----------------------------------------------------------- */

/* ----------------
common
------------------ */
#bali a:hover { opacity: .75; text-decoration: none; }
#bali a:active,
#bali a:focus { outline: none; text-decoration: none; }
#bali ul,
#bali ol,
#bali li { list-style: none; margin: 0; padding: 0; }
#bali .taC { text-align: center; }
#bali em { font-style: normal; }
#bali img{vertical-align: top; max-width: 100%; height: auto;}
#bali .center { margin: 0 auto; }
.mb40 { margin-bottom: 40px; }
/*----------------
 visual
----------------- */
#bali .visual { /*height: 760px;height: 940px; */text-align: center; background: url(../img/top_bg.jpg) top center no-repeat, url(../img/back_pattern.jpg); z-index: 100; padding-bottom: 50px;}
#bali .visual .top { position: relative; max-width: 1140px; width: 100%; margin: 0 auto; }
#bali .visual .top h1 { text-align: center; }
#bali .visual .top h1 img{width: 100%;}
#bali .visual .top .img { position: absolute; top: 0px; left: 50%; margin: 0 0 0 -800px; }
#bali .visual .top .txt_box { background: #fff;max-width: 750px; border-radius: 10px; font-size: 18px;color: #55220f; font-weight: bold; line-height: 1.5; padding: 15px 30px; float: right;  margin-top: -5vw; margin-left: 36%; margin-bottom: 20px;}
#bali .visual .top .txt_box em { color: #ff5082; font-style: normal; }
#bali .visual .top .top_bnr { float: right;}
/*-----------------
 info_box
------------------- */


/*------------------------
infobox01
-------------------------*/
#bali .info_box01 { max-width: 1140px; width: 100%; border:3px solid #FF5500; border-radius: 10px; background: #fff; clear: right; overflow: hidden; padding-bottom: 30px; margin-left: auto; margin-right: auto;}
#bali .info_box01 h2 {background: url("../img/point_bg.jpg") center center /100% repeat-y; color: #55220F; font-weight: bold; text-align: center; font-size: 24px; line-height: 1.2; padding:25px; margin-bottom: 20px;}
#bali .info_box01 h2 em{color: #ff0000;}
#bali .info_box01 ul {width: 90%; margin: 0 auto;}
#bali .info_box01 ul li { margin-bottom: 20px; display: block; }
#bali .info_box01 ul li .point { color: #ff5500; font-size: 18px; background: url(../img/checkbox.png) no-repeat left center; padding-left: 40px; text-align: left; margin-bottom: 5px; font-weight: bold;}
#bali .info_box01 ul li p { font-size: 13px; color: #000; text-align: left; padding-left: 36px;}
#bali .info_box01 .point_txt { background: #fbdfb8; border-radius: 10px; padding: 15px 20px; width:90%; margin: 0 auto;}
#bali .info_box01 .point_txt p { color: #55220f; font-size: 13px; text-align: left; }
#bali .info_box01 .point_txt p em { color: #ff0000; font-style: normal; }
#bali .visual .top .info_box01{ margin-top: 6.5vw;}

#bali .info_box01 .contact{width: 90%; margin: 30px auto 0; border-top: 1px solid #55220F; padding-top: 20px; display: flex; justify-content: space-between;}
#bali .info_box01 .contact .carguide_txt p { font-size: 18px; font-weight: bold; color: #ff5082; font-family: "メイリオ", Meiryo, Osaka, sans-serif; }
#bali .info_box01 .contact .contact_btn_tel{flex-grow: 1; text-align: center;}
#bali .info_box01 .contact .contact_btn_tel a{align-items: center; color: #1996e8; display: flex;font-size: 50px; font-weight: bold; justify-content: center; line-height: 1; position: relative;}
#bali .info_box01 .contact .contact_btn_tel a::before {aspect-ratio: 1 / 1;background: url(../img/icon_tel_blue.svg) center center / auto 100% no-repeat;content: "";margin-right: 10px;width:38px;margin-right:10px;}
#bali .info_box01 .contact .contact_btn_tel a small{display: none;}
#bali .info_box01 .contact .contact_btn_tel p { color: #323232; font-size: 13px; font-family: "メイリオ", Meiryo, Osaka, sans-serif; margin-top: 10px; text-align: center;}
#bali .info_box01 .contact .carguide_form{width: 25%;}
#bali .info_box01 .contact .carguide_form a {font-weight: bold;display: block; background-color: #1996e8; border-radius: 10px; color: #fff; text-decoration: none; padding: 15px 20px; position: relative; }
#bali .info_box01 .contact .carguide_form a:before {display: block; content: ""; position: absolute; top: 50%; right: 25px; width: 16px; height: 16px; margin-top: -8px; border-radius: 50%; background: #fff; }
#bali .info_box01 .contact .carguide_form a:after {display: block; content: ""; position: absolute; top: 50%; right: 25px; width: 0; height: 0; margin-top: -5px; border: 5px solid transparent; border-left: 5px solid #1996e8; }
#bali .info_box01 .contact .carguide_form a:hover:after {border-left: 5px solid #3ab2e9; }

#bali .info_box01.carguide p.txt{width: 90%; margin: 0 auto; padding-bottom: 20px; line-height: 1.5; padding-right: 10%; background: url("../img/carguide.png") right top no-repeat;}
#bali .info_box01.carguide .point_txt{display: flex; justify-content: space-between;}
#bali .info_box01.carguide .point_txt .btn{width: 35%; background: #fff; border: 3px solid #FF5500; color: #FF5500; font-size: 16px; border-radius: 100px;font-weight: bold;}
#bali .info_box01.carguide .point_txt .btn::after{border-right-color: #FF5500;border-bottom-color: #FF5500;}


/*============================
 contents
 ============================*/


#bali .content_wrap_01 {background: url(../img/back_pattern.jpg) left top repeat; padding-bottom: 40px; }
#bali .content_wrap_01 .img { text-align: center; }
#bali .content_wrap_02 {background: #fff; }
#bali .content_wrap_02 h2 {width: 100%; max-width: 1680px; margin: 0 auto; padding: 0; background: url(../img/rec_ttl_bg.png) top left repeat;}
#bali .content_wrap_02 h2 img{max-width: 693px; width: 100%; display: block; margin: 0 auto;}
#bali .content_wrap_03 { /*background: url(../img/back_pattern.jpg) left top repeat;*/ /*padding: 40px 0px;*/padding: 40px 0px 40px 0px; }
/* ----------------------
button
------------------------ */

#bali .link_btn {/*width:726px;*/ width: 870px; height: 64px; margin: 38px auto 44px auto; }
#bali .link_btn a { display: block; height: 64px; line-height: 64px; color: #ffff00; font-size: 32px; font-weight: bold; text-align: center; background-color: #000; background-repeat: no-repeat; background-position: 90% center; }
#bali .linksmall { font-size: 24px; }
#bali .link_btn.btm a { background-image: url(../img/btn_arr_btm.png); }
#bali .link_btn.right a { background-image: url(../img/btn_arr_right_01.png); }
/*-------------------
nerai
---------------------*/

#bali .nerai { background: #fff; border-radius: 10px; position: relative; max-width: 1140px; margin: 0 auto 40px auto; padding-bottom: 30px;}
#bali .nerai h3 { margin: 0; padding: 0; background: url("../img/rec_ttl_bg.png") left top; color: #fff; font-weight: bold; font-size: 30px; display: flex; align-items: center; padding-right: 14vw;}
#bali .nerai h3 img{max-width: 228px; width: 30%;}
#bali .nerai .photo_img { width: 40%; padding: 20px 30px 0; float: left; }
#bali .nerai .photo_img img{width: 100%; height: auto;}
#bali .nerai .photo_img p { font-size: 11px; color: #323232; line-height: 20px;}
#bali .nerai .bl_hotel_txt{width: 58%; float: left; margin-top: 18px; }
#bali .nerai_point { background: url(../img/nerai_point_bg.png) no-repeat left top, url(../img/nerai_point_bg_bottom.png) repeat-y left bottom; padding: 50px 8% 30px; margin-bottom: 20px; border-radius: 8px; position: relative;}
#bali .nerai_point .free_icon{position: absolute; right: 0; top: -7.5vw; max-width: 171px; height: auto; width: 12vw;}
#bali .nerai_point li { color: #323232; font-size: 18px; /*font-family: "メイリオ", Meiryo, Osaka, sans-serif; */background: none; font-weight: bold; margin-bottom: 10px; }
#bali .nerai_point li::before{content: "★"; color:#ff5500; }
#bali .nerai_point li em { color: #ff0000; }
#bali .nerai_point li em.green { color: #00aa00; }
#bali .nerai_point p.small { font-size: 11px; }
#bali .nerai .hotel_txt{line-height: 1.6; font-size: 15px; padding: 0 15px 15px;}
#bali .nerai .hotel_btn {color: #fff; font-weight: bold; font-size: 15px; line-height: 1.2; padding: 15px 20px; display: block; padding-left: 15px; position: relative; background: linear-gradient(to bottom, #ff7a38 0%, #FF5500 100%); display: block; border-radius: 100px; width: 50%; margin-bottom: 30px;}
#bali .nerai .hotel_btn::after { position: absolute; content: ""; top: 50%; right: 15px; width: 19px; height: 14px; margin-top: -8px; background: url(../img/btn_arrow.png) right center no-repeat;  }
#bali .nerai ul.photos{clear: both; width: 95%; margin: 0 auto 50px;display: flex; justify-content: space-between;}
#bali .nerai ul.photos li{flex: 0 0 24%;}
#bali .nerai ul.photos li p { font-size: 11px; color: #323232; line-height: 20px;}


/*-----------------------------------------------
.bl_tour
------------------------------------------------*/
/*#bali .sec_tourlist { width: 960px; max-width: 100%; margin: 0 auto;position: relative; overflow: hidden; }*/
#bali .sec_tourlist .tub_departure{display: table; table-layout: fixed; width: 100%;margin-bottom: 30px;}
#bali .sec_tourlist .tub_departure .tub_departure_btn { display: table-cell; border: 1px solid #dadada; padding: 15px 5px; font-size: 1.6rem; font-weight: bold; text-align: center; background: #f4f4f4; cursor: pointer;}
#bali .sec_tourlist .tub_departure .tub_departure_btn.active{ color: #fff; background: #50c51a; position: relative;}
#bali .sec_tourlist .tub_departure .tub_departure_btn.active::after {content: ""; position: absolute; bottom: -40px; left: 50%; margin-left: -30px; width: 0; height: 0; border: 30px solid transparent; border-top: 20px solid #50c51a;}

#bali .sec_tourlist .bl_tour_box {border: solid 1px #c8c8c8; padding: 0; margin-bottom: 30px;}
#bali .sec_tourlist .bl_tour_box:last-child {margin-bottom: 30px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header {background:#e6e6e6; padding: 10px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header li {float: left; display: inline; margin-right: 20px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_img_box {width: 170px; }
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_code_box {width: 150px; letter-spacing: 0; border: solid 2px #c5a17b; background: #fff; text-align: center;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_code_box dt {border-bottom: solid 2px #c5a17b; color: #c99b6b; font-weight: bold; font-size: 16px; padding: 20px 0; line-height: 100%;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_code_box dd {font-size: 11px; padding: 5px 0;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box {float: none; overflow: hidden;display: block;letter-spacing: 0; margin-right: 0!important;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box p {margin-bottom: 10px; font-size:15px; font-weight: bold; line-height: 140%;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box table {width: 100%;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box table th ,
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box table td {font-size: 11px; padding: 3px 5px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box table th {background: #c5a17b; color: #fff; width: 85px; text-align: center; vertical-align: middle;}
#bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box table td {background: #fff; vertical-align: middle;}

#bali .sec_tourlist .bl_tour_box .bl_tour_det {padding: 10px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content {width: 39%; float: left; display: inline;}
#bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content div{overflow: hidden; display: flex;}
#bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content dt ,
#bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content dd {font-size: 12px; display: inline; float: left; padding: 2px 0; margin-bottom: 5px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content dt {width: 70px; border: solid 1px #c5a17b; color: #FFF;background: #c5a17b; text-align: center;}
#bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content dd { padding-left: 10px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content dd span {color:#c5a17b; border: solid 1px #c5a17b; font-weight: bold;padding: 0 10px; margin-left: 10px; font-size: 11px; height: 12px; border-radius: 10px; }

#bali .sec_tourlist .bl_tour_box .bl_tour_info {width: 60%; float: right; display: inline; background: #e6e6e6; padding: 5px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_tub ul{display: flex;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn {width: 68px; height: 35px; line-height: 1;padding-top: 10px; margin-right:5px; float: left; display: inline; background: #c5a17b; text-align: center; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; cursor: pointer; border-bottom: solid 3px #c5a17b;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:nth-child(8) {float: right; margin-right: 0;}

#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn:hover ,
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn.active {background: #fff; border-bottom: solid 3px #fff; color: #fa3734;}


#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel {background: #fff; padding: 10px 10px 10px 0; position: relative;}

#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon ,
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn { position: absolute; }
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon {background: #323232;color: #fff; display: block; font-size: 1.1rem; height: 48px; line-height: 1.4; padding: 7px 0 0 15px; position: relative; width: 90px; float: left;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon::after {border-color: transparent transparent transparent #323232; border-style: solid; border-width: 24px 0 24px 10px; content: ""; height: 0; position: absolute; right: -10px; top: 0; width: 0;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon  span {font-size: 11px; color:#fff; display: block;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn {width: 135px; height: 50px; top: 10px; right: 10px; }
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a {background:#50c51a; border-radius: 5px; display: block; width:100%; height: 100%; display: block;text-align: center; position: relative;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span {color: #fff; font-size: 15px; font-weight: bold; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); padding-right: 5px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn a span:after {content: ""; display: block; width:6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff;  position: absolute; top: 50%; right: 12px; transform: translate(0,-50%) rotate(-45deg); }



#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_note {padding: 0 150px 0 110px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price {font-size: 24px; color:#fa3734; font-weight: bold; line-height: 110%;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price span {font-size:100%; color:#fa3734;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt {font-size: 11px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt span {color: #fa3734; font-size: 11px; margin-right: 10px;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt .att {color: #0064d2; font-size: 11px; margin-left: 10px; text-decoration: underline;}
#bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt .att:before {content: url(../img/tour_icon_important.png); position: relative; top: 3px; margin-right: 3px;}

#bali .sec_tourlist { width: 100%; max-width: 960px; margin: 0 auto; position: relative; }
#bali .tourlist { padding: 40px 0 0; width: 100%; max-width: 1140px; margin: 0 auto; }
#bali .tourlist h3 { background: url(../img/rec_h3_bg.png) no-repeat left bottom;width: 100%; max-width: 1140px; height: 76px; line-height: 76px; margin: 0 auto 30px; padding: 0 0 0 60px; color: #323232; font-weight: bold; }
#bali .tourlist .area_lead{ width: 100%; max-width: 960px; margin: 0 auto 30px; }


/*------------
共通
--------------*/

/*------------------------
小さいボタン
--------------------------*/
#bali .link_area_btn01 {width: 100%; max-width: 790px; margin: 20px auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;}
#bali .link_area_btn01 li {/* float: left;*/width: 49%; margin-bottom: 15px;}
#bali .link_area_btn01 a {min-width: 50%; margin: 0 auto;color: #fff; font-weight: bold; font-size: 15px; line-height: 1.2; padding: 14px 20px 14px 15px; display: block; position: relative;  background: #6cce3e; border-radius: 30px;}
#bali .link_area_btn01 a::after { position: absolute; content: ""; top: 50%; right: 15px; width: 19px; height: 14px; margin-top: -8px; background: url(../img/btn_arrow.png) top left no-repeat; background-size: 19px 14px; }
#bali .link_area_btn01 a span { color: #ffff00; }
#bali .link_area_btn01 li:nth-child(even) a {background: #ff5c7b; border-radius: 30px;}

/*------------------------
大きいボタン
--------------------------*/
#bali .link_area_btn02 { max-width: 908px; margin: 20px auto 0; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;}
#bali .link_area_btn02 li { /*float: left;*/ width: 49%; height: 56px; margin-bottom: 15px;}
#bali .link_area_btn02 li a { color: #fff; font-weight: bold; font-size: 15px; line-height: 56px; display: block; padding-left: 15px; position: relative; }
#bali .link_area_btn02 li a::after { position: absolute; content: ""; top: 50%; right: 15px; width: 19px; height: 14px; margin-top: -8px; background: url(../img/btn_arrow.png) top left no-repeat; background-size: 19px 14px; }
#bali .link_area_btn02 li a span { color: #ffff00; }
#bali .link_area_btn02 li:nth-child(odd) a {background: #6cce3e; background: linear-gradient(to bottom, #6cce3e 0%, #50c51a 100%); border-radius: 30px;}
#bali .link_area_btn02 li:nth-child(even) a {background: #ff7d9a; background: linear-gradient(to bottom, #ff7d9a 0%, #ff5c7b 100%); border-radius: 30px; }

/*==========================
map
===========================*/
.areamap { width: 1140px; height: 820px; background: url(../img/map_bg.png) top center no-repeat; position: relative; margin: 40px auto; }
.areamap div { padding-top: 40px; }
.areamap p { font-size: 12px; margin: 0 15px 10px 15px; font-family: "メイリオ", Meiryo, Osaka, sans-serif; color: #323232; }
.areamap .txt01 { position: absolute; width: 280px; height: 83px; left: 40px; top: 128px; }
.areamap .txt02 { position: absolute; width: 280px; height: 83px; left: 28px; top: 456px; }
.areamap .txt03 { position: absolute; width: 280px; height: 83px; left: 54px; top: 630px; }
.areamap .txt04 { position: absolute; width: 280px; height: 83px; left: 378px; top: 665px; }
.areamap .txt05 { position: absolute; width: 280px; height: 83px; left: 798px; top: 526px; }
.areamap .txt06 { position: absolute; width: 280px; height: 83px; left: 813px; top: 398px; }
.areamap .txt07 { position: absolute; width: 280px; height: 83px; left: 788px; top: 100px; }
.areamap_link { float: right; }
.areamap_link a { background: #ff6482; color: #fff; font-family: "メイリオ", Meiryo, Osaka, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; border-radius: 30px;        /* CSS3草案 */ -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */ -moz-border-radius: 30px;   /* Firefox用 */ width: 200px; line-height: 28px; display: block; text-align: center; position: relative; }
.areamap_link a::after { display: block; content: ""; position: absolute; top: 50%; right: 5px; width: 0; height: 0; margin-top: -5px; border: 5px solid transparent;        /*top right bottom を透明化 */ border-left: 5px solid #fff; }
.areamap .tour_link02 { position: absolute; width: 238px; height: 106px; padding: 0; left: 878px; top: 697px; }

/* =======================
contact
========================== */
#bali .sec_contact { width: 1140px; margin: 0 auto; overflow: hidden; border: 6px solid #000; border-radius: 20px; background: #fff; padding: 22px 44px 0 44px; }
#bali .sec_contact .fL { float: left; width: 583px; }
#bali .sec_contact .fR { float: right; width: 440px; }
#bali .sec_contact .txt_01 { margin: 10px 0 30px 20px; }
#bali .sec_contact .txt_03 { margin: 0 0 6px 0; }
#bali .sec_contact .txt_04 { padding-left: 80px; font-size: 13px; line-height: 2; background: url(../img/contactbox_txt_04.png) left top no-repeat; }
#bali .sec_contact .link_btn_03 { margin: 0 0 20px 0; }
#bali .sec_contact .link_btn_03 a { display: block; color: #fff; font-weight: bold; font-size: 22px; padding-left: 138px; height: 77px; line-height: 74px; background: url(../img/btn_form.png) left top no-repeat; }
#bali .sec_contact .link_btn_03 { margin: 0 0 20px 0; }


.bnr {
	margin: 0 auto 40px auto;text-align: center;
}
#bali .areamap{display: none;}


#bali a.btn{background: #FF5500; border-radius: 10px; padding: 15px 30px 15px 15px; color: #fff; font-weight: bold; max-width: 600px; width: 100%; display: block; position: relative;}
#bali a.btn::after{content: ""; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); display: block; position: absolute; right: 20px; top: 50%; margin-top: -5px;}
#bali .area_guide_btn{text-align: center; max-width: 90%; margin: 10px auto 30px;}
#bali .area_guide_btn p{font-weight: bold; font-size: 18px; margin-bottom: 10px;}
#bali .area_guide_btn a.btn{ font-size: 24px; margin: 0 auto;}

@media (min-width:1800px){
  #bali .nerai h3{padding-right: 11vw;}
  #bali .nerai_point .free_icon{top: -6.5vw;}
}
@media (min-width:1140px){
  #bali .areamap{display: block;}
  #bali .tourlist .area_lead{display: none;}
}
@media (min-width:769px){
  #bali .nerai h3{line-height: 1.2; padding-bottom: 5px; padding-top: 5px;}
}
@media (max-width:768px){
  #bali .visual{background: url(../img/back_pattern.jpg); height: auto;}
  #bali .visual .top .txt_box{position: static; width: 95%; margin: 15px auto; font-size: 15px; padding: 15px; line-height: 1.4; float: none;}
  #bali .visual .top .top_bnr{position: static; width: 95%; margin: 0 auto; float: none;}
  #bali .info_box01 h2{font-size: 20px; padding: 15px 20px;}
  #bali .info_box01 h2 .small{display: block; font-size: 3.6vw;}
  #bali .info_box01 ul li .point{font-size: 16px;}
  #bali .nerai h3{font-size: 4vw; line-height: 1.2; padding: 10px 10px 10px 0;}
  #bali .nerai .photo_img{width: 92%; float: none; padding: 15px 0; margin: 0 auto;}
  #bali .nerai .bl_hotel_txt{width: 92%; float: none; margin: 0 auto;}
  #bali .nerai_point { background: url(../img/nerai_point_bg.png) left top / 200% no-repeat, url(../img/nerai_point_bg_bottom.png) repeat-y left bottom; padding: 11vw 8% 20px; }
  #bali .nerai_point .free_icon{width: 25vw;top: -4.5vw; right: 10px;}
  #bali .nerai_point li{font-size: 3.75vw;}
  #bali .nerai .hotel_txt{padding: 0 0 20px; font-size: 13px;}
  #bali .nerai .hotel_btn{width: 90%; margin: 0 auto 30px; padding: 10px 20px; font-size: 13px;}
  #bali .nerai .hotel_btn::after{background-size: 15px 10px;}
  #bali .nerai ul.photos{flex-wrap: wrap; width: 92%;}
  #bali .nerai ul.photos li{flex: 0 0 49%; line-height: 1.4;}
  #bali .link_area_btn01,#bali .link_area_btn02 {width: 100%; margin-bottom: 0;}
  #bali .link_area_btn02 li,#bali .link_area_btn01 li{width: 49%; margin-bottom: 15px;}
  #bali .link_area_btn02 li,#bali .link_area_btn01 a{font-size: 3vw; padding: 10px 20px;}
  #bali .link_area_btn02 li,#bali .link_area_btn01 a::after{content: none;}
  #bali .tourlist h3{margin-bottom: 15px;}
  #bali .tourlist .area_lead{ padding: 0; margin-bottom: 15px; width: 92%;}
  #bali .sec_tourlist { padding: 0; width: 92%;}
  #bali .area_guide_btn p{font-size: 16px;}
  #bali .area_guide_btn a.btn{font-size: 5vw;}
  #bali .info_box01.carguide p.txt{background: none; width: 90%;margin-left: auto;margin-right: auto; padding-right: 0;}
  #bali .info_box01.carguide .point_txt{display: block;}
  #bali .info_box01.carguide .point_txt .btn{width: 100%; margin-top: 10px; font-size: 15px; padding: 10px 25px 10px 20px;}
  #bali .info_box01 .contact{display: block;}
  #bali .info_box01 .contact .carguide_txt p{text-align: center; margin-bottom: 15px;}
  #bali .info_box01 .contact .contact_btn_tel a small{display: inline-block; padding-left: 10px; font-size: 4vw;}
  #bali .info_box01 .contact .contact_btn_tel a {align-items: center; background: #1996e8; border-radius: 10px; color: #fff;display: flex; font-size: 6vw; font-weight: 700; height: 12.5333vw;  justify-content: center; position: relative;  width: 90%;margin-left: auto;margin-right: auto;}
  #bali .info_box01 .contact .carguide_form{width: 90%; margin: 10px auto 0;}
  #bali .info_box01 .contact .contact_btn_tel a::before {width:15px;margin-right:5px;background-image:url(../img/icon_tel_white.svg);}



  /* ツアー */
  #bali .tourlist{padding-top: 20px;}
  #bali .sec_tourlist .tub_departure{margin-bottom: 20px;}
  #bali .sec_tourlist .tub_departure .tub_departure_btn{font-size: 13px;padding: 10px 5px;}
  #bali .sec_tourlist .tub_departure .tub_departure_btn.active::after {
    display: block;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #50c51a transparent transparent transparent;
  }
  #bali .sec_tourlist .bl_tour_box {
    border: none;
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #ccc;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header {
    padding: 10px 10px 0 10px;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_img_box {
    width: 32%;
    padding-right: 10px;
    margin-right: 0px;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_img_box img {
    width: 100%;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_code_box {
    width: 68%;
    letter-spacing: 0;
    border: solid 1px #c5a17b;
    background: #fff;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 5px;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_code_box dt {
    border-bottom: solid 2px #c5a17b;
    color: #c5a17b;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0;
    line-height: 100%;
    width: 30%;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_code_box dt {
    border: none;
    color: #c5a17b;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0;
    line-height: 100%;
    width: 30%;
    display: inline-block;
    float: left;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_code_box dd {
    font-size: 11px;
    padding: 5px 0;
    border-left: solid 1px #c5a17b;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0;
    line-height: 100%;
    width: 70%;
    display: inline-block;
    float: left;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box {
    width: 68%;
    letter-spacing: 0;
    margin-right: 0!important;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box p {
    font-size: 13px;
    font-weight: bold;
    line-height: 140%;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_header .bl_tour_tit_box table {
    width: 100%;
    display: none;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_det .bl_tour_content {
    display: none;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info {
    width: 100%;
    float: right;
    display: inline;
    background: #e6e6e6;
    padding: 5px;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_note {
      padding: 0 0 15px 100px;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel {
    background: #fff;
    padding: 10px 0px 10px 0;
    position: relative;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_btn {
    width: 90%;
    height: 45px;
    top: unset;
    right: unset;
    position: relative;
    margin: 0 auto;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_txt .att {
    display: none;
  }
  #bali .sec_tourlist .btn_link {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 0 20px;
  }
  #bali .sec_tourlist .bl_tour_box:last-child {
    margin-bottom: 10px;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn {
    width: 20%;
    height: 35px;
    margin-right: 5px;
    float: left;
    display: inline;
    background: #c5a17b;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    border-bottom: solid 3px #c5a17b;
    padding-top: 5px;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_tub_btn span{
    display: block;
    font-size: 80%;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_icon {
      width: 85px;
      color: #fff;
      padding: 10px 0 0 10px;
      font-size: 0.7em;
  }
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price {
      font-size: 18px;
      color: #fa3734;
      font-weight: bold;
      line-height: 110%;
  }
}
@media (max-width:600px) {
  #bali .sec_tourlist .bl_tour_box .bl_tour_info .bl_tour_info_panel .bl_tour_info_price {font-size: 4.5vw;}
}