@charset "UTF-8";

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

File name:      style.css
Created:        2018-08-02
Style Info:     タイ　バンコク・プーケット特集　CSS
----------------------------------------------------------- */
/* common */


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

#thai_asia {overflow:hidden; line-height: 180%;}
#thai_asia a {color: #000;}
#thai_asia a:hover {opacity:.75;text-decoration:none;}

#thai_asia ul,
#thai_asia ol,
#thai_asia li {list-style:none;margin:0;padding:0;}
#thai_asia .taC {text-align:center;}
#thai_asia .fl {float: left; display: inline;}
#thai_asia .fr {float: right; display: inline;}

#thai_asia p ,
#thai_asia li ,
#thai_asia dt ,
#thai_asia dd {font-size: 13px; line-height: 150%;}

#thai_asia .contents {width: 1140px; margin: 0 auto;}

#thai_asia h2 ,
#thai_asia h3 ,
#thai_asia h4 ,
#thai_asia h5 ,
#thai_asia h6 {padding: 0; margin: 0;}
#thai_asia .dis_sp {display: none;}



@media screen and (max-width:767px){
  
  #thai_asia .contents {width: 100%;}
  #thai_asia img {width: 100%; height: auto;}
  #thai_asia .dis_pc {display: none;}
  #thai_asia .dis_sp {display: block;}
  
  
  
  
}



/* visual */
#thai_asia .visual {background:url(../img/visual_bg.png) no-repeat center top; text-align: center;}



/* contents */

#thai_asia .bl_01 {padding: 30px 0 60px;}
#thai_asia .bl_01 .page_lead {width: 980px; margin: 0 auto 30px;}
#thai_asia .bl_01 .page_lead p {line-height: 180%; font-size: 15px;}
#thai_asia .bl_01 .page_navi {background:#f5f5f5; text-align: center; padding: 10px 0 ;}
#thai_asia .bl_01 .page_navi ul li {display: inline-block; margin: 0 10px;}
#thai_asia .bl_01 .page_navi ul li a {font-size: 15px;}
#thai_asia .bl_01 .page_navi ul li a:before {content: "▼";}
#thai_asia .panel {padding: 30px 0;}


@media screen and (max-width:767px){
  #thai_asia .bl_01 {padding: 20px 0 30px;}
  #thai_asia .bl_01 .page_lead {width: 92%; margin: 0 auto;}
  #thai_asia .tit_01 {background:#f84188; border-bottom: solid 5px #e3055f; width: 100%; height: 60px; position: relative;}
  #thai_asia .tit_01 span {max-width:560px; width: 87vw; position: absolute; top: 50%; left: 2.18vw; transform: translate(0,-50%);}
  #thai_asia .tit_01:after {content: ""; background: url(../img/btn_p.png) no-repeat center; background-size: 100%; width: 6.25vw; height: 100%; display: block; position: absolute; top: 0; right: 2.34vw;}
  #thai_asia .tit_01.is-active:after {content: ""; background: url(../img/btn_m.png) no-repeat center; background-size: 100%; width: 6.25vw; height: 100%; display: block; position: absolute; top: 0; right: 2.34vw;}
  #thai_asia .panel {display: none; padding: 20px 0 30px;}
  #thai_asia .panel.is-active {display: block;}
}

#thai_asia .bl_point {margin-bottom: 20px;}
#thai_asia .bl_point ul {width: 990px; margin: 0 auto;}
#thai_asia .bl_point ul li {width: 320px; height: 180px; margin-left: 10px; float: left; display: inline; position: relative;}
#thai_asia .bl_point ul li img ,
#thai_asia .bl_point ul li p {position: absolute;}
#thai_asia .bl_point ul li p {top: 85px; left: 180px;}
#thai_asia .bl_point ul li:nth-child(3) p {left: 150px;}




#thai_asia .tour_tub {border-bottom:solid 5px #0089e8; font-size: 0; text-align: center; padding-left: 60px; margin-bottom: 30px;}
#thai_asia .tour_tub li {width:470px; display: inline; float: left; height: 75px; background: #ebebeb; text-align: center; line-height: 80px; font-size: 28px;font-weight: bold; color: #0089e8; border-radius: 20px 20px 0 0 ; margin: 0 20px; cursor: pointer;}
#thai_asia .tour_tub li:hover ,
#thai_asia .tour_tub li.is-active {background: #0089e8; color: #fff;}
#thai_asia .sec_tourlist .bl_btn {width: 760px; height: 70px; margin: 0 auto;}
#thai_asia .sec_tourlist .bl_btn a {display: block; width: 100%; height: 100%; border-radius: 10px; border:solid #0078e4 2px; text-decoration: none; position: relative;
background: -moz-linear-gradient(top, #6dbdf2 0%, #0992ea 13%, #0078e4 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6dbdf2 0%,#0992ea 13%,#0078e4 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6dbdf2 0%,#0992ea 13%,#0078e4 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#thai_asia .sec_tourlist .bl_btn a span {color: #fff; font-size: 24px; font-weight: bold; display: block; width: 100%; text-align: center; position: absolute; top: 50%; transform: translate(0,-50%);}
#thai_asia .sec_tourlist .bl_btn a span.dis_sp {display: none;}
#thai_asia .sec_tourlist .bl_btn a:after {content: ""; background: url(../img/btn_arr_right_01.png) no-repeat center; width:10px; height: 100%; display: block; position: absolute; top: 0; right:20px;}

#thai_asia .tour_list_box {margin-bottom: 30px;}

#thai_asia .sec_tourlist_title{	display:block;	width:1140px;	height:50px;	background: url(../img/tour_tit.png) no-repeat;text-indent:65px;	}
#thai_asia .sec_tourlist_title span {	color:#fff;	line-height:50px; font-size: 24px; font-weight: bold;}



@media screen and (max-width:767px){
  #thai_asia .bl_point {margin-bottom: 0;}

  #thai_asia .bl_point ul {max-width: 320px; width: 92vw; margin: 0 auto;}
  #thai_asia .bl_point ul li {display: block; margin: 10px 0;}
  #thai_asia .bl_point ul li img {max-width: 320px; width: 92vw;}
  #thai_asia .tour_tub ,
  #thai_asia .tour_panel_wrap {width: 92%; margin: 0 auto;}
  #thai_asia .tour_tub {border: none; margin-bottom: 30px; padding: 0;}
  #thai_asia .tour_tub li {width: 48%; height: 12.5vw; border-radius: 10px; border: solid 1px #0089e8; margin:0 4% 0 0; float: left; display: inline; font-size: 4.375vw; line-height: 12.5vw;}
  #thai_asia .tour_tub li:last-child {margin-right: 0;}
  
  #thai_asia .sec_tourlist .bl_btn {width: 100%; height: 60px; margin: 0 auto;}
  #thai_asia .sec_tourlist .bl_btn a {display: block; width: 100%; height: 100%; border-radius: 30px; border:none; text-decoration: none; position: relative;  background: #008ce6;  }
  
  #thai_asia .sec_tourlist .bl_btn a span {color: #fff; font-size: 4.375vw; font-weight: bold; display: block; width: 100%; text-align: center; position: absolute; top: 50%; transform: translate(-10px,-50%);}
  #thai_asia .sec_tourlist .bl_btn a:after {content: ""; background: url(../img/btn_arr_right_01.png) no-repeat center; width:10px; height: 100%; display: block; position: absolute; top: 0; right:20px;}  
  #thai_asia .sec_tourlist .bl_btn a span.dis_pc {display: none;}
  #thai_asia .sec_tourlist .bl_btn a span.dis_sp {display: block;}
  
  
  #thai_asia .sec_tourlist_title {background:#f84188; position: relative; width: 100%; padding: 10px 0;line-height: 1;}
  #thai_asia .sec_tourlist_title span {position: absolute; top: 51% ; left:9.3755vw; display: block; color: #fff; font-size: 4.375vw; font-weight: bold; transform: translate(0,-50%); text-indent: 0;}

  #thai_asia .sec_tourlist_title:before {content: ""; background: url(../img/icon_tit.png)no-repeat center; background-size: 100%; width: 4.6875vw; height: 100%; display: block; position: absolute; top: 0; left:3.125vw;}
}




/* tourlist */

#thai_asia .sec_tourlist {width:1140px;margin:0 auto 50px;}
#thai_asia .tourcnt {position:relative;overflow:hidden;border:6px solid #f84188;padding:15px;margin-top:20px;background:#fff; margin-bottom: 20px;}
#thai_asia .tourcnt .tour_title {font-size:16px;font-weight:bold;line-height:1.4;margin:0 0 10px 0;padding-bottom:10px;border-bottom: solid 1px #aaaaaa;}
#thai_asia .tourcnt .tour_title a {color:#008ce6;}
#thai_asia .tourcnt .tour_title a:hover {text-decoration:underline;}
#thai_asia .tourcnt_left {float:left;width:202px;}
#thai_asia .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:10px;}
#thai_asia .tourcnt_left .img a {display:block;}
#thai_asia .tourcnt_left .img img {width:100%;}
#thai_asia .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#thai_asia .tourcnt_left .tour_days span {display:block;}
#thai_asia .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#008ce6;color:#fff;font-size:13px;font-weight:bold;text-align:center;width:60px;height:20px;padding:0 8px;line-height:22px;margin-right:5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#thai_asia .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#thai_asia .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#f84188;color:#fff;font-size:13px;font-weight:bold;height:20px;padding:0 8px;line-height:22px;margin-right:5px;}
#thai_asia .tourcnt_left .tour_code {font-size:13px;margin-top:5px;}
#thai_asia .tourcnt_right {padding:0 0 0 214px;}
#thai_asia .tourcnt_right .tour_info {overflow:hidden; padding-bottom: 50px;}
#thai_asia .tourcnt_right dl {float:left;width:523px;overflow:hidden;margin:0;}
#thai_asia .tourcnt_right dt {clear:left;float:left;background:#f84188;color:#fff;font-size:13px;font-weight:bold;width:70px;height:23px;padding:0 8px;line-height:25px;margin-top:5px;}
#thai_asia .tourcnt_right dd {font-size:13px;line-height:1.4;padding:3px 0 0 80px;margin-top:5px;}
#thai_asia .tourcnt_right dt:first-of-type,
#thai_asia .tourcnt_right dd:first-of-type {margin-top:0;}
#thai_asia .tourcnt_right .tour_price {float:right;width:300px;}
#thai_asia .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:13px;line-height:22px;padding:0 10px;font-weight:bold;background:#f84188;}
#thai_asia .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#thai_asia .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#thai_asia .tourcnt_right .tour_price .price span {display:inline-block;}
#thai_asia .tourcnt_right .tour_price .price_max {font-size:24px;}
#thai_asia .tourcnt_right .tour_price .price_min {font-size:14px;margin:8px 0 0 5px;}
#thai_asia .tourcnt_right .tour_price .txt {font-size:12px;}
#thai_asia .tourcnt_right .tour_link { position: absolute; bottom: 15px ; right: 15px; margin-top:10px;width:190px;}
#thai_asia .tourcnt_right .tour_link a {position:relative;display:block;height:40px;color:#fff;font-size:15px;font-weight:bold;line-height:40px;text-decoration:none; padding-left: 30px;
  border-radius:20px;
	background: #008ce6;

}
#thai_asia .tourcnt_right .tour_link a:after {display:block;content:"";width:10px;height:11px;position:absolute;top:50%;right:10px;margin-top:-5px;
	background:url(../img/btn_arr_right_04.png) top center no-repeat;}
#thai_asia .sec_tourlist .bl_btn {text-align: center;}



/* bl_info */
#thai_asia .bl_info {margin-bottom: 70px; padding-top: 20px;}
#thai_asia .bl_info .inner {border: solid 5px #f84188; background: #ffffd3; border-radius: 0 0 10px 10px; height: 100px; width: 1140px; position: relative;}
#thai_asia .bl_info .inner .box_text_01 ,
#thai_asia .bl_info .inner .box_text_02 ,
#thai_asia .bl_info .inner .box_tel {position: absolute;}
#thai_asia .bl_info .inner .box_text_01 {top: 20px; left: 35px;}
#thai_asia .bl_info .inner .box_text_02 {top: 30px; left: 930px;}
#thai_asia .bl_info .inner .box_tel  {top: 20px; left: 485px;}
#thai_asia .bl_info .inner .box_tel p a { font-size: 60px; color: #0068e1; font-weight: bold; line-height: 1; margin: 0; font-family: 'arial',sans-serif;letter-spacing: -.02em;}
#thai_asia .bl_info .inner .box_tel p a:before {content: url(../img/icon_tel.png); position: relative; top: 5px;}
#thai_asia .bl_info .inner p {margin: 0; color: #323232;}
#thai_asia .bl_info .inner .box_text_01 p {font-size: 18px; font-weight: bold; margin: 0; }


@media (min-width:768px) {
  #thai_asia .bl_info .inner .box_tel p a{pointer-events:none;cursor:default;text-decoration:none;}
}



@media (max-width:768px) {
  #thai_asia .sec_tourlist {width:100%;margin:0 auto;}
  #thai_asia .bl_info {width: 100%;}
  #thai_asia .bl_info .inner {border: solid 25px #f84188; border-top:none; background: #ffffd3; border-radius: 0; height: auto; width: 100%; position: static; padding: 10px;}
  #thai_asia .bl_info .inner .box_text_01 ,
  #thai_asia .bl_info .inner .box_text_02 ,
  #thai_asia .bl_info .inner .box_tel {position: static;}
  #thai_asia .bl_info .inner .box_text_01 p {text-align: center;}
  #thai_asia .bl_info .inner .box_text_01 {margin-bottom: 10px;}
  #thai_asia .bl_info .inner .box_tel ,
  #thai_asia .bl_info .inner .box_text_02 {padding-left: 2.5vw;}
  #thai_asia .bl_info .inner .box_tel p a { font-size: 9vw; color: #f84188; font-weight: bold; line-height: 1; margin: 0; font-family: 'arial',sans-serif;letter-spacing: -.02em; position: relative; text-decoration:none; }
  #thai_asia .bl_info .inner .box_tel p a:before {content:""; background: url(../img/btn_tel.png) no-repeat center; background-size: 100%; height: 100%; display: block;width: 22vw; position: absolute; top: 0; right: -24vw;}


  /* sec_tourlist */
  #thai_asia .sec_tourlist .tourcnt { border: solid 1px #d2d2d2; margin-bottom: 10px; height: auto; }
  #thai_asia .sec_tourlist .tourcnt .inner { float: left; display: inline; width: 95%; }
  #thai_asia .sec_tourlist .tourcnt .tour_link { float: left; display: inline; width: 5%; background: #62b0a4; text-indent: -9999px; }
  #thai_asia .sec_tourlist .tourcnt .tour_link a { width: 100%; height: 100%; display: block; background: url(../img/btn_arr_right_04.png) no-repeat center; }
  #thai_asia .sec_tourlist .tourcnt .tour_tit { background: #e6f3f1; font-size: 90%; line-height: 140%; }
  #thai_asia .sec_tourlist .tourcnt .tour_tit a { text-decoration: none; color: #323232; font-weight: bold; }
  #thai_asia .sec_tourlist .tourcnt .tour_tit,
  #thai_asia .sec_tourlist .tourcnt .bord { padding: 3%; }
  #thai_asia .sec_tourlist .tourcnt .bord img { float: left; display: inline; width: 38%; }
  #thai_asia .sec_tourlist .tourcnt .bord .tour_info { float: right; display: inline; width: 60%; }
  #thai_asia .sec_tourlist .tourcnt .bord .tour_info .text_box { float: left; display: inline; background: #fda01e; color: #fff; font-weight: bold; font-size: 90%; padding: 2px 10px 0; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; }
  #thai_asia .sec_tourlist .tourcnt .bord .tour_info .price { color: #f84188; font-weight: bold; line-height: 120%; margin-bottom: 5px; }
  #thai_asia .sec_tourlist .tourcnt .bord .tour_info .price .price_max { font-size: 130%; }
  #thai_asia .sec_tourlist .tourcnt .bord .tour_info p.txt { color: #646464; font-size: 80%; line-height: 120%; }

}





@media screen and (max-width: 500px) {
#thai_asia .sec_tourlist .tourcnt .inner { width: 90%; }
#thai_asia .sec_tourlist .tourcnt .tour_link { width: 10%; }
}