@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      common.css
Created:        2017-01-08
Style Info:     台湾特集 common　CSS
----------------------------------------------------------- */
#taiwan {max-width:640px;width:100%;margin:0 auto;}
#taiwan a:hover {text-decoration:none;}
#taiwan a:active,
#taiwan a:focus {outline:none;}
#taiwan img {width:100%;height:auto;}
#taiwan ul,
#taiwan ol,
#taiwan li {list-style:none;margin:0;padding:0;}

#taiwan h1 ,
#taiwan h2 ,
#taiwan h3 ,
#taiwan h4 ,
#taiwan h5 ,
#taiwan h6 {margin:0;font-size:100%;}

#taiwan .fl {float:left; display:inline;}
#taiwan .fr {float:right; display:inline;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

#taiwan .content_wrap {padding:0 15px;}
#taiwan .page-top {z-index:10;position:fixed;bottom:10px;right:10px;width:34px;height:34px;padding:8px 9px;border-radius:17px;font-size:12px;opacity:0.8;
  background:#666 url(../img/arr_pagetop.png) center center no-repeat;text-indent:-9999px;
  -webkit-background-size:15px auto;
  background-size:15px auto;}
#footer {z-index:20;position:relative;}

/* visual
----------------------------------------*/
#taiwan .visual {position:relative;}
#taiwan .visual_txt {position:absolute;top:44%;left:50%;width:84%;margin-left:-42%;font-size:26px;font-weight:bold;text-align:center;line-height:1.6;}
#taiwan .visual_txt span {color:#eb0000;}
@media print ,screen and (max-width:640px){
  #taiwan .visual_txt {font-size:4vw;}
}
@media print ,screen and (max-width:360px){
  #taiwan .visual_txt {font-size:13px;}
}

/* sec_tourlist
----------------------------------------*/
#taiwan .sec_tour {margin-bottom:15px;}
#taiwan .sec_tour_title_01 {background:#eb0000;margin-bottom:10px;text-align:center;}
#taiwan .sec_tour_title_01 img {max-width:400px;}
#taiwan .sec_tour_title_02 {position:relative;border:1px solid #dc3232;position:relative;display:table;width:100%;padding:0 15px;height:50px;text-align:center;margin-bottom:13px;line-height:1.6;font-size:13px;font-weight:bold;background:#ffe8e7;color:#000;}
#taiwan .sec_tour_title_02 span {display:table-cell;height:50px;vertical-align:middle;}
#taiwan .sec_tour_title_02:after {content:"";position:absolute;bottom:-11px;left:50%;width:18px;height:11px;margin-left:-9px;
	background:url(../img/arr_fukidasi_01.png) center top no-repeat;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;}
#taiwan .sec_tour_title_02 strong {color:#eb0000;}
#taiwan .sec_tourlist {padding:0 15px;}
#taiwan .sec_tourlist_title {margin:0;}
#taiwan .tourcnt {border:solid 2px #e6e6e6;margin-bottom:10px;background:#fff;}
#taiwan .tourcnt .box {background:#f0f0f0; padding:5px 10px;margin-bottom:10px;overflow:hidden;}
#taiwan .tourcnt .box .tour_days {float:left;overflow:hidden;}
#taiwan .tourcnt .box .tour_days span {float:left;overflow:hidden;}
#taiwan .tourcnt .box .tour_days span,
#taiwan .tourcnt .box .tour_days,
#taiwan .tourcnt .box .tour_code {display:inline-block;line-height:20px;}
#taiwan .tourcnt .box .tour_days .txt1 {background:#aa0000;color:#fff; font-size:10px; font-weight:bold; padding:0 5px; border-radius:5px; margin-right:5px;}
#taiwan .tourcnt .box .tour_days .txt2 {font-size:16px; font-weight:bold;}
#taiwan .tourcnt .box .tour_days .txt2_1 {background:#323232;color:#fff; font-size:10px; font-weight:bold; padding:0 5px; margin-right:5px;}
#taiwan .tourcnt .box .tour_code {font-size:10px;float:right;margin-top:3px;}
#taiwan .tourcnt .inner {width:90%; margin:0 auto;}
#taiwan .tourcnt .inner .tour_title {margin-bottom:10px;}
#taiwan .tourcnt .inner .tour_title a {color:#a0826e; font-weight:bold; font-size:12px; text-decoration:none;}
#taiwan .tourcnt .inner .bord {margin-bottom:10px;}
#taiwan .tourcnt .inner .bord .img {width:50%; float:left; margin:0 10px 10px 0;}
#taiwan .tourcnt .inner .bord dl {margin-bottom:0;}
#taiwan .tourcnt .inner .bord dl dt {margin-bottom:5px;}
#taiwan .tourcnt .inner .bord dl dt span {width:50px;display:inline-block;background:#323232; font-size:10px; color:#fff; padding:2px 5px;}
#taiwan .tourcnt .inner .bord dl dd {font-size:10px;}
#taiwan .tourcnt .inner .tour_price .tour_price_head {background:#323232; color:#fff; font-weight:bold; font-size:10px; padding:3px 5px;}
#taiwan .tourcnt .inner .tour_price_cnt {padding:10px; border: solid 1px #aaa;border-top:0;}
#taiwan .tourcnt .inner .price {color:#aa0000; font-weight:bold; line-height:1;}
#taiwan .tourcnt .inner .price .price_max {font-size:18px;}
#taiwan .tourcnt .inner .tour_price_cnt .txt {font-size:10px;}
#taiwan .tourcnt .inner .tour_link {margin:10px auto 15px auto;width:190px;}
#taiwan .tourcnt .inner .tour_link a {position:relative;display:block;height:32px;color:#000;font-size:13px;font-weight:bold;text-align:center;
	line-height:33px;text-decoration:none;border-radius:16px;padding-right:15px;
  background: -moz-linear-gradient(top, #ffe945, #ffd901);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffe945), to(#ffd901));}
#taiwan .tourcnt .inner .tour_link a:after {display:block;content:"";width:7px;height:8px;position:absolute;top:50%;right:10px;margin-top:-4px;
  background: url(../img/arr_right_01.png) top center no-repeat;
  -webkit-background-size:auto 100%;
  background-size:auto 100%;}
@media print ,screen and (max-width:360px){
  #taiwan .tourcnt .inner .bord dl dt.hotel {clear:left;float:left;}
  #taiwan .tourcnt .inner .bord dl dd.hotel {float:left;margin:4px 0 0 5px;}
}

/* sec_enjoy
----------------------------------------*/
#taiwan .sec_enjoy {margin:0 15px 20px 15px;}
#taiwan .sec_enjoy_title {margin-bottom:10px;max-width:320px;}
#taiwan .sec_enjoy_list li {display:table;width:100%;height:84px;border:1px solid #dc3232;border-left:6px solid #dc3232;margin-bottom:5px;padding:0 5px 0 55px;
	background-color:#ffffc2;background-repeat:no-repeat;background-position:5px center;
	-webkit-background-size:auto 65px;
	background-size:auto 65px;}
#taiwan .sec_enjoy_list li.list_01 {background-image:url(../img/sec_enjoy_txt_01.png);}
#taiwan .sec_enjoy_list li.list_02 {background-image:url(../img/sec_enjoy_txt_02.png);}
#taiwan .sec_enjoy_list li.list_03 {background-image:url(../img/sec_enjoy_txt_03.png);}
#taiwan .sec_enjoy_list li p {display:table-cell;height:82px;vertical-align:middle;font-size:16px;line-height:1.6;}
#taiwan .sec_enjoy_txt {text-align:center;height:58px;margin-top:10px;font-weight:bold;font-size:13px;line-height:1.6;padding-top:5px;
	background:url(../img/bg_arr.png) center top no-repeat;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;}
#taiwan .sec_enjoy_txt span {color:#eb0000;}
@media print ,screen and (max-width:640px){
  #taiwan .sec_enjoy_list li p {font-size:3vw;}
}
@media print ,screen and (max-width:480px){
  #taiwan .sec_enjoy_list li p {font-size:13px;}
}

/* sec_choose
----------------------------------------*/
#taiwan .sec_choose {margin-bottom:15px;}
#taiwan .sec_choose_title_01 {margin:0 15px 10px 15px;text-align:center;}
#taiwan .sec_choose_title_01 img {max-width:320px;}
#taiwan .sec_choose_title_02 {border-left:5px solid #dc3232;height:92px;display:table;width:100%;margin-bottom:15px;padding-left:10px;
  background:#f0f0f0 url(../img/arr_right_03.png) left center no-repeat;
  -webkit-background-size:auto 9px;
  background-size:auto 9px;}
#taiwan .sec_choose_title_02 span {display:table-cell;vertical-align:middle;height:92px;padding-right:135px;width:100%;font-size:18px;line-height:1.6;
  background-position:right center;background-repeat:no-repeat;
  -webkit-background-size:auto 100%;
  background-size:auto 100%;}
#taiwan .sec_choose_title_03 {color:#00b900;font-size:14px;font-weight:bold;line-height:1.6;padding-bottom:5px;border-bottom:3px solid #dc3232;margin-bottom:10px;}
#taiwan .sec_choose_title_04 {color:#eb0000;font-size:13px;font-weight:bold;line-height:1.6;margin-bottom:10px;}
#taiwan .sec_choose .tourlink {background:#fffad7;border:1px solid #dc3232;}
#taiwan .sec_choose .tourlink_tit {color:#fff;padding-left:40px;height:30px;line-height:30px;font-size:14px;font-weight:bold;
  background:#dc3232 url(../img/icon_pot.png) 10px 8px no-repeat;
  -webkit-background-size:19px auto;
  background-size:19px auto;}
#taiwan .sec_choose .tourlink_tit.long {letter-spacing:-.02em;font-size:12px;}
#taiwan .sec_choose .tourlink_txt {padding:10px 10px 5px 10px;}
#taiwan .sec_choose .tourlink_txt li {display:inline-block;margin:0 5px 5px 0;}
#taiwan .sec_choose .tourlink_txt li a {color:#003f96;font-size:13px;text-decoration:underline;}
@media print ,screen and (max-width:640px){
  #taiwan .sec_choose_title_02 span {font-size:3vw;}
}
@media print ,screen and (max-width:480px){
  #taiwan .sec_choose_title_02 span {font-size:12px;}
}

/* sec_choose_hotel
----------------------------------------*/
#taiwan .sec_choose_hotel .sec_choose_title_02 span {background-image:url(../img/sec_hotel_txt_01.png);}
#taiwan .cnt_hotel {margin-bottom:15px;}
#taiwan .cnt_hotel .hotel_head {overflow:hidden;margin-bottom:10px;}
#taiwan .cnt_hotel .hotel_head > span {display:block;}
#taiwan .cnt_hotel .hotel_head .name {font-size:14px;line-height:1.6;font-weight:bold;}
#taiwan .cnt_hotel .hotel_head .rank {background-repeat:no-repeat;background-position:center center;width:64px;height:12px;
  -webkit-background-size:100% auto;
  background-size:100% auto;}
#taiwan .cnt_hotel .hotel_head .rank_02 {background-image:url(../img/rank_02.png);}
#taiwan .cnt_hotel .hotel_head .rank_03 {background-image:url(../img/rank_03.png);}
#taiwan .cnt_hotel .hotel_head .rank_04 {background-image:url(../img/rank_04.png);}
#taiwan .cnt_hotel .hotel_img {max-width:182px;margin:0 auto 10px auto;}
#taiwan .cnt_hotel .hotel_info {margin-bottom:10px;}
#taiwan .cnt_hotel .hotel_info p {font-size:13px;line-height:1.6;}
#taiwan .cnt_hotel .hotel_info p:before {content:"◆";color:#eb0000;}

/* sec_choose_option
----------------------------------------*/
#taiwan .sec_choose_option .sec_choose_title_02 span {background-image:url(../img/sec_option_txt_01.png);}
#taiwan .sec_choose_option .option_tit_01 {display:table;width:100%;height:55px;font-size:14px;font-weight:bold;line-height:1.4;border-bottom:3px solid #dc3232;margin-bottom:10px;
  background-position:left top;background-repeat:no-repeat;
  -webkit-background-size:auto 50px;
  background-size:auto 50px;}
#taiwan .sec_choose_option .option_tit_01 span {display:table-cell;height:55px;vertical-align:middle;padding:0 0 0 55px;}
#taiwan .sec_choose_option .option_tit_02 {font-size:13px;line-height:1.6;}
#taiwan .sec_choose_option .option_tit_02:before {content:"◆";color:#eb0000;}
#taiwan .sec_choose_option .option_tit_03 {margin-bottom:10px;}
#taiwan .cnt_option {margin-bottom:15px;}
#taiwan .cnt_option p {font-size:13px;line-height:1.6;margin-bottom:10px;}
#taiwan .cnt_option p span {color:#eb0000;}
#taiwan .cnt_option.option_01 .option_tit_01 {background-image:url(../img/icon_option_01.png);}
#taiwan .cnt_option.option_02 .option_tit_01 {background-image:url(../img/icon_option_02.png);}
#taiwan .cnt_option.option_03 .option_tit_01 {background-image:url(../img/icon_option_03.png);}
#taiwan .cnt_option .option_plan {margin-bottom:15px;}
#taiwan .cnt_option .option_plan .plan_tit {overflow:hidden;margin-bottom:10px;}
#taiwan .cnt_option .option_plan .plan_tit span {display:inline-block;font-size:14px;font-weight:bold;line-height:20px;}
#taiwan .cnt_option .option_plan .plan_tit span.num {color:#fff;width:20px;height:20px;border-radius:10px;background:#dc3232;text-align:center;margin-right:5px;}
#taiwan .cnt_option .option_plan .plan_img {overflow:hidden;margin:0 -.5% 10px -.5%;}
#taiwan .cnt_option .option_plan .plan_img div {float:left;width:48%;margin:0 .5%;}

/* sec_choose_airline
----------------------------------------*/
#taiwan .sec_choose_airline .sec_choose_title_02 span {background-image:url(../img/sec_airline_txt_01.png);}
#taiwan .sec_choose_airline p {font-size:13px;line-height:1.6;margin-bottom:10px;}
#taiwan .sec_choose_airline .airline_img {margin:0 0 10px 0;}
#taiwan .sec_choose_airline .airline_txt_01 {margin:15px 0 10px 0;}

/* sec_choose_kaohsiung
----------------------------------------*/
#taiwan .sec_choose_kaohsiung .sec_choose_title_02 span {background-image:url(../img/sec_kaohsiung_txt_01.png);}
#taiwan .sec_choose_kaohsiung p {font-size:13px;line-height:1.6;margin-bottom:10px;}
#taiwan .sec_choose_kaohsiung .kaohsiung_img_01 {margin:0 0 10px 0;}
#taiwan .sec_choose_kaohsiung .kaohsiung_img_02 {float:left;width:108px;}
#taiwan .sec_choose_kaohsiung .kaohsiung_wrap_01 {overflow:hidden;}
#taiwan .sec_choose_kaohsiung .kaohsiung_wrap_01 .sec_choose_title_04 {margin-bottom:10px;}
#taiwan .sec_choose_kaohsiung .kaohsiung_wrap_01 .sec_choose_title_04,
#taiwan .sec_choose_kaohsiung .kaohsiung_wrap_01 p {padding-left:115px;}
#taiwan .sec_choose_kaohsiung .kaohsiung_box_01 {background:#fbdde6;border:1px dashed #323232;border-radius:10px;padding:10px 15px;margin-bottom:10px;}
#taiwan .sec_choose_kaohsiung .kaohsiung_box_01 p,
#taiwan .sec_choose_kaohsiung .kaohsiung_box_01 li {font-size:13px;line-height:1.6;margin-bottom:0;}
#taiwan .sec_choose_kaohsiung .kaohsiung_box_01 li:before {content:"◆";color:#eb0000;}

/* sec_choose_freeorder
----------------------------------------*/
#taiwan .sec_choose_freeorder .sec_choose_title_02 span {background-image:url(../img/sec_freeorder_txt_01.png);}
#taiwan .sec_choose_freeorder p {font-size:13px;line-height:1.6;margin-bottom:10px;}
#taiwan .sec_choose_freeorder .freeorder_img_01 {margin:0 0 10px 0;}

/* accordion
----------------------------------------*/
#taiwan .accordion_tit {position:relative;display:table;color:#fff;font-weight:bold;font-size:15px;height:57px;line-height:1.4;width:100%;
	background:#df0101 url(../img/bg_dot_01.png) left top no-repeat;margin:1px 0 0 0;}
#taiwan .accordion_tit:after {position:absolute;content:"";top:50%;right:10px;margin-top:-4px;width:17px;height:9px;
	background:url(../img/accordion_arr_open.png) left top no-repeat;
	-webkit-background-size:100% auto;
	background-size:100% auto;}
#taiwan .accordion_tit.active:after {background-image:url(../img/accordion_arr_close.png);}
#taiwan .accordion_tit span {display:table-cell;height:57px;vertical-align:middle;padding:0 20px 0 61px;
	background-position:15px 12px;background-repeat:no-repeat;
	-webkit-background-size:31px auto;
	background-size:31px auto;}
#taiwan .accordion_tit.tit_01 span {background-image:url(../img/icon_num_01.png);}
#taiwan .accordion_tit.tit_02 span {background-image:url(../img/icon_num_02.png);}
#taiwan .accordion_tit.tit_03 span {background-image:url(../img/icon_num_03.png);}
#taiwan .accordion_tit.tit_04 span {background-image:url(../img/icon_num_04.png);}
#taiwan .accordion_tit.tit_05 span {background-image:url(../img/icon_num_05.png);}
#taiwan .accordion_tit.taC span {text-align:center;padding:0 10px;}
#taiwan .accordion_cnt {display:none;margin:15px;}

/* contact
----------------------------------------*/
#taiwan .sec_contact {padding:15px 10px;margin:10px;border:4px solid #eb0000;border-radius:10px;}
#taiwan .sec_contact_tit {color:#eb0000;font-weight:bold;text-align:center;font-size:16px;margin:0 0 15px 0;line-height:1.6;}
#taiwan .sec_contact_wrap {padding:4px 86px 0 0;margin:0 auto 10px auto;min-height:100px;max-width:480px;
  background:url(../img/sec_contact_img_01.png) right top no-repeat;
  -webkit-background-size:86px auto;
  background-size:86px auto;}
#taiwan .sec_contact .txt_01 {height:32px;line-height:32px;font-size:13px;text-align:center;font-weight:bold;margin-bottom:10px;border:1px solid #00b900;border-right:0;border-radius:5px 0 0 5px;}
#taiwan .sec_contact .txt_02 {text-align:center;font-size:12px;}
#taiwan .sec_contact .tel {margin:0 5px 10px 0;}
#taiwan .sec_contact .tel a {display:block;}
#taiwan .sec_contact .txt_03 {position:relative;border:1px solid #eb0000;border-radius:5px;margin:0 auto 15px auto;max-width:480px;padding:10px;color:#eb0000;font-size:13px;line-height:1.4;font-weight:bold;text-align:center;}
#taiwan .sec_contact .txt_03:after {position:absolute;content:"";bottom:-13px;left:50%;width:25px;height:14px;margin:0 0 0 -12px;
  background:url(../img/arr_fukidasi_02.png) center center no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}
#taiwan .sec_contact .txt_04 {font-size:13px;padding-left:50px;line-height:1.8;margin:0 auto;max-width:480px;
  background:url(../img/sec_contact_img_02.png) left top no-repeat;
  -webkit-background-size:40px auto;
  background-size:40px auto;}
#taiwan .sec_contact .link_btn {margin:0 auto 15px auto;max-width:480px;font-size:16px;}
#taiwan .sec_contact .link_btn a {position:relative;color:#fff;display:block;height:50px;background:#eb0000;border-bottom:4px solid #cf0000;
  border-radius:5px;padding:5px 20px 5px 80px;font-weight:bold;line-height:40px;text-align:center;}
#taiwan .sec_contact .link_btn a:hover {text-decoration:none;}
#taiwan .sec_contact .link_btn small {position:absolute;top:5px;left:5px;display:block;width:78px;height:40px;background:#fff;padding-top:3px;
  border-radius:5px;color:#eb0000;font-size:11px;line-height:1.6;text-align:center;}
#taiwan .sec_contact .link_btn a:after {content:"";position:absolute;top:50%;right:10px;margin-top:-7px;width:15px;height:15px;
  background:url(../img/arr_right_02.png) center center no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}
@media screen and (max-width:360px) {
  #taiwan .sec_contact .txt_01 {font-size:11px;letter-spacing:-0.02em;}
  #taiwan .sec_contact .txt_03 {font-size:12px;}
  #taiwan .sec_contact .link_btn {font-size:13px;}
}
